@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=3173583b-6f7e-444f-94ee-f66ee50154a7");
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes fadeFromTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes fadeFromTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@-webkit-keyframes fadeFromRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes fadeFromRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@-webkit-keyframes fadeFromBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes fadeFromBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@-webkit-keyframes fadeFromLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes fadeFromLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@-webkit-keyframes fadeFromRight20 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20%);
    transform: translateX(20%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes fadeFromRight20 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20%);
    transform: translateX(20%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@-webkit-keyframes fadeToRight20 {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20%);
    transform: translateX(20%); } }

@keyframes fadeToRight20 {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20%);
    transform: translateX(20%); } }

@-webkit-keyframes fadeFromLeft20 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes fadeFromLeft20 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@-webkit-keyframes fadeToLeft20 {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%); } }

@keyframes fadeToLeft20 {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%); } }

@keyframes fadeToRight20 {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20%);
    transform: translateX(20%); } }

@-webkit-keyframes fromRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes fromRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@-webkit-keyframes toLeft {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

@keyframes toLeft {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

@-webkit-keyframes arrowDownSvg {
  to {
    opacity: 0.25; } }

@keyframes arrowDownSvg {
  to {
    opacity: 0.25; } }

@-webkit-keyframes previewScrollOne {
  0% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  2% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    top: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  52% {
    top: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes previewScrollOne {
  0% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  2% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  50% {
    top: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  52% {
    top: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@-webkit-keyframes previewScrollTwo {
  0% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  2% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  25% {
    top: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  27% {
    top: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  50% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes previewScrollTwo {
  0% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  2% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  25% {
    top: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  27% {
    top: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  50% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@-webkit-keyframes previewScrollThree {
  0% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  2% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  33.33% {
    top: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  35.33% {
    top: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  66.66% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes previewScrollThree {
  0% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  2% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  33.33% {
    top: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  35.33% {
    top: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  66.66% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@-webkit-keyframes previewScrollFour {
  0% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  2% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  25% {
    top: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  27% {
    top: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  50% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes previewScrollFour {
  0% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  2% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  25% {
    top: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  27% {
    top: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  50% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@font-face {
  font-family: "DIN Next W01 Rounded_n4";
  src: url("../fonts/fonts.com/414aac2b-b155-4948-8733-ca83f707714f.eot?#iefix") format("eot"); }

@font-face {
  font-family: "DIN Next W01 Rounded";
  src: url("../fonts/fonts.com/414aac2b-b155-4948-8733-ca83f707714f.eot?#iefix");
  src: url("../fonts/fonts.com/414aac2b-b155-4948-8733-ca83f707714f.eot?#iefix") format("eot"), url("../fonts/fonts.com/8436c5b3-8af1-40f9-acd7-48dfdcaeac50.woff2") format("woff2"), url("../fonts/fonts.com/b03c5cd2-c6ad-4764-9cab-bf6211f181a7.woff") format("woff"), url("../fonts/fonts.com/e06f8fa7-aeda-4810-967e-0fd3d4621441.ttf") format("truetype"), url("../fonts/fonts.com/82765f99-353c-4685-8ae4-4f0f0208ccd1.svg#82765f99-353c-4685-8ae4-4f0f0208ccd1") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "DIN Next W01 Rounded_n7";
  src: url("../fonts/fonts.com/6746d969-4fe6-41c3-9825-bf64ef27f524.eot?#iefix") format("eot"); }

@font-face {
  font-family: "DIN Next W01 Rounded";
  src: url("../fonts/fonts.com/6746d969-4fe6-41c3-9825-bf64ef27f524.eot?#iefix");
  src: url("../fonts/fonts.com/6746d969-4fe6-41c3-9825-bf64ef27f524.eot?#iefix") format("eot"), url("../fonts/fonts.com/2256e07a-0135-47d0-afbd-c63fcb1d4030.woff2") format("woff2"), url("../fonts/fonts.com/52382db1-3de6-473e-b9c0-3cb5e70e80a2.woff") format("woff"), url("../fonts/fonts.com/9b4762b5-c629-43c5-aad0-ab5e65206cc6.ttf") format("truetype"), url("../fonts/fonts.com/6884fec8-a15c-45b1-86ee-af4f4ff4f5d3.svg#6884fec8-a15c-45b1-86ee-af4f4ff4f5d3") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Rockwell W01_n4";
  src: url("../fonts/fonts.com/73e6c08f-deb5-4d6f-827b-597a84046aa4.eot?#iefix") format("eot"); }

@font-face {
  font-family: "Rockwell W01";
  src: url("../fonts/fonts.com/73e6c08f-deb5-4d6f-827b-597a84046aa4.eot?#iefix");
  src: url("../fonts/fonts.com/73e6c08f-deb5-4d6f-827b-597a84046aa4.eot?#iefix") format("eot"), url("../fonts/fonts.com/8dd355f9-1a9a-4d91-8aa1-7dcc9deeb439.woff2") format("woff2"), url("../fonts/fonts.com/de4b0540-9702-4662-8f3a-228419485257.woff") format("woff"), url("../fonts/fonts.com/bc34c4cd-af2c-400d-b4d0-726e2d89f690.ttf") format("truetype"), url("../fonts/fonts.com/59c05ddc-99f9-44db-82ce-cb7f503b5110.svg#59c05ddc-99f9-44db-82ce-cb7f503b5110") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Rockwell W01_n7";
  src: url("../fonts/fonts.com/864373f8-943b-449d-a730-462eb66d7058.eot?#iefix") format("eot"); }

@font-face {
  font-family: "Rockwell W01";
  src: url("../fonts/fonts.com/864373f8-943b-449d-a730-462eb66d7058.eot?#iefix");
  src: url("../fonts/fonts.com/864373f8-943b-449d-a730-462eb66d7058.eot?#iefix") format("eot"), url("../fonts/fonts.com/4a475305-1b19-4f93-bb3f-d67733a726cf.woff2") format("woff2"), url("../fonts/fonts.com/49ff3af5-13b2-4add-8470-4cdac3cf650e.woff") format("woff"), url("../fonts/fonts.com/7d69578b-ab0e-4986-af19-428861ada4e4.ttf") format("truetype"), url("../fonts/fonts.com/2848532f-bf3e-4430-aae1-bc0d1367eb84.svg#2848532f-bf3e-4430-aae1-bc0d1367eb84") format("svg");
  font-weight: 700;
  font-style: normal; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

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

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active {
  outline: 0; }

a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

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

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

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

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

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-webkit-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

html {
  font-size: 16px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #000;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: none !important; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #818a91; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: bold; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

a {
  color: #000;
  text-decoration: none; }
  a:focus, a:hover {
    color: black;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

pre {
  margin-top: 0;
  margin-bottom: 1rem; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle; }

[role="button"] {
  cursor: pointer; }

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

table {
  background-color: transparent; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #818a91;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: left; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
textarea {
  margin: 0;
  line-height: inherit;
  -webkit-border-radius: 0;
  border-radius: 0; }

textarea {
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit; }

input[type="search"] {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  -webkit-appearance: none; }

output {
  display: inline-block; }

[hidden] {
  display: none !important; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }

h1 {
  font-size: 4rem; }

h2 {
  font-size: 3rem; }

h3 {
  font-size: 2.5rem; }

h4 {
  font-size: 2rem; }

h5 {
  font-size: 1.5rem; }

h6 {
  font-size: 1.2rem; }

.h1 {
  font-size: 4rem; }

.h2 {
  font-size: 3rem; }

.h3 {
  font-size: 2.5rem; }

.h4 {
  font-size: 2rem; }

.h5 {
  font-size: 1.5rem; }

.h6 {
  font-size: 1.2rem; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: 6rem;
  font-weight: 300; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

small,
.small {
  font-size: 80%;
  font-weight: normal; }

mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 5px; }

.dl-horizontal {
  margin-right: -1.875rem;
  margin-left: -1.875rem; }
  .dl-horizontal::after {
    content: "";
    display: table;
    clear: both; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.5625rem;
  border-left: 0.25rem solid #eceeef; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  line-height: 1.5;
  color: #818a91; }
  .blockquote-footer::before {
    content: "\2014 \00A0"; }

.blockquote-reverse {
  padding-right: 1rem;
  padding-left: 0;
  text-align: right;
  border-right: 0.25rem solid #eceeef;
  border-left: 0; }

.blockquote-reverse .blockquote-footer::before {
  content: ""; }

.blockquote-reverse .blockquote-footer::after {
  content: "\00A0 \2014"; }

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }
  .container::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    .container {
      max-width: 708px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 932px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }
  @media (min-width: 1480px) {
    .container {
      max-width: 1380px; } }
  @media (min-width: 1920px) {
    .container {
      max-width: 1780px; } }

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }
  .container-fluid::after {
    content: "";
    display: table;
    clear: both; }

.row {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem; }
  .row::after {
    content: "";
    display: table;
    clear: both; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-13, .col-xl-14, .col-xl-15, .col-xl-16, .col-xl-17, .col-xl-18, .col-xl-19, .col-xl-20, .col-xl-21, .col-xl-22, .col-xl-23, .col-xl-24, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-13, .col-xxl-14, .col-xxl-15, .col-xxl-16, .col-xxl-17, .col-xxl-18, .col-xxl-19, .col-xxl-20, .col-xxl-21, .col-xxl-22, .col-xxl-23, .col-xxl-24 {
  position: relative;
  min-height: 1px;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24 {
  float: left; }

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

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

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

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

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

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

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

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

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

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

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

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

.col-xs-13 {
  width: 54.16667%; }

.col-xs-14 {
  width: 58.33333%; }

.col-xs-15 {
  width: 62.5%; }

.col-xs-16 {
  width: 66.66667%; }

.col-xs-17 {
  width: 70.83333%; }

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

.col-xs-19 {
  width: 79.16667%; }

.col-xs-20 {
  width: 83.33333%; }

.col-xs-21 {
  width: 87.5%; }

.col-xs-22 {
  width: 91.66667%; }

.col-xs-23 {
  width: 95.83333%; }

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

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 4.16667%; }

.col-xs-pull-2 {
  right: 8.33333%; }

.col-xs-pull-3 {
  right: 12.5%; }

.col-xs-pull-4 {
  right: 16.66667%; }

.col-xs-pull-5 {
  right: 20.83333%; }

.col-xs-pull-6 {
  right: 25%; }

.col-xs-pull-7 {
  right: 29.16667%; }

.col-xs-pull-8 {
  right: 33.33333%; }

.col-xs-pull-9 {
  right: 37.5%; }

.col-xs-pull-10 {
  right: 41.66667%; }

.col-xs-pull-11 {
  right: 45.83333%; }

.col-xs-pull-12 {
  right: 50%; }

.col-xs-pull-13 {
  right: 54.16667%; }

.col-xs-pull-14 {
  right: 58.33333%; }

.col-xs-pull-15 {
  right: 62.5%; }

.col-xs-pull-16 {
  right: 66.66667%; }

.col-xs-pull-17 {
  right: 70.83333%; }

.col-xs-pull-18 {
  right: 75%; }

.col-xs-pull-19 {
  right: 79.16667%; }

.col-xs-pull-20 {
  right: 83.33333%; }

.col-xs-pull-21 {
  right: 87.5%; }

.col-xs-pull-22 {
  right: 91.66667%; }

.col-xs-pull-23 {
  right: 95.83333%; }

.col-xs-pull-24 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 4.16667%; }

.col-xs-push-2 {
  left: 8.33333%; }

.col-xs-push-3 {
  left: 12.5%; }

.col-xs-push-4 {
  left: 16.66667%; }

.col-xs-push-5 {
  left: 20.83333%; }

.col-xs-push-6 {
  left: 25%; }

.col-xs-push-7 {
  left: 29.16667%; }

.col-xs-push-8 {
  left: 33.33333%; }

.col-xs-push-9 {
  left: 37.5%; }

.col-xs-push-10 {
  left: 41.66667%; }

.col-xs-push-11 {
  left: 45.83333%; }

.col-xs-push-12 {
  left: 50%; }

.col-xs-push-13 {
  left: 54.16667%; }

.col-xs-push-14 {
  left: 58.33333%; }

.col-xs-push-15 {
  left: 62.5%; }

.col-xs-push-16 {
  left: 66.66667%; }

.col-xs-push-17 {
  left: 70.83333%; }

.col-xs-push-18 {
  left: 75%; }

.col-xs-push-19 {
  left: 79.16667%; }

.col-xs-push-20 {
  left: 83.33333%; }

.col-xs-push-21 {
  left: 87.5%; }

.col-xs-push-22 {
  left: 91.66667%; }

.col-xs-push-23 {
  left: 95.83333%; }

.col-xs-push-24 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 4.16667%; }

.col-xs-offset-2 {
  margin-left: 8.33333%; }

.col-xs-offset-3 {
  margin-left: 12.5%; }

.col-xs-offset-4 {
  margin-left: 16.66667%; }

.col-xs-offset-5 {
  margin-left: 20.83333%; }

.col-xs-offset-6 {
  margin-left: 25%; }

.col-xs-offset-7 {
  margin-left: 29.16667%; }

.col-xs-offset-8 {
  margin-left: 33.33333%; }

.col-xs-offset-9 {
  margin-left: 37.5%; }

.col-xs-offset-10 {
  margin-left: 41.66667%; }

.col-xs-offset-11 {
  margin-left: 45.83333%; }

.col-xs-offset-12 {
  margin-left: 50%; }

.col-xs-offset-13 {
  margin-left: 54.16667%; }

.col-xs-offset-14 {
  margin-left: 58.33333%; }

.col-xs-offset-15 {
  margin-left: 62.5%; }

.col-xs-offset-16 {
  margin-left: 66.66667%; }

.col-xs-offset-17 {
  margin-left: 70.83333%; }

.col-xs-offset-18 {
  margin-left: 75%; }

.col-xs-offset-19 {
  margin-left: 79.16667%; }

.col-xs-offset-20 {
  margin-left: 83.33333%; }

.col-xs-offset-21 {
  margin-left: 87.5%; }

.col-xs-offset-22 {
  margin-left: 91.66667%; }

.col-xs-offset-23 {
  margin-left: 95.83333%; }

.col-xs-offset-24 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24 {
    float: left; }
  .col-sm-1 {
    width: 4.16667%; }
  .col-sm-2 {
    width: 8.33333%; }
  .col-sm-3 {
    width: 12.5%; }
  .col-sm-4 {
    width: 16.66667%; }
  .col-sm-5 {
    width: 20.83333%; }
  .col-sm-6 {
    width: 25%; }
  .col-sm-7 {
    width: 29.16667%; }
  .col-sm-8 {
    width: 33.33333%; }
  .col-sm-9 {
    width: 37.5%; }
  .col-sm-10 {
    width: 41.66667%; }
  .col-sm-11 {
    width: 45.83333%; }
  .col-sm-12 {
    width: 50%; }
  .col-sm-13 {
    width: 54.16667%; }
  .col-sm-14 {
    width: 58.33333%; }
  .col-sm-15 {
    width: 62.5%; }
  .col-sm-16 {
    width: 66.66667%; }
  .col-sm-17 {
    width: 70.83333%; }
  .col-sm-18 {
    width: 75%; }
  .col-sm-19 {
    width: 79.16667%; }
  .col-sm-20 {
    width: 83.33333%; }
  .col-sm-21 {
    width: 87.5%; }
  .col-sm-22 {
    width: 91.66667%; }
  .col-sm-23 {
    width: 95.83333%; }
  .col-sm-24 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 4.16667%; }
  .col-sm-pull-2 {
    right: 8.33333%; }
  .col-sm-pull-3 {
    right: 12.5%; }
  .col-sm-pull-4 {
    right: 16.66667%; }
  .col-sm-pull-5 {
    right: 20.83333%; }
  .col-sm-pull-6 {
    right: 25%; }
  .col-sm-pull-7 {
    right: 29.16667%; }
  .col-sm-pull-8 {
    right: 33.33333%; }
  .col-sm-pull-9 {
    right: 37.5%; }
  .col-sm-pull-10 {
    right: 41.66667%; }
  .col-sm-pull-11 {
    right: 45.83333%; }
  .col-sm-pull-12 {
    right: 50%; }
  .col-sm-pull-13 {
    right: 54.16667%; }
  .col-sm-pull-14 {
    right: 58.33333%; }
  .col-sm-pull-15 {
    right: 62.5%; }
  .col-sm-pull-16 {
    right: 66.66667%; }
  .col-sm-pull-17 {
    right: 70.83333%; }
  .col-sm-pull-18 {
    right: 75%; }
  .col-sm-pull-19 {
    right: 79.16667%; }
  .col-sm-pull-20 {
    right: 83.33333%; }
  .col-sm-pull-21 {
    right: 87.5%; }
  .col-sm-pull-22 {
    right: 91.66667%; }
  .col-sm-pull-23 {
    right: 95.83333%; }
  .col-sm-pull-24 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 4.16667%; }
  .col-sm-push-2 {
    left: 8.33333%; }
  .col-sm-push-3 {
    left: 12.5%; }
  .col-sm-push-4 {
    left: 16.66667%; }
  .col-sm-push-5 {
    left: 20.83333%; }
  .col-sm-push-6 {
    left: 25%; }
  .col-sm-push-7 {
    left: 29.16667%; }
  .col-sm-push-8 {
    left: 33.33333%; }
  .col-sm-push-9 {
    left: 37.5%; }
  .col-sm-push-10 {
    left: 41.66667%; }
  .col-sm-push-11 {
    left: 45.83333%; }
  .col-sm-push-12 {
    left: 50%; }
  .col-sm-push-13 {
    left: 54.16667%; }
  .col-sm-push-14 {
    left: 58.33333%; }
  .col-sm-push-15 {
    left: 62.5%; }
  .col-sm-push-16 {
    left: 66.66667%; }
  .col-sm-push-17 {
    left: 70.83333%; }
  .col-sm-push-18 {
    left: 75%; }
  .col-sm-push-19 {
    left: 79.16667%; }
  .col-sm-push-20 {
    left: 83.33333%; }
  .col-sm-push-21 {
    left: 87.5%; }
  .col-sm-push-22 {
    left: 91.66667%; }
  .col-sm-push-23 {
    left: 95.83333%; }
  .col-sm-push-24 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 4.16667%; }
  .col-sm-offset-2 {
    margin-left: 8.33333%; }
  .col-sm-offset-3 {
    margin-left: 12.5%; }
  .col-sm-offset-4 {
    margin-left: 16.66667%; }
  .col-sm-offset-5 {
    margin-left: 20.83333%; }
  .col-sm-offset-6 {
    margin-left: 25%; }
  .col-sm-offset-7 {
    margin-left: 29.16667%; }
  .col-sm-offset-8 {
    margin-left: 33.33333%; }
  .col-sm-offset-9 {
    margin-left: 37.5%; }
  .col-sm-offset-10 {
    margin-left: 41.66667%; }
  .col-sm-offset-11 {
    margin-left: 45.83333%; }
  .col-sm-offset-12 {
    margin-left: 50%; }
  .col-sm-offset-13 {
    margin-left: 54.16667%; }
  .col-sm-offset-14 {
    margin-left: 58.33333%; }
  .col-sm-offset-15 {
    margin-left: 62.5%; }
  .col-sm-offset-16 {
    margin-left: 66.66667%; }
  .col-sm-offset-17 {
    margin-left: 70.83333%; }
  .col-sm-offset-18 {
    margin-left: 75%; }
  .col-sm-offset-19 {
    margin-left: 79.16667%; }
  .col-sm-offset-20 {
    margin-left: 83.33333%; }
  .col-sm-offset-21 {
    margin-left: 87.5%; }
  .col-sm-offset-22 {
    margin-left: 91.66667%; }
  .col-sm-offset-23 {
    margin-left: 95.83333%; }
  .col-sm-offset-24 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24 {
    float: left; }
  .col-md-1 {
    width: 4.16667%; }
  .col-md-2 {
    width: 8.33333%; }
  .col-md-3 {
    width: 12.5%; }
  .col-md-4 {
    width: 16.66667%; }
  .col-md-5 {
    width: 20.83333%; }
  .col-md-6 {
    width: 25%; }
  .col-md-7 {
    width: 29.16667%; }
  .col-md-8 {
    width: 33.33333%; }
  .col-md-9 {
    width: 37.5%; }
  .col-md-10 {
    width: 41.66667%; }
  .col-md-11 {
    width: 45.83333%; }
  .col-md-12 {
    width: 50%; }
  .col-md-13 {
    width: 54.16667%; }
  .col-md-14 {
    width: 58.33333%; }
  .col-md-15 {
    width: 62.5%; }
  .col-md-16 {
    width: 66.66667%; }
  .col-md-17 {
    width: 70.83333%; }
  .col-md-18 {
    width: 75%; }
  .col-md-19 {
    width: 79.16667%; }
  .col-md-20 {
    width: 83.33333%; }
  .col-md-21 {
    width: 87.5%; }
  .col-md-22 {
    width: 91.66667%; }
  .col-md-23 {
    width: 95.83333%; }
  .col-md-24 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 4.16667%; }
  .col-md-pull-2 {
    right: 8.33333%; }
  .col-md-pull-3 {
    right: 12.5%; }
  .col-md-pull-4 {
    right: 16.66667%; }
  .col-md-pull-5 {
    right: 20.83333%; }
  .col-md-pull-6 {
    right: 25%; }
  .col-md-pull-7 {
    right: 29.16667%; }
  .col-md-pull-8 {
    right: 33.33333%; }
  .col-md-pull-9 {
    right: 37.5%; }
  .col-md-pull-10 {
    right: 41.66667%; }
  .col-md-pull-11 {
    right: 45.83333%; }
  .col-md-pull-12 {
    right: 50%; }
  .col-md-pull-13 {
    right: 54.16667%; }
  .col-md-pull-14 {
    right: 58.33333%; }
  .col-md-pull-15 {
    right: 62.5%; }
  .col-md-pull-16 {
    right: 66.66667%; }
  .col-md-pull-17 {
    right: 70.83333%; }
  .col-md-pull-18 {
    right: 75%; }
  .col-md-pull-19 {
    right: 79.16667%; }
  .col-md-pull-20 {
    right: 83.33333%; }
  .col-md-pull-21 {
    right: 87.5%; }
  .col-md-pull-22 {
    right: 91.66667%; }
  .col-md-pull-23 {
    right: 95.83333%; }
  .col-md-pull-24 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 4.16667%; }
  .col-md-push-2 {
    left: 8.33333%; }
  .col-md-push-3 {
    left: 12.5%; }
  .col-md-push-4 {
    left: 16.66667%; }
  .col-md-push-5 {
    left: 20.83333%; }
  .col-md-push-6 {
    left: 25%; }
  .col-md-push-7 {
    left: 29.16667%; }
  .col-md-push-8 {
    left: 33.33333%; }
  .col-md-push-9 {
    left: 37.5%; }
  .col-md-push-10 {
    left: 41.66667%; }
  .col-md-push-11 {
    left: 45.83333%; }
  .col-md-push-12 {
    left: 50%; }
  .col-md-push-13 {
    left: 54.16667%; }
  .col-md-push-14 {
    left: 58.33333%; }
  .col-md-push-15 {
    left: 62.5%; }
  .col-md-push-16 {
    left: 66.66667%; }
  .col-md-push-17 {
    left: 70.83333%; }
  .col-md-push-18 {
    left: 75%; }
  .col-md-push-19 {
    left: 79.16667%; }
  .col-md-push-20 {
    left: 83.33333%; }
  .col-md-push-21 {
    left: 87.5%; }
  .col-md-push-22 {
    left: 91.66667%; }
  .col-md-push-23 {
    left: 95.83333%; }
  .col-md-push-24 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 4.16667%; }
  .col-md-offset-2 {
    margin-left: 8.33333%; }
  .col-md-offset-3 {
    margin-left: 12.5%; }
  .col-md-offset-4 {
    margin-left: 16.66667%; }
  .col-md-offset-5 {
    margin-left: 20.83333%; }
  .col-md-offset-6 {
    margin-left: 25%; }
  .col-md-offset-7 {
    margin-left: 29.16667%; }
  .col-md-offset-8 {
    margin-left: 33.33333%; }
  .col-md-offset-9 {
    margin-left: 37.5%; }
  .col-md-offset-10 {
    margin-left: 41.66667%; }
  .col-md-offset-11 {
    margin-left: 45.83333%; }
  .col-md-offset-12 {
    margin-left: 50%; }
  .col-md-offset-13 {
    margin-left: 54.16667%; }
  .col-md-offset-14 {
    margin-left: 58.33333%; }
  .col-md-offset-15 {
    margin-left: 62.5%; }
  .col-md-offset-16 {
    margin-left: 66.66667%; }
  .col-md-offset-17 {
    margin-left: 70.83333%; }
  .col-md-offset-18 {
    margin-left: 75%; }
  .col-md-offset-19 {
    margin-left: 79.16667%; }
  .col-md-offset-20 {
    margin-left: 83.33333%; }
  .col-md-offset-21 {
    margin-left: 87.5%; }
  .col-md-offset-22 {
    margin-left: 91.66667%; }
  .col-md-offset-23 {
    margin-left: 95.83333%; }
  .col-md-offset-24 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24 {
    float: left; }
  .col-lg-1 {
    width: 4.16667%; }
  .col-lg-2 {
    width: 8.33333%; }
  .col-lg-3 {
    width: 12.5%; }
  .col-lg-4 {
    width: 16.66667%; }
  .col-lg-5 {
    width: 20.83333%; }
  .col-lg-6 {
    width: 25%; }
  .col-lg-7 {
    width: 29.16667%; }
  .col-lg-8 {
    width: 33.33333%; }
  .col-lg-9 {
    width: 37.5%; }
  .col-lg-10 {
    width: 41.66667%; }
  .col-lg-11 {
    width: 45.83333%; }
  .col-lg-12 {
    width: 50%; }
  .col-lg-13 {
    width: 54.16667%; }
  .col-lg-14 {
    width: 58.33333%; }
  .col-lg-15 {
    width: 62.5%; }
  .col-lg-16 {
    width: 66.66667%; }
  .col-lg-17 {
    width: 70.83333%; }
  .col-lg-18 {
    width: 75%; }
  .col-lg-19 {
    width: 79.16667%; }
  .col-lg-20 {
    width: 83.33333%; }
  .col-lg-21 {
    width: 87.5%; }
  .col-lg-22 {
    width: 91.66667%; }
  .col-lg-23 {
    width: 95.83333%; }
  .col-lg-24 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 4.16667%; }
  .col-lg-pull-2 {
    right: 8.33333%; }
  .col-lg-pull-3 {
    right: 12.5%; }
  .col-lg-pull-4 {
    right: 16.66667%; }
  .col-lg-pull-5 {
    right: 20.83333%; }
  .col-lg-pull-6 {
    right: 25%; }
  .col-lg-pull-7 {
    right: 29.16667%; }
  .col-lg-pull-8 {
    right: 33.33333%; }
  .col-lg-pull-9 {
    right: 37.5%; }
  .col-lg-pull-10 {
    right: 41.66667%; }
  .col-lg-pull-11 {
    right: 45.83333%; }
  .col-lg-pull-12 {
    right: 50%; }
  .col-lg-pull-13 {
    right: 54.16667%; }
  .col-lg-pull-14 {
    right: 58.33333%; }
  .col-lg-pull-15 {
    right: 62.5%; }
  .col-lg-pull-16 {
    right: 66.66667%; }
  .col-lg-pull-17 {
    right: 70.83333%; }
  .col-lg-pull-18 {
    right: 75%; }
  .col-lg-pull-19 {
    right: 79.16667%; }
  .col-lg-pull-20 {
    right: 83.33333%; }
  .col-lg-pull-21 {
    right: 87.5%; }
  .col-lg-pull-22 {
    right: 91.66667%; }
  .col-lg-pull-23 {
    right: 95.83333%; }
  .col-lg-pull-24 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 4.16667%; }
  .col-lg-push-2 {
    left: 8.33333%; }
  .col-lg-push-3 {
    left: 12.5%; }
  .col-lg-push-4 {
    left: 16.66667%; }
  .col-lg-push-5 {
    left: 20.83333%; }
  .col-lg-push-6 {
    left: 25%; }
  .col-lg-push-7 {
    left: 29.16667%; }
  .col-lg-push-8 {
    left: 33.33333%; }
  .col-lg-push-9 {
    left: 37.5%; }
  .col-lg-push-10 {
    left: 41.66667%; }
  .col-lg-push-11 {
    left: 45.83333%; }
  .col-lg-push-12 {
    left: 50%; }
  .col-lg-push-13 {
    left: 54.16667%; }
  .col-lg-push-14 {
    left: 58.33333%; }
  .col-lg-push-15 {
    left: 62.5%; }
  .col-lg-push-16 {
    left: 66.66667%; }
  .col-lg-push-17 {
    left: 70.83333%; }
  .col-lg-push-18 {
    left: 75%; }
  .col-lg-push-19 {
    left: 79.16667%; }
  .col-lg-push-20 {
    left: 83.33333%; }
  .col-lg-push-21 {
    left: 87.5%; }
  .col-lg-push-22 {
    left: 91.66667%; }
  .col-lg-push-23 {
    left: 95.83333%; }
  .col-lg-push-24 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 4.16667%; }
  .col-lg-offset-2 {
    margin-left: 8.33333%; }
  .col-lg-offset-3 {
    margin-left: 12.5%; }
  .col-lg-offset-4 {
    margin-left: 16.66667%; }
  .col-lg-offset-5 {
    margin-left: 20.83333%; }
  .col-lg-offset-6 {
    margin-left: 25%; }
  .col-lg-offset-7 {
    margin-left: 29.16667%; }
  .col-lg-offset-8 {
    margin-left: 33.33333%; }
  .col-lg-offset-9 {
    margin-left: 37.5%; }
  .col-lg-offset-10 {
    margin-left: 41.66667%; }
  .col-lg-offset-11 {
    margin-left: 45.83333%; }
  .col-lg-offset-12 {
    margin-left: 50%; }
  .col-lg-offset-13 {
    margin-left: 54.16667%; }
  .col-lg-offset-14 {
    margin-left: 58.33333%; }
  .col-lg-offset-15 {
    margin-left: 62.5%; }
  .col-lg-offset-16 {
    margin-left: 66.66667%; }
  .col-lg-offset-17 {
    margin-left: 70.83333%; }
  .col-lg-offset-18 {
    margin-left: 75%; }
  .col-lg-offset-19 {
    margin-left: 79.16667%; }
  .col-lg-offset-20 {
    margin-left: 83.33333%; }
  .col-lg-offset-21 {
    margin-left: 87.5%; }
  .col-lg-offset-22 {
    margin-left: 91.66667%; }
  .col-lg-offset-23 {
    margin-left: 95.83333%; }
  .col-lg-offset-24 {
    margin-left: 100%; } }

@media (min-width: 1480px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-13, .col-xl-14, .col-xl-15, .col-xl-16, .col-xl-17, .col-xl-18, .col-xl-19, .col-xl-20, .col-xl-21, .col-xl-22, .col-xl-23, .col-xl-24 {
    float: left; }
  .col-xl-1 {
    width: 4.16667%; }
  .col-xl-2 {
    width: 8.33333%; }
  .col-xl-3 {
    width: 12.5%; }
  .col-xl-4 {
    width: 16.66667%; }
  .col-xl-5 {
    width: 20.83333%; }
  .col-xl-6 {
    width: 25%; }
  .col-xl-7 {
    width: 29.16667%; }
  .col-xl-8 {
    width: 33.33333%; }
  .col-xl-9 {
    width: 37.5%; }
  .col-xl-10 {
    width: 41.66667%; }
  .col-xl-11 {
    width: 45.83333%; }
  .col-xl-12 {
    width: 50%; }
  .col-xl-13 {
    width: 54.16667%; }
  .col-xl-14 {
    width: 58.33333%; }
  .col-xl-15 {
    width: 62.5%; }
  .col-xl-16 {
    width: 66.66667%; }
  .col-xl-17 {
    width: 70.83333%; }
  .col-xl-18 {
    width: 75%; }
  .col-xl-19 {
    width: 79.16667%; }
  .col-xl-20 {
    width: 83.33333%; }
  .col-xl-21 {
    width: 87.5%; }
  .col-xl-22 {
    width: 91.66667%; }
  .col-xl-23 {
    width: 95.83333%; }
  .col-xl-24 {
    width: 100%; }
  .col-xl-pull-0 {
    right: auto; }
  .col-xl-pull-1 {
    right: 4.16667%; }
  .col-xl-pull-2 {
    right: 8.33333%; }
  .col-xl-pull-3 {
    right: 12.5%; }
  .col-xl-pull-4 {
    right: 16.66667%; }
  .col-xl-pull-5 {
    right: 20.83333%; }
  .col-xl-pull-6 {
    right: 25%; }
  .col-xl-pull-7 {
    right: 29.16667%; }
  .col-xl-pull-8 {
    right: 33.33333%; }
  .col-xl-pull-9 {
    right: 37.5%; }
  .col-xl-pull-10 {
    right: 41.66667%; }
  .col-xl-pull-11 {
    right: 45.83333%; }
  .col-xl-pull-12 {
    right: 50%; }
  .col-xl-pull-13 {
    right: 54.16667%; }
  .col-xl-pull-14 {
    right: 58.33333%; }
  .col-xl-pull-15 {
    right: 62.5%; }
  .col-xl-pull-16 {
    right: 66.66667%; }
  .col-xl-pull-17 {
    right: 70.83333%; }
  .col-xl-pull-18 {
    right: 75%; }
  .col-xl-pull-19 {
    right: 79.16667%; }
  .col-xl-pull-20 {
    right: 83.33333%; }
  .col-xl-pull-21 {
    right: 87.5%; }
  .col-xl-pull-22 {
    right: 91.66667%; }
  .col-xl-pull-23 {
    right: 95.83333%; }
  .col-xl-pull-24 {
    right: 100%; }
  .col-xl-push-0 {
    left: auto; }
  .col-xl-push-1 {
    left: 4.16667%; }
  .col-xl-push-2 {
    left: 8.33333%; }
  .col-xl-push-3 {
    left: 12.5%; }
  .col-xl-push-4 {
    left: 16.66667%; }
  .col-xl-push-5 {
    left: 20.83333%; }
  .col-xl-push-6 {
    left: 25%; }
  .col-xl-push-7 {
    left: 29.16667%; }
  .col-xl-push-8 {
    left: 33.33333%; }
  .col-xl-push-9 {
    left: 37.5%; }
  .col-xl-push-10 {
    left: 41.66667%; }
  .col-xl-push-11 {
    left: 45.83333%; }
  .col-xl-push-12 {
    left: 50%; }
  .col-xl-push-13 {
    left: 54.16667%; }
  .col-xl-push-14 {
    left: 58.33333%; }
  .col-xl-push-15 {
    left: 62.5%; }
  .col-xl-push-16 {
    left: 66.66667%; }
  .col-xl-push-17 {
    left: 70.83333%; }
  .col-xl-push-18 {
    left: 75%; }
  .col-xl-push-19 {
    left: 79.16667%; }
  .col-xl-push-20 {
    left: 83.33333%; }
  .col-xl-push-21 {
    left: 87.5%; }
  .col-xl-push-22 {
    left: 91.66667%; }
  .col-xl-push-23 {
    left: 95.83333%; }
  .col-xl-push-24 {
    left: 100%; }
  .col-xl-offset-0 {
    margin-left: 0%; }
  .col-xl-offset-1 {
    margin-left: 4.16667%; }
  .col-xl-offset-2 {
    margin-left: 8.33333%; }
  .col-xl-offset-3 {
    margin-left: 12.5%; }
  .col-xl-offset-4 {
    margin-left: 16.66667%; }
  .col-xl-offset-5 {
    margin-left: 20.83333%; }
  .col-xl-offset-6 {
    margin-left: 25%; }
  .col-xl-offset-7 {
    margin-left: 29.16667%; }
  .col-xl-offset-8 {
    margin-left: 33.33333%; }
  .col-xl-offset-9 {
    margin-left: 37.5%; }
  .col-xl-offset-10 {
    margin-left: 41.66667%; }
  .col-xl-offset-11 {
    margin-left: 45.83333%; }
  .col-xl-offset-12 {
    margin-left: 50%; }
  .col-xl-offset-13 {
    margin-left: 54.16667%; }
  .col-xl-offset-14 {
    margin-left: 58.33333%; }
  .col-xl-offset-15 {
    margin-left: 62.5%; }
  .col-xl-offset-16 {
    margin-left: 66.66667%; }
  .col-xl-offset-17 {
    margin-left: 70.83333%; }
  .col-xl-offset-18 {
    margin-left: 75%; }
  .col-xl-offset-19 {
    margin-left: 79.16667%; }
  .col-xl-offset-20 {
    margin-left: 83.33333%; }
  .col-xl-offset-21 {
    margin-left: 87.5%; }
  .col-xl-offset-22 {
    margin-left: 91.66667%; }
  .col-xl-offset-23 {
    margin-left: 95.83333%; }
  .col-xl-offset-24 {
    margin-left: 100%; } }

@media (min-width: 1920px) {
  .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-13, .col-xxl-14, .col-xxl-15, .col-xxl-16, .col-xxl-17, .col-xxl-18, .col-xxl-19, .col-xxl-20, .col-xxl-21, .col-xxl-22, .col-xxl-23, .col-xxl-24 {
    float: left; }
  .col-xxl-1 {
    width: 4.16667%; }
  .col-xxl-2 {
    width: 8.33333%; }
  .col-xxl-3 {
    width: 12.5%; }
  .col-xxl-4 {
    width: 16.66667%; }
  .col-xxl-5 {
    width: 20.83333%; }
  .col-xxl-6 {
    width: 25%; }
  .col-xxl-7 {
    width: 29.16667%; }
  .col-xxl-8 {
    width: 33.33333%; }
  .col-xxl-9 {
    width: 37.5%; }
  .col-xxl-10 {
    width: 41.66667%; }
  .col-xxl-11 {
    width: 45.83333%; }
  .col-xxl-12 {
    width: 50%; }
  .col-xxl-13 {
    width: 54.16667%; }
  .col-xxl-14 {
    width: 58.33333%; }
  .col-xxl-15 {
    width: 62.5%; }
  .col-xxl-16 {
    width: 66.66667%; }
  .col-xxl-17 {
    width: 70.83333%; }
  .col-xxl-18 {
    width: 75%; }
  .col-xxl-19 {
    width: 79.16667%; }
  .col-xxl-20 {
    width: 83.33333%; }
  .col-xxl-21 {
    width: 87.5%; }
  .col-xxl-22 {
    width: 91.66667%; }
  .col-xxl-23 {
    width: 95.83333%; }
  .col-xxl-24 {
    width: 100%; }
  .col-xxl-pull-0 {
    right: auto; }
  .col-xxl-pull-1 {
    right: 4.16667%; }
  .col-xxl-pull-2 {
    right: 8.33333%; }
  .col-xxl-pull-3 {
    right: 12.5%; }
  .col-xxl-pull-4 {
    right: 16.66667%; }
  .col-xxl-pull-5 {
    right: 20.83333%; }
  .col-xxl-pull-6 {
    right: 25%; }
  .col-xxl-pull-7 {
    right: 29.16667%; }
  .col-xxl-pull-8 {
    right: 33.33333%; }
  .col-xxl-pull-9 {
    right: 37.5%; }
  .col-xxl-pull-10 {
    right: 41.66667%; }
  .col-xxl-pull-11 {
    right: 45.83333%; }
  .col-xxl-pull-12 {
    right: 50%; }
  .col-xxl-pull-13 {
    right: 54.16667%; }
  .col-xxl-pull-14 {
    right: 58.33333%; }
  .col-xxl-pull-15 {
    right: 62.5%; }
  .col-xxl-pull-16 {
    right: 66.66667%; }
  .col-xxl-pull-17 {
    right: 70.83333%; }
  .col-xxl-pull-18 {
    right: 75%; }
  .col-xxl-pull-19 {
    right: 79.16667%; }
  .col-xxl-pull-20 {
    right: 83.33333%; }
  .col-xxl-pull-21 {
    right: 87.5%; }
  .col-xxl-pull-22 {
    right: 91.66667%; }
  .col-xxl-pull-23 {
    right: 95.83333%; }
  .col-xxl-pull-24 {
    right: 100%; }
  .col-xxl-push-0 {
    left: auto; }
  .col-xxl-push-1 {
    left: 4.16667%; }
  .col-xxl-push-2 {
    left: 8.33333%; }
  .col-xxl-push-3 {
    left: 12.5%; }
  .col-xxl-push-4 {
    left: 16.66667%; }
  .col-xxl-push-5 {
    left: 20.83333%; }
  .col-xxl-push-6 {
    left: 25%; }
  .col-xxl-push-7 {
    left: 29.16667%; }
  .col-xxl-push-8 {
    left: 33.33333%; }
  .col-xxl-push-9 {
    left: 37.5%; }
  .col-xxl-push-10 {
    left: 41.66667%; }
  .col-xxl-push-11 {
    left: 45.83333%; }
  .col-xxl-push-12 {
    left: 50%; }
  .col-xxl-push-13 {
    left: 54.16667%; }
  .col-xxl-push-14 {
    left: 58.33333%; }
  .col-xxl-push-15 {
    left: 62.5%; }
  .col-xxl-push-16 {
    left: 66.66667%; }
  .col-xxl-push-17 {
    left: 70.83333%; }
  .col-xxl-push-18 {
    left: 75%; }
  .col-xxl-push-19 {
    left: 79.16667%; }
  .col-xxl-push-20 {
    left: 83.33333%; }
  .col-xxl-push-21 {
    left: 87.5%; }
  .col-xxl-push-22 {
    left: 91.66667%; }
  .col-xxl-push-23 {
    left: 95.83333%; }
  .col-xxl-push-24 {
    left: 100%; }
  .col-xxl-offset-0 {
    margin-left: 0%; }
  .col-xxl-offset-1 {
    margin-left: 4.16667%; }
  .col-xxl-offset-2 {
    margin-left: 8.33333%; }
  .col-xxl-offset-3 {
    margin-left: 12.5%; }
  .col-xxl-offset-4 {
    margin-left: 16.66667%; }
  .col-xxl-offset-5 {
    margin-left: 20.83333%; }
  .col-xxl-offset-6 {
    margin-left: 25%; }
  .col-xxl-offset-7 {
    margin-left: 29.16667%; }
  .col-xxl-offset-8 {
    margin-left: 33.33333%; }
  .col-xxl-offset-9 {
    margin-left: 37.5%; }
  .col-xxl-offset-10 {
    margin-left: 41.66667%; }
  .col-xxl-offset-11 {
    margin-left: 45.83333%; }
  .col-xxl-offset-12 {
    margin-left: 50%; }
  .col-xxl-offset-13 {
    margin-left: 54.16667%; }
  .col-xxl-offset-14 {
    margin-left: 58.33333%; }
  .col-xxl-offset-15 {
    margin-left: 62.5%; }
  .col-xxl-offset-16 {
    margin-left: 66.66667%; }
  .col-xxl-offset-17 {
    margin-left: 70.83333%; }
  .col-xxl-offset-18 {
    margin-left: 75%; }
  .col-xxl-offset-19 {
    margin-left: 79.16667%; }
  .col-xxl-offset-20 {
    margin-left: 83.33333%; }
  .col-xxl-offset-21 {
    margin-left: 87.5%; }
  .col-xxl-offset-22 {
    margin-left: 91.66667%; }
  .col-xxl-offset-23 {
    margin-left: 95.83333%; }
  .col-xxl-offset-24 {
    margin-left: 100%; } }

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
  -webkit-overflow-scrolling: touch; }
  .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0.3rem;
  border-radius: 0.3rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.in {
    opacity: 0.5; }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header::after {
    content: "";
    display: table;
    clear: both; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer::after {
    content: "";
    display: table;
    clear: both; }
  .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

.hidden-xs-up {
  display: none !important; }

@media (max-width: 767px) {
  .hidden-xs-down {
    display: none !important; } }

@media (min-width: 768px) {
  .hidden-sm-up {
    display: none !important; } }

@media (max-width: 991px) {
  .hidden-sm-down {
    display: none !important; } }

@media (min-width: 992px) {
  .hidden-md-up {
    display: none !important; } }

@media (max-width: 1199px) {
  .hidden-md-down {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg-up {
    display: none !important; } }

@media (max-width: 1479px) {
  .hidden-lg-down {
    display: none !important; } }

@media (min-width: 1480px) {
  .hidden-xl-up {
    display: none !important; } }

@media (max-width: 1919px) {
  .hidden-xl-down {
    display: none !important; } }

@media (min-width: 1920px) {
  .hidden-xxl-up {
    display: none !important; } }

.hidden-xxl-down {
  display: none !important; }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

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

html.lb-disable-scrolling {
  overflow: hidden;
  /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
  position: fixed;
  height: 100vh;
  width: 100vw; }

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none; }

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal; }

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* Image border */
  border: 4px solid white; }

.lightbox a img {
  border: none; }

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  /* Background color behind image.
     This is visible during transitions. */
  background-color: white; }

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both; }

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0; }

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat; }

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

.lb-container > .nav {
  left: 0; }

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block; }

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s; }

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s; }

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both; }

.lb-data {
  padding: 0 4px;
  color: #ccc; }

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em; }

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em; }

.lb-data .lb-caption a {
  color: #4ae; }

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999; }

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html, body {
  font-family: "DIN Next W01 Rounded", sans-serif;
  font-weight: 400;
  width: 100%; }

body {
  background-color: #fff; }

img {
  width: 100%;
  height: auto; }

h1, h2, h3 {
  font-family: "Rockwell W01", serif;
  font-weight: 700;
  line-height: 1em; }

h4, h5, h6 {
  font-family: "Rockwell W01", serif;
  font-weight: 700;
  line-height: 1em; }

p {
  font-size: 1.25rem; }

em {
  font-size: 0.875rem;
  font-style: normal; }

@media (max-width: 1479px) {
  h1 {
    font-size: 3rem; }
  h2 {
    font-size: 2.5rem; }
  h3 {
    font-size: 2rem; }
  h4 {
    font-size: 1.5rem; }
  h5 {
    font-size: 1.2rem; } }

@media (max-width: 1199px) {
  h1 {
    font-size: 2.5rem; }
  h2 {
    font-size: 2rem; }
  h3 {
    font-size: 1.5rem; }
  h4 {
    font-size: 1.2rem; } }

@media (max-width: 767px) {
  p {
    font-size: 16px; }
  h1 {
    font-size: 2rem; }
  h2 {
    font-size: 1.5rem; }
  h3 {
    font-size: 1.2rem; } }

p:last-child, ul:last-child, ol:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
  margin-bottom: 0; }

.wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  font-size: 0; }

.column.nopadding {
  padding-left: 0;
  padding-right: 0; }

#navigation-trigger {
  position: fixed;
  top: 0;
  left: 0;
  width: 9.375rem;
  height: 7.5rem;
  background-color: #fa00fa;
  cursor: pointer;
  -webkit-transition: opacity 200ms ease-in-out, background-color 400ms ease-in-out;
  transition: opacity 200ms ease-in-out, background-color 400ms ease-in-out;
  z-index: 990;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden; }
  #navigation-trigger:before, #navigation-trigger:after {
    content: '';
    position: absolute;
    width: 18.75rem;
    height: 18.75rem;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: top 200ms ease-in-out, left 200ms ease-in-out;
    transition: top 200ms ease-in-out, left 200ms ease-in-out; }
  #navigation-trigger:before {
    top: -9.375rem;
    left: -9.375rem;
    z-index: 10; }
  #navigation-trigger:after {
    top: -webkit-calc(100% + 9.375rem);
    top: calc(100% + 9.375rem);
    left: -webkit-calc(100% + 9.375rem);
    left: calc(100% + 9.375rem);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
    z-index: 20; }
  #navigation-trigger .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 30; }
    #navigation-trigger .logo:before, #navigation-trigger .logo:after {
      content: '';
      position: absolute;
      left: 25%;
      width: 50%;
      height: 2px;
      background-color: #fff;
      -webkit-transition: background-color 400ms ease-in-out;
      transition: background-color 400ms ease-in-out; }
    #navigation-trigger .logo:before {
      top: 25%;
      -webkit-animation-name: logoOutBefore;
      animation-name: logoOutBefore; }
    #navigation-trigger .logo:after {
      bottom: 25%;
      -webkit-animation-name: logoOutAfter;
      animation-name: logoOutAfter; }
    #navigation-trigger .logo svg {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 4.6875rem;
      height: 4.6875rem;
      fill: #fff;
      -webkit-transition: fill 400ms ease-in-out;
      transition: fill 400ms ease-in-out; }
  body[data-touch="false"] #navigation-trigger:hover:before, body[data-touch="false"] #navigation-trigger:hover:after {
    top: 50%;
    left: 50%; }
  body[data-touch="false"] #navigation-trigger:hover:before {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms; }
  body[data-touch="false"] #navigation-trigger:hover:after {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms; }
  body[data-touch="false"] #navigation-trigger:hover .logo:before {
    -webkit-animation: logoInBefore 400ms linear;
    animation: logoInBefore 400ms linear; }
  body[data-touch="false"] #navigation-trigger:hover .logo:after {
    -webkit-animation: logoInAfter 400ms linear;
    animation: logoInAfter 400ms linear; }
  body[data-touch="false"] #navigation-trigger:hover .logo:before, body[data-touch="false"] #navigation-trigger:hover .logo:after {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-color: #000; }
  body[data-touch="false"] #navigation-trigger:hover .logo svg {
    fill: #000; }

@-webkit-keyframes logoInBefore {
  0% {
    left: 25%; }
  40% {
    left: 130%;
    opacity: 1; }
  45% {
    left: 130%;
    opacity: 0; }
  55% {
    left: -120%;
    opacity: 0; }
  60% {
    left: -120%;
    opacity: 1; }
  100% {
    left: 25%; } }

@keyframes logoInBefore {
  0% {
    left: 25%; }
  40% {
    left: 130%;
    opacity: 1; }
  45% {
    left: 130%;
    opacity: 0; }
  55% {
    left: -120%;
    opacity: 0; }
  60% {
    left: -120%;
    opacity: 1; }
  100% {
    left: 25%; } }

@-webkit-keyframes logoOutBefore {
  0% {
    left: 25%; }
  100% {
    left: 25%; } }

@keyframes logoOutBefore {
  0% {
    left: 25%; }
  100% {
    left: 25%; } }

@-webkit-keyframes logoInAfter {
  0% {
    left: 25%; }
  40% {
    left: -120%;
    opacity: 1; }
  45% {
    left: -120%;
    opacity: 0; }
  55% {
    left: 130%;
    opacity: 0; }
  60% {
    left: 130%;
    opacity: 1; }
  100% {
    left: 25%; } }

@keyframes logoInAfter {
  0% {
    left: 25%; }
  40% {
    left: -120%;
    opacity: 1; }
  45% {
    left: -120%;
    opacity: 0; }
  55% {
    left: 130%;
    opacity: 0; }
  60% {
    left: 130%;
    opacity: 1; }
  100% {
    left: 25%; } }

@-webkit-keyframes logoOutAfter {
  0% {
    left: 25%; }
  100% {
    left: 25%; } }

@keyframes logoOutAfter {
  0% {
    left: 25%; }
  100% {
    left: 25%; } }
  body[data-menu="active"] #navigation-trigger {
    opacity: 0;
    pointer-events: none; }
  @media (max-width: 767px) {
    #navigation-trigger {
      width: 4.6875rem;
      height: 4.6875rem; }
      #navigation-trigger .logo svg {
        width: 60%; }
      #navigation-trigger .logo:before, #navigation-trigger .logo:after {
        left: auto;
        right: 0.9375rem;
        -webkit-animation: none;
        animation: none;
        width: 2.8125rem; }
      #navigation-trigger .logo:before {
        top: 25%; }
      #navigation-trigger .logo:after {
        bottom: 25%; } }

#page-title {
  position: fixed;
  top: 7.5rem;
  left: 9.375rem;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: background-color 400ms ease-in-out, opacity 400ms ease-in-out;
  transition: background-color 400ms ease-in-out, opacity 400ms ease-in-out;
  z-index: 990; }
  #page-title div {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
    color: #fff;
    white-space: nowrap;
    padding: 1.25rem;
    font-family: "Rockwell W01", serif;
    font-size: 1.5rem;
    line-height: 1em;
    text-transform: uppercase;
    opacity: 0; }
    #page-title div.active {
      opacity: 1; }
    #page-title div.down-out {
      -webkit-animation: titleDownOut 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
      animation: titleDownOut 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }

@-webkit-keyframes titleDownOut {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); } }

@keyframes titleDownOut {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); } }
    #page-title div.up-out {
      -webkit-animation: titleUpOut 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
      animation: titleUpOut 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }

@-webkit-keyframes titleUpOut {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%); } }

@keyframes titleUpOut {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%); } }
    #page-title div.down-in {
      -webkit-animation: titleDownIn 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
      animation: titleDownIn 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }

@-webkit-keyframes titleDownIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes titleDownIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }
    #page-title div.up-in {
      -webkit-animation: titleUpIn 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
      animation: titleUpIn 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }

@-webkit-keyframes titleUpIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes titleUpIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }
  body[data-uri="processen"] #page-title,
  body[data-uri="job"] #page-title,
  body.skill #page-title,
  body.case #page-title,
  body[data-uri="cases"] #page-title {
    opacity: 1; }
  body[data-menu="active"] #page-title {
    opacity: 0;
    pointer-events: none; }

#page-close {
  position: fixed;
  top: 3.75rem;
  left: 11.25rem;
  width: 3.75rem;
  height: 3.75rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: transparent;
  z-index: 990;
  cursor: pointer;
  -webkit-transition: background-color 300ms ease-in-out, border-color 300ms ease-in-out, opacity 300ms ease-in-out;
  transition: background-color 300ms ease-in-out, border-color 300ms ease-in-out, opacity 300ms ease-in-out;
  opacity: 0;
  pointer-events: none;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  overflow: hidden; }
  #page-close:before, #page-close:after {
    content: '';
    position: absolute;
    width: 18.75rem;
    height: 18.75rem;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-transition: top 400ms ease-in-out, left 400ms ease-in-out;
    transition: top 400ms ease-in-out, left 400ms ease-in-out; }
  #page-close:before {
    top: -9.375rem;
    left: -9.375rem;
    z-index: 10; }
  #page-close:after {
    top: -webkit-calc(100% + 9.375rem);
    top: calc(100% + 9.375rem);
    left: -webkit-calc(100% + 9.375rem);
    left: calc(100% + 9.375rem);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
    z-index: 20; }
  #page-close svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1.875rem;
    height: 1.875rem;
    fill: #000;
    -webkit-transition: fill 400ms ease-in-out 200ms;
    transition: fill 400ms ease-in-out 200ms;
    pointer-events: none;
    z-index: 30; }
  body[data-uri="processen"] #page-close,
  body[data-uri="job"] #page-close,
  body[data-uri="cases"] #page-close,
  body[data-uri*="case/"] #page-close,
  body.skill #page-close {
    opacity: 1;
    pointer-events: all; }
  body[data-menu="active"] #page-close {
    opacity: 0;
    pointer-events: none; }
  body[data-touch="false"] #page-close:hover:before, body[data-touch="false"] #page-close:hover:after {
    left: 50%;
    top: 50%; }
  body[data-touch="false"] #page-close:hover svg {
    fill: #fff !important;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms; }
  @media (max-width: 767px) {
    #page-close {
      top: 0.9375rem;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      width: 2.8125rem;
      height: 2.8125rem;
      left: auto;
      right: 0.9375rem; } }

#menu {
  position: fixed;
  top: 0;
  left: -18.75rem;
  width: 18.75rem;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  opacity: 1;
  -webkit-transition: opacity 400ms ease-in-out, left 400ms ease-in-out, background-color 400ms ease-in-out;
  transition: opacity 400ms ease-in-out, left 400ms ease-in-out, background-color 400ms ease-in-out;
  z-index: 1000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  #menu #logo {
    position: absolute;
    top: 5%;
    left: 20%;
    width: 60%;
    height: 9.375rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../img/logo/logo-white.svg"); }
  #menu #navigation {
    position: absolute;
    top: 50%;
    left: 20%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60%;
    margin: 0;
    padding: 0;
    list-style-type: none; }
    #menu #navigation li {
      position: relative;
      overflow: hidden;
      margin: -1px 0; }
      #menu #navigation li:before {
        content: '';
        position: absolute;
        top: -9.375rem;
        left: -9.375rem;
        width: 18.75rem;
        height: 18.75rem;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        background-color: rgba(255, 255, 255, 0.8);
        -webkit-transition: top 200ms ease-in-out, left 200ms ease-in-out;
        transition: top 200ms ease-in-out, left 200ms ease-in-out;
        z-index: 10;
        pointer-events: none; }
      #menu #navigation li:after {
        content: '';
        position: absolute;
        top: -webkit-calc(100% + 9.375rem);
        top: calc(100% + 9.375rem);
        left: -webkit-calc(100% + 9.375rem);
        left: calc(100% + 9.375rem);
        width: 18.75rem;
        height: 18.75rem;
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        background-color: rgba(255, 255, 255, 0.8);
        -webkit-transition: top 200ms ease-in-out 100ms, left 200ms ease-in-out 100ms;
        transition: top 200ms ease-in-out 100ms, left 200ms ease-in-out 100ms;
        z-index: 20;
        pointer-events: none; }
      #menu #navigation li.line {
        height: 3px;
        background-color: #fff; }
        #menu #navigation li.line:before, #menu #navigation li.line:after {
          display: none; }
      #menu #navigation li a {
        position: relative;
        display: inline-block;
        width: 100%;
        text-align: center;
        color: #fff;
        font-family: "Rockwell W01", serif;
        font-size: 1.25rem;
        padding: 0.9375rem 0 0.75rem;
        text-align: center;
        text-transform: uppercase;
        -webkit-transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
        transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
        z-index: 30; }
        #menu #navigation li a:after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 0;
          background-color: #fff;
          -webkit-transition: height 300ms ease-in-out;
          transition: height 300ms ease-in-out; }
        #menu #navigation li a:hover, #menu #navigation li a:active, #menu #navigation li a:focus {
          text-decoration: none; }
      body[data-touch="false"] #menu #navigation li:hover:before, body[data-touch="false"] #menu #navigation li:hover:after,
      body[data-bookmark="velkommen"] #menu #navigation li.welcome:before,
      body[data-bookmark="velkommen"] #menu #navigation li.welcome:after,
      body[data-bookmark="welcome"] #menu #navigation li.welcome:before,
      body[data-bookmark="welcome"] #menu #navigation li.welcome:after,
      body[data-bookmark="processen"] #menu #navigation li.process:before,
      body[data-bookmark="processen"] #menu #navigation li.process:after,
      body[data-bookmark="process"] #menu #navigation li.process:before,
      body[data-bookmark="process"] #menu #navigation li.process:after,
      body[data-bookmark="cases"] #menu #navigation li.cases:before,
      body[data-bookmark="cases"] #menu #navigation li.cases:after,
      body[data-bookmark="kontakt"] #menu #navigation li.contact:before,
      body[data-bookmark="kontakt"] #menu #navigation li.contact:after,
      body[data-bookmark="contact"] #menu #navigation li.contact:before,
      body[data-bookmark="contact"] #menu #navigation li.contact:after {
        top: 50%;
        left: 50%; }
      body[data-touch="false"] #menu #navigation li:hover:before,
      body[data-bookmark="velkommen"] #menu #navigation li.welcome:before,
      body[data-bookmark="welcome"] #menu #navigation li.welcome:before,
      body[data-bookmark="processen"] #menu #navigation li.process:before,
      body[data-bookmark="process"] #menu #navigation li.process:before,
      body[data-bookmark="cases"] #menu #navigation li.cases:before,
      body[data-bookmark="kontakt"] #menu #navigation li.contact:before,
      body[data-bookmark="contact"] #menu #navigation li.contact:before {
        -webkit-transition-duration: 400ms;
        transition-duration: 400ms; }
      body[data-touch="false"] #menu #navigation li:hover:after,
      body[data-bookmark="velkommen"] #menu #navigation li.welcome:after,
      body[data-bookmark="welcome"] #menu #navigation li.welcome:after,
      body[data-bookmark="processen"] #menu #navigation li.process:after,
      body[data-bookmark="process"] #menu #navigation li.process:after,
      body[data-bookmark="cases"] #menu #navigation li.cases:after,
      body[data-bookmark="kontakt"] #menu #navigation li.contact:after,
      body[data-bookmark="contact"] #menu #navigation li.contact:after {
        -webkit-transition-duration: 400ms;
        transition-duration: 400ms;
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms; }
      body[data-touch="false"] #menu #navigation li:hover a,
      body[data-bookmark="velkommen"] #menu #navigation li.welcome a,
      body[data-bookmark="welcome"] #menu #navigation li.welcome a,
      body[data-bookmark="processen"] #menu #navigation li.process a,
      body[data-bookmark="process"] #menu #navigation li.process a,
      body[data-bookmark="cases"] #menu #navigation li.cases a,
      body[data-bookmark="kontakt"] #menu #navigation li.contact a,
      body[data-bookmark="contact"] #menu #navigation li.contact a {
        color: #000; }
  #menu #navigation-close {
    position: absolute;
    bottom: 3.75rem;
    left: 50%;
    width: 3.75rem;
    height: 3.75rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: transparent;
    z-index: 990;
    cursor: pointer;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    overflow: hidden; }
    body[data-touch="false"] #menu #navigation-close {
      display: none; }
    #menu #navigation-close svg {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 60%;
      height: 60%;
      fill: #fff;
      pointer-events: none;
      z-index: 30; }
  body[data-menu="active"] #menu {
    left: 0;
    opacity: 1; }
    body[data-menu="active"] #menu #navigation li {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
      body[data-menu="active"] #menu #navigation li:nth-of-type(1) {
        -webkit-animation-delay: 250ms;
        animation-delay: 250ms; }
      body[data-menu="active"] #menu #navigation li:nth-of-type(2) {
        -webkit-animation-delay: 300ms;
        animation-delay: 300ms; }
      body[data-menu="active"] #menu #navigation li:nth-of-type(3) {
        -webkit-animation-delay: 350ms;
        animation-delay: 350ms; }
      body[data-menu="active"] #menu #navigation li:nth-of-type(4) {
        -webkit-animation-delay: 400ms;
        animation-delay: 400ms; }
      body[data-menu="active"] #menu #navigation li:nth-of-type(5) {
        -webkit-animation-delay: 450ms;
        animation-delay: 450ms; }
      body[data-menu="active"] #menu #navigation li:nth-of-type(6) {
        -webkit-animation-delay: 500ms;
        animation-delay: 500ms; }
      body[data-menu="active"] #menu #navigation li:nth-of-type(7) {
        -webkit-animation-delay: 550ms;
        animation-delay: 550ms; }
      body[data-menu="active"] #menu #navigation li:nth-of-type(8) {
        -webkit-animation-delay: 600ms;
        animation-delay: 600ms; }
      body[data-menu="active"] #menu #navigation li:nth-of-type(9) {
        -webkit-animation-delay: 650ms;
        animation-delay: 650ms; }
      body[data-menu="active"] #menu #navigation li:nth-of-type(10) {
        -webkit-animation-delay: 700ms;
        animation-delay: 700ms; }
      body[data-menu="active"] #menu #navigation li:nth-of-type(11) {
        -webkit-animation-delay: 750ms;
        animation-delay: 750ms; }
      body[data-menu="active"] #menu #navigation li:nth-of-type(12) {
        -webkit-animation-delay: 800ms;
        animation-delay: 800ms; }
      body[data-menu="active"] #menu #navigation li:nth-of-type(13) {
        -webkit-animation-delay: 850ms;
        animation-delay: 850ms; }
      body[data-menu="active"] #menu #navigation li:nth-of-type(14) {
        -webkit-animation-delay: 900ms;
        animation-delay: 900ms; }
      body[data-menu="active"] #menu #navigation li:nth-of-type(15) {
        -webkit-animation-delay: 950ms;
        animation-delay: 950ms; }
      body[data-menu="active"] #menu #navigation li:nth-of-type(16) {
        -webkit-animation-delay: 1000ms;
        animation-delay: 1000ms; }
      body[data-menu="active"] #menu #navigation li:nth-of-type(17) {
        -webkit-animation-delay: 1050ms;
        animation-delay: 1050ms; }
      body[data-menu="active"] #menu #navigation li:nth-of-type(18) {
        -webkit-animation-delay: 1100ms;
        animation-delay: 1100ms; }
      body[data-menu="active"] #menu #navigation li:nth-of-type(19) {
        -webkit-animation-delay: 1150ms;
        animation-delay: 1150ms; }
      body[data-menu="active"] #menu #navigation li:nth-of-type(20) {
        -webkit-animation-delay: 1200ms;
        animation-delay: 1200ms; }
  @media (max-width: 767px) {
    #menu {
      left: -100%;
      width: 100%; }
      #menu #logo {
        top: 1.875rem;
        height: 2.8125rem; }
      #menu #navigation li a {
        font-size: 1.125rem;
        padding: 0.75rem 0; }
      #menu #navigation-close {
        bottom: 1.875rem;
        width: 2.8125rem;
        height: 2.8125rem; } }
  @media (max-height: 550px) {
    #menu #logo {
      display: none; }
    #menu #navigation {
      top: 45%; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

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

.bg-grey {
  background-color: #f3f3f3; }

.bg-dark-grey {
  background-color: #e7e7e7; }

.bg-black {
  background-color: #000; }

.bg-base {
  background-color: #485156; }

.bg-light-blue {
  background-color: #82f0ff; }

.paddingtop {
  padding-top: 7.5rem; }

.paddingbottom {
  padding-bottom: 7.5rem; }

.marginbottom {
  margin-bottom: 7.5rem; }

.paddingtop-sm {
  padding-top: 3.75rem; }

.paddingbottom-sm {
  padding-bottom: 3.75rem; }

.marginbottom-sm {
  margin-bottom: 3.75rem; }

.marginbottom-xs {
  margin-bottom: 1.875rem; }

@media (max-width: 991px) {
  .paddingtop {
    padding-top: 3.75rem; }
  .paddingbottom {
    padding-bottom: 3.75rem; }
  .marginbottom {
    margin-bottom: 3.75rem; }
  .paddingtop-sm {
    padding-top: 1.875rem; }
  .paddingbottom-sm {
    padding-bottom: 1.875rem; }
  .marginbottom-sm {
    margin-bottom: 1.875rem; }
  .marginbottom-xs {
    margin-bottom: 0.9375rem; } }

@media (max-width: 1199px) {
  .marginbottom-md-down {
    margin-bottom: 3.75rem; } }

@media (max-width: 991px) {
  .marginbottom-sm-down {
    margin-bottom: 3.75rem; } }

@media (max-width: 767px) {
  .marginbottom-xs-down {
    margin-bottom: 1.875rem; } }

.divider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 2px;
  margin: -1px 0;
  z-index: 100; }
  .divider.white {
    background-color: #fff; }
  .divider.black {
    background-color: #000; }
  .divider.grey {
    background-color: #f3f3f3; }
  .divider.dark-grey {
    background-color: #e7e7e7; }

.inview {
  position: relative;
  -webkit-animation: fadeFromBottom 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
  animation: fadeFromBottom 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
  .inview-top {
    -webkit-animation-name: fadeFromTop;
    animation-name: fadeFromTop; }
  .inview-right {
    -webkit-animation-name: fadeFromRight;
    animation-name: fadeFromRight; }
  .inview-bottom {
    -webkit-animation-name: fadeFromBottom;
    animation-name: fadeFromBottom; }
  .inview-left {
    -webkit-animation-name: fadeFromLeft;
    animation-name: fadeFromLeft; }
  .inview.active {
    -webkit-animation-play-state: running;
    animation-play-state: running; }

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10000;
  opacity: 0; }
  body.done .loader,
  body.loading .loader {
    opacity: 1; }
  .loader:before, .loader:after {
    content: '';
    position: absolute;
    width: 400vw;
    height: 400vw;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);
    -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0);
    transform: translate(-50%, -50%) rotate(45deg) scale(0);
    background-color: #000;
    z-index: 100;
    -webkit-transition: background-color 500ms ease-in-out;
    transition: background-color 500ms ease-in-out; }
    body.done .loader:before, body.done .loader:after {
      -webkit-animation: loaderCircleOut 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
      animation: loaderCircleOut 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
  .loader:before {
    top: -25%;
    left: -25%; }
  .loader:after {
    top: 125%;
    left: 125%; }
  .loader .loader-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20vw;
    height: 20vw;
    z-index: 200; }
    @media (max-width: 991px) {
      .loader .loader-logo {
        width: 40vw;
        height: 40vw; } }
    body.done .loader .loader-logo {
      -webkit-animation: loaderSvgOut 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
      animation: loaderSvgOut 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    .loader .loader-logo svg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      fill: #fff; }
      .loader .loader-logo svg.logo-b {
        -webkit-animation-delay: 250ms;
        animation-delay: 250ms; }
    .loader .loader-logo .dots {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .loader .loader-logo .dots .dot {
        position: absolute;
        bottom: 15%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 1vw;
        height: 1vw;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #fff;
        -webkit-animation: loaderSvgLoading 2000ms cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
        animation: loaderSvgLoading 2000ms cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both; }
        @media (max-width: 991px) {
          .loader .loader-logo .dots .dot {
            width: 2vw;
            height: 2vw; } }
        .loader .loader-logo .dots .dot:nth-of-type(1) {
          left: 35%;
          -webkit-animation-delay: 0ms;
          animation-delay: 0ms; }
        .loader .loader-logo .dots .dot:nth-of-type(2) {
          left: 50%;
          -webkit-animation-delay: 200ms;
          animation-delay: 200ms; }
        .loader .loader-logo .dots .dot:nth-of-type(3) {
          left: 65%;
          -webkit-animation-delay: 400ms;
          animation-delay: 400ms; }
  body.loading .loader {
    pointer-events: all; }
    body.loading .loader:after, body.loading .loader:before {
      -webkit-animation: loaderCircleIn 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
      animation: loaderCircleIn 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body.loading .loader .loader-logo {
      -webkit-animation: loaderSvgIn 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 500ms;
      animation: loaderSvgIn 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 500ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
  body[data-browser="safari"][data-device="false"] .loader:before, body[data-browser="safari"][data-device="false"] .loader:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 0%;
    left: 0%; }
  body[data-browser="safari"][data-device="false"] .loader .loader-logo .dots .dot {
    -webkit-animation: none;
    animation: none; }
  body[data-browser="safari"][data-device="false"].done .loader:before, body[data-browser="safari"][data-device="false"].done .loader:after {
    -webkit-animation: fadeOut 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 250ms;
    animation: fadeOut 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 250ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  body[data-browser="safari"][data-device="false"].done .loader .loader-logo {
    -webkit-animation: fadeOut 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
    animation: fadeOut 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  body[data-browser="safari"][data-device="false"].loading .loader {
    pointer-events: all; }
    body[data-browser="safari"][data-device="false"].loading .loader:after, body[data-browser="safari"][data-device="false"].loading .loader:before {
      -webkit-animation: fadeIn 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
      animation: fadeIn 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-browser="safari"][data-device="false"].loading .loader .loader-logo {
      -webkit-animation: fadeIn 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 250ms;
      animation: fadeIn 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 250ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }

@-webkit-keyframes loaderCircleOut {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(2);
    transform: translate(-50%, -50%) rotate(45deg) scale(2); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);
    transform: translate(-50%, -50%) rotate(45deg) scale(0); } }

@keyframes loaderCircleOut {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(2);
    transform: translate(-50%, -50%) rotate(45deg) scale(2); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);
    transform: translate(-50%, -50%) rotate(45deg) scale(0); } }

@-webkit-keyframes loaderCircleIn {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);
    transform: translate(-50%, -50%) rotate(45deg) scale(0); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(2);
    transform: translate(-50%, -50%) rotate(45deg) scale(2); } }

@keyframes loaderCircleIn {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);
    transform: translate(-50%, -50%) rotate(45deg) scale(0); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(2);
    transform: translate(-50%, -50%) rotate(45deg) scale(2); } }

@-webkit-keyframes loaderSvgOut {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 0; } }

@keyframes loaderSvgOut {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 0; } }

@-webkit-keyframes loaderSvgIn {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 0; }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1; } }

@keyframes loaderSvgIn {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 0; }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1; } }

@-webkit-keyframes loaderSvgLoading {
  0% {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
    opacity: 0; }
  5% {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
    opacity: 0; }
  25% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1; }
  75% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1; }
  95% {
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
    opacity: 0; } }

@keyframes loaderSvgLoading {
  0% {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
    opacity: 0; }
  5% {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
    opacity: 0; }
  25% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1; }
  75% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1; }
  95% {
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
    opacity: 0; } }

.ratio-container {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 0;
  overflow: hidden; }
  .ratio-container.overflow {
    overflow: visible; }
  .ratio-container.r4x1 {
    padding-bottom: 25%; }
  .ratio-container.r10x3 {
    padding-bottom: 30%; }
  .ratio-container.r3x1 {
    padding-bottom: 33.33%; }
  .ratio-container.r25x9 {
    padding-bottom: 36%; }
  .ratio-container.r5x2 {
    padding-bottom: 40%; }
  .ratio-container.r2x1 {
    padding-bottom: 50%; }
  .ratio-container.r16x9 {
    padding-bottom: 56.25%; }
  .ratio-container.r8x5 {
    padding-bottom: 62.5%; }
  .ratio-container.r3x2 {
    padding-bottom: 66.67%; }
  .ratio-container.r297x210 {
    padding-bottom: 70.7070%; }
  .ratio-container.r100x140 {
    padding-bottom: 71.428571429%; }
  .ratio-container.r4x3 {
    padding-bottom: 75%; }
  .ratio-container.r5x4 {
    padding-bottom: 80%; }
  .ratio-container.r6x5 {
    padding-bottom: 83.33%; }
  .ratio-container.r15x14 {
    padding-bottom: 93.33%; }
  .ratio-container.r1x1 {
    padding-bottom: 100%; }
  .ratio-container.r100x112 {
    padding-bottom: 112%; }
  .ratio-container.r100x115 {
    padding-bottom: 115%; }
  .ratio-container.r100x117 {
    padding-bottom: 117%; }
  .ratio-container.r21x25 {
    padding-bottom: 119.047619048%; }
  .ratio-container.r5x6 {
    padding-bottom: 120%; }
  .ratio-container.r4x5 {
    padding-bottom: 125%; }
  .ratio-container.r3x4 {
    padding-bottom: 133.33%; }
  .ratio-container.r600x823 {
    padding-bottom: 137.1667%; }
  .ratio-container.r620x877 {
    padding-bottom: 141.451612903%; }
  .ratio-container.r210x297 {
    padding-bottom: 141.428571429%; }
  .ratio-container.r12x17 {
    padding-bottom: 141.67%; }
  .ratio-container.r2x3 {
    padding-bottom: 150%; }
  .ratio-container.r50x89 {
    padding-bottom: 178%; }
  .ratio-container.r1x2 {
    padding-bottom: 200%; }
  .ratio-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; }
    .ratio-container img.vcenter {
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .ratio-container.loading:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 3.75rem;
    height: 3.75rem;
    background-image: url("../img/icon/load.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-animation: loaderRotate 1s linear infinite;
    animation: loaderRotate 1s linear infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0.5; }
  .ratio-container.loading img {
    opacity: 0; }

@-webkit-keyframes loaderRotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg); } }

@keyframes loaderRotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg); } }

.section-footer {
  position: relative;
  background-color: #000;
  color: #fff;
  padding: 3.75rem 0 1.875rem;
  z-index: 4;
  font-size: 1.25rem; }
  .section-footer svg {
    fill: #fff; }
  .section-footer p {
    margin: 0; }
  .section-footer .column {
    margin-bottom: 1.875rem; }
  @media (max-width: 991px) {
    .section-footer {
      text-align: center; } }

.bottomimage-section {
  position: relative;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.description-section .textbox-bordered {
  border-top: 2px solid #000;
  border-bottom: 6px solid #000;
  padding: 1.875rem 0 0.9375rem; }

.description-section .textbox-background {
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  padding: 1.875rem 1.875rem 0.9375rem; }
  @media (min-width: 992px) {
    .description-section .textbox-background {
      -webkit-animation: textboxIn 800ms ease-in-out 400ms;
      animation: textboxIn 800ms ease-in-out 400ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
      body.done .description-section .textbox-background {
        -webkit-animation-delay: 800ms;
        animation-delay: 800ms; } }
  @media (min-width: 1200px) {
    .description-section .textbox-background {
      padding: 3.75rem 3.75rem 2.8125rem; } }

.description-section .textbox-bordered h1,
.description-section .textbox-background h1 {
  margin-bottom: 1.875rem; }

.description-section .textbox-bordered h2,
.description-section .textbox-background h2 {
  margin-bottom: 0.9375rem; }

@-webkit-keyframes textboxIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes textboxIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@media (max-width: 767px) {
  .intro-section {
    padding-top: 0;
    padding-bottom: 0; } }

.preview-section {
  position: relative; }
  .preview-section .container,
  .preview-section .row {
    position: relative; }
  .preview-section .textbox-bordered {
    border-top: 2px solid #000;
    border-bottom: 6px solid #000;
    padding: 1.875rem 0 0.9375rem;
    margin-bottom: 3.75rem; }
    .preview-section .textbox-bordered h1 {
      margin-bottom: 1.875rem; }
    .preview-section .textbox-bordered h2 {
      margin-bottom: 0.9375rem; }
  .preview-section .preview {
    display: inline-block;
    width: 100%;
    height: 25.03125rem; }
    @media (min-width: 1920px) {
      .preview-section .preview {
        height: 49.21875rem; } }

@media (min-width: 1480px) and (max-width: 1919px) {
  .preview-section .preview {
    height: 37.875rem; } }

@media (min-width: 1200px) and (max-width: 1479px) {
  .preview-section .preview {
    height: 30.9375rem; } }
    .preview-section .preview .preview-device {
      position: absolute;
      width: 100%;
      left: 50%;
      bottom: 0;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      .preview-section .preview .preview-device .images {
        position: absolute;
        left: 50%;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        overflow: hidden;
        background-color: #fff; }
        .preview-section .preview .preview-device .images .image {
          position: absolute;
          left: 50%;
          -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
          transform: translateX(-100%);
          width: 100%;
          height: 100%;
          overflow: hidden;
          left: 0; }
          .preview-section .preview .preview-device .images .image.active {
            -webkit-transform: translateX(0%);
            -ms-transform: translateX(0%);
            transform: translateX(0%); }
          .preview-section .preview .preview-device .images .image.out {
            -webkit-animation: 1s toLeft cubic-bezier(0.645, 0.045, 0.355, 1);
            animation: 1s toLeft cubic-bezier(0.645, 0.045, 0.355, 1);
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
          .preview-section .preview .preview-device .images .image.in {
            -webkit-animation: 1s fromRight cubic-bezier(0.645, 0.045, 0.355, 1);
            animation: 1s fromRight cubic-bezier(0.645, 0.045, 0.355, 1);
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
      .preview-section .preview .preview-device .svg img {
        position: relative;
        width: 100%;
        height: auto; }
      .preview-section .preview .preview-device.browser.left {
        left: 33.33%; }
      .preview-section .preview .preview-device.browser.right {
        left: 66.66%; }
      .preview-section .preview .preview-device.browser .images {
        top: 8.2%;
        height: 91.7%; }
      .preview-section .preview .preview-device.tablet {
        bottom: -5%;
        width: 60%; }
        .preview-section .preview .preview-device.tablet.left {
          left: 0%; }
        .preview-section .preview .preview-device.tablet.right {
          left: 100%; }
        .preview-section .preview .preview-device.tablet .images {
          top: 6%;
          left: 50.75%;
          width: 80.5%;
          height: 88.5%; }
      .preview-section .preview .preview-device.mobile {
        bottom: -5%;
        width: 17.5%; }
        .preview-section .preview .preview-device.mobile.left {
          left: 0%; }
        .preview-section .preview .preview-device.mobile.right {
          left: 100%; }
        .preview-section .preview .preview-device.mobile .images {
          top: 12.25%;
          width: 91.75%;
          height: 75.25%; }
  .preview-section .link {
    position: absolute;
    left: 0;
    top: 0;
    width: 3.75rem;
    height: 3.75rem;
    background-color: #fff;
    -webkit-transition: background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    overflow: hidden; }
    .preview-section .link:before, .preview-section .link:after {
      content: '';
      position: absolute;
      width: 18.75rem;
      height: 18.75rem;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      -webkit-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center;
      background-color: rgba(0, 0, 0, 0.75);
      -webkit-transition: top 400ms ease-in-out, left 400ms ease-in-out;
      transition: top 400ms ease-in-out, left 400ms ease-in-out; }
    .preview-section .link:before {
      top: -9.375rem;
      left: -9.375rem;
      z-index: 10; }
    .preview-section .link:after {
      top: -webkit-calc(100% + 9.375rem);
      top: calc(100% + 9.375rem);
      left: -webkit-calc(100% + 9.375rem);
      left: calc(100% + 9.375rem);
      -webkit-transition-delay: 200ms;
      transition-delay: 200ms;
      z-index: 20; }
    .preview-section .link svg {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 1.875rem;
      height: 1.875rem;
      fill: #000;
      -webkit-transition: fill 400ms ease-in-out 200ms;
      transition: fill 400ms ease-in-out 200ms;
      pointer-events: none;
      z-index: 30; }
    body[data-touch="false"] .preview-section .link:hover {
      background-color: #000; }
      body[data-touch="false"] .preview-section .link:hover:before, body[data-touch="false"] .preview-section .link:hover:after {
        left: 50%;
        top: 50%; }
      body[data-touch="false"] .preview-section .link:hover svg {
        fill: #fff !important;
        -webkit-transition-delay: 0ms;
        transition-delay: 0ms; }
  .preview-section .swiper-container {
    height: 75vw !important; }
    .preview-section .swiper-container .swiper-slide {
      position: relative;
      height: 75vw !important; }
      .preview-section .swiper-container .swiper-slide .preview-browser,
      .preview-section .swiper-container .swiper-slide .preview-tablet,
      .preview-section .swiper-container .swiper-slide .preview-mobile {
        position: relative;
        padding: 0 2.8125rem; }
        .preview-section .swiper-container .swiper-slide .preview-browser .screen,
        .preview-section .swiper-container .swiper-slide .preview-tablet .screen,
        .preview-section .swiper-container .swiper-slide .preview-mobile .screen {
          position: relative;
          z-index: 10; }
          .preview-section .swiper-container .swiper-slide .preview-browser .screen .image,
          .preview-section .swiper-container .swiper-slide .preview-tablet .screen .image,
          .preview-section .swiper-container .swiper-slide .preview-mobile .screen .image {
            position: absolute;
            top: 7.25%;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 99.5%;
            height: 70.75%;
            overflow: hidden;
            background-repeat: no-repeat;
            background-position: top;
            background-size: cover;
            z-index: 5; }
          .preview-section .swiper-container .swiper-slide .preview-browser .screen img,
          .preview-section .swiper-container .swiper-slide .preview-tablet .screen img,
          .preview-section .swiper-container .swiper-slide .preview-mobile .screen img {
            max-width: 100%;
            max-height: 100%;
            position: relative;
            z-index: 10; }
      .preview-section .swiper-container .swiper-slide .preview-browser .screen .image {
        top: 8.25%;
        width: 100%;
        height: 91.75%; }
      .preview-section .swiper-container .swiper-slide .preview-tablet {
        padding: 0 3.75rem; }
        .preview-section .swiper-container .swiper-slide .preview-tablet .screen .image {
          top: 5.5%;
          left: 50.5%;
          width: 81%;
          height: 89%; }
      .preview-section .swiper-container .swiper-slide .preview-mobile {
        padding: 0;
        width: 25%; }
        .preview-section .swiper-container .swiper-slide .preview-mobile .screen .image {
          top: 12.5%;
          left: 50%;
          width: 92.5%;
          height: 75%; }

.swiper-section .swiper-container {
  position: relative;
  width: 100%;
  height: 22.5rem;
  overflow: hidden;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .swiper-section .swiper-container {
      height: 31.875rem; } }
  @media (min-width: 1200px) {
    .swiper-section .swiper-container {
      height: 41.25rem; } }
  @media (min-width: 1480px) {
    .swiper-section .swiper-container {
      max-width: 1480px;
      height: 56.25rem; } }
  @media (min-width: 1920px) {
    .swiper-section .swiper-container {
      max-width: 1920px;
      height: 65.625rem; } }
  .swiper-section .swiper-container .swiper-wrapper {
    width: 1000%; }
    .swiper-section .swiper-container .swiper-wrapper .swiper-slide {
      display: inline-block;
      float: left;
      width: 100%;
      height: 22.5rem;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; }

@media (min-width: 768px) and (max-width: 991px) {
  .swiper-section .swiper-container .swiper-wrapper .swiper-slide {
    height: 31.875rem; } }
      @media (min-width: 992px) {
        .swiper-section .swiper-container .swiper-wrapper .swiper-slide {
          max-width: 33.33%; } }

@media (min-width: 1200px) and (max-width: 1479px) {
  .swiper-section .swiper-container .swiper-wrapper .swiper-slide {
    height: 41.25rem; } }

@media (min-width: 1480px) and (max-width: 1919px) {
  .swiper-section .swiper-container .swiper-wrapper .swiper-slide {
    height: 56.25rem; } }
      @media (min-width: 1920px) {
        .swiper-section .swiper-container .swiper-wrapper .swiper-slide {
          height: 65.625rem; } }
      .swiper-section .swiper-container .swiper-wrapper .swiper-slide .preview {
        position: relative;
        padding: 0 2.8125rem;
        width: 100%;
        height: 100%; }
        .swiper-section .swiper-container .swiper-wrapper .swiper-slide .preview .image {
          position: relative;
          z-index: 10;
          width: 100%;
          height: 100%;
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain; }
  .swiper-section .swiper-container .swiper-button-prev,
  .swiper-section .swiper-container .swiper-button-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.875rem;
    height: 1.875rem;
    opacity: 0.25;
    -webkit-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }
    .swiper-section .swiper-container .swiper-button-prev.swiper-button-disabled,
    .swiper-section .swiper-container .swiper-button-next.swiper-button-disabled {
      opacity: 0; }
  .swiper-section .swiper-container .swiper-button-prev {
    left: 0.46875rem;
    background-image: url("../img/icon/btn-prev.svg"); }
  .swiper-section .swiper-container .swiper-button-next {
    right: 0.46875rem;
    background-image: url("../img/icon/btn-next.svg"); }

.topimage-section {
  position: relative;
  height: 100vh;
  max-height: 180vw;
  overflow: hidden; }
  @media (max-width: 991px) {
    .topimage-section {
      height: 100vw; } }
  .topimage-section .topimage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden; }
  .topimage-section .down {
    position: absolute;
    bottom: 0.9375rem;
    left: 0;
    width: 100%;
    height: 1.875rem;
    cursor: pointer; }
    .topimage-section .down svg {
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 3.75rem;
      height: auto;
      fill: transparent;
      stroke: #000;
      stroke-width: 11px;
      -webkit-animation: 1.5s arrowDownSvg ease-in-out alternate infinite;
      animation: 1.5s arrowDownSvg ease-in-out alternate infinite;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }

.video-section {
  font-size: 0; }
  @media (max-width: 767px) {
    .video-section {
      padding: 0; } }
  @media (max-width: 767px) {
    .video-section .video-column {
      padding: 0; } }
  .video-section .video {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    height: 56vw; }
    @media (min-width: 1920px) {
      .video-section .video {
        height: 984px; } }

@media (min-width: 1480px) and (max-width: 1919px) {
  .video-section .video {
    height: 759px; } }

@media (min-width: 1200px) and (max-width: 1479px) {
  .video-section .video {
    height: 624px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .video-section .video {
    height: 507px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .video-section .video {
    height: 398px; } }
    .video-section .video .video-link {
      display: inline-block;
      width: 100%;
      height: 100%; }
    .video-section .video .controls {
      position: relative;
      -webkit-transition: opacity 400ms ease-in-out;
      transition: opacity 400ms ease-in-out;
      z-index: 1; }
      body.android .video-section .video .controls,
      body.ie .video-section .video .controls,
      body.edge .video-section .video .controls {
        display: none !important; }
      .video-section .video .controls .video-seekbar {
        position: absolute;
        bottom: 0;
        left: 0;
        width: -webkit-calc(100% - 1.875rem - 2px);
        width: calc(100% - 1.875rem - 2px);
        height: 1.875rem;
        -webkit-appearance: none;
        z-index: 3;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        background-color: transparent; }
        .video-section .video .controls .video-seekbar:focus {
          outline: none; }
        .video-section .video .controls .video-seekbar::-webkit-slider-runnable-track {
          width: 100%;
          height: 1.875rem;
          -webkit-box-shadow: none;
          box-shadow: none;
          background: #000;
          -webkit-border-radius: 0;
          border-radius: 0;
          border: none; }
        .video-section .video .controls .video-seekbar::-webkit-slider-thumb {
          -webkit-box-shadow: none;
          box-shadow: none;
          border: none;
          width: 2.25rem;
          height: 1.40625rem;
          -webkit-border-radius: 0;
          border-radius: 0;
          background: transparent;
          cursor: pointer;
          -webkit-appearance: none;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center; }
        .video-section .video .controls .video-seekbar::-moz-range-track {
          width: 100%;
          height: 1.875rem;
          box-shadow: none;
          background: #000;
          border-radius: 0;
          border: none; }
        .video-section .video .controls .video-seekbar::-moz-range-thumb {
          -webkit-appearance: none;
          border: none;
          width: 2.25rem;
          height: 1.40625rem;
          background-color: transparent;
          cursor: pointer;
          box-shadow: none;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center; }
        .video-section .video .controls .video-seekbar[data-seeker="duck"]::-webkit-slider-thumb {
          background-image: url("../img/icon/seeker-duck.svg"); }
        .video-section .video .controls .video-seekbar[data-seeker="duck"]::-moz-range-thumb {
          background-image: url("../img/icon/seeker-duck.svg"); }
        .video-section .video .controls .video-seekbar[data-seeker="bee"]::-webkit-slider-thumb {
          background-image: url("../img/icon/seeker-bee.svg"); }
        .video-section .video .controls .video-seekbar[data-seeker="bee"]::-moz-range-thumb {
          background-image: url("../img/icon/seeker-bee.svg"); }
      .video-section .video .controls .video-fullscreen {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 1.875rem;
        height: 1.875rem;
        background-color: #000;
        z-index: 10;
        background-image: url("../img/icon/btn-fullscreen.svg");
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: center; }
    .video-section .video .preview {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #fff;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      z-index: 2;
      -webkit-transition: margin-top 400ms ease-in-out;
      transition: margin-top 400ms ease-in-out;
      pointer-events: none; }
    .video-section .video .video-playpause {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: -webkit-calc(100% - 1.875rem);
      height: calc(100% - 1.875rem);
      font-size: 0;
      z-index: 10;
      -webkit-transition: opacity 400ms ease-in-out;
      transition: opacity 400ms ease-in-out; }
      .video-section .video .video-playpause .btn {
        position: absolute;
        top: -webkit-calc(50% + 1.875rem);
        top: calc(50% + 1.875rem);
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 9.375rem;
        height: 9.375rem;
        pointer-events: none;
        background-color: #fff;
        padding: 1.875rem;
        -webkit-transition: background-color 400ms ease-in-out;
        transition: background-color 400ms ease-in-out; }
        @media (max-width: 1479px) {
          .video-section .video .video-playpause .btn {
            width: 7.5rem;
            height: 7.5rem;
            padding: 1.5rem; } }
        @media (max-width: 1199px) {
          .video-section .video .video-playpause .btn {
            width: 5.625rem;
            height: 5.625rem;
            padding: 1.125rem; } }
        @media (max-width: 991px) {
          .video-section .video .video-playpause .btn {
            width: 3.75rem;
            height: 3.75rem;
            padding: 0.9375rem; } }
        .video-section .video .video-playpause .btn svg {
          width: 100%;
          height: 100%;
          fill: #000;
          -webkit-transition: fill 400ms ease-in-out;
          transition: fill 400ms ease-in-out; }
        .video-section .video .video-playpause .btn.pause {
          display: none; }
    .video-section .video.playing .controls {
      opacity: 0; }
    .video-section .video.playing .preview {
      margin-top: -100%; }
    .video-section .video.playing .video-playpause {
      opacity: 0; }
      .video-section .video.playing .video-playpause .btn {
        background-color: rgba(0, 0, 0, 0.8); }
        .video-section .video.playing .video-playpause .btn.play {
          display: none; }
        .video-section .video.playing .video-playpause .btn.pause {
          display: inline-block; }
        .video-section .video.playing .video-playpause .btn svg {
          fill: #fff; }
    body[data-touch="false"] .video-section .video:hover .controls {
      opacity: 1; }
    body[data-touch="false"] .video-section .video:hover .video-playpause {
      opacity: 1; }
      body[data-touch="false"] .video-section .video:hover .video-playpause .btn {
        background-color: rgba(0, 0, 0, 0.8); }
        body[data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
          fill: #fff; }

@media (min-width: 992px) and (max-width: 1199px) {
  .video-section .video-column.col-md-12 .video {
    height: 262px; } }

@media (min-width: 1200px) and (max-width: 1479px) {
  .video-section .video-column.col-md-12 .video {
    height: 304px; } }

@media (min-width: 1480px) and (max-width: 1919px) {
  .video-section .video-column.col-md-12 .video {
    height: 371px; } }
  @media (min-width: 1920px) {
    .video-section .video-column.col-md-12 .video {
      height: 484px; } }

@media (min-width: 1200px) and (max-width: 1479px) {
  .video-section .video-column.col-lg-12 .video {
    height: 304px; } }

@media (min-width: 1480px) and (max-width: 1919px) {
  .video-section .video-column.col-lg-12 .video {
    height: 371px; } }
  @media (min-width: 1920px) {
    .video-section .video-column.col-lg-12 .video {
      height: 484px; } }

@media (min-width: 1480px) and (max-width: 1919px) {
  .video-section .video-column.col-xl-13 .video {
    height: 420px; } }
  @media (min-width: 1920px) {
    .video-section .video-column.col-xxl-16 .video {
      height: 650px; } }

.page-home {
  position: relative;
  width: 100%;
  background-color: #fff;
  z-index: 100; }
  .page-home.out {
    opacity: 0.5;
    -webkit-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out; }
    body[data-browser="safari"][data-device="false"] .page-home.out {
      opacity: 1; }
  body.subpage .page-home {
    display: none; }

.process-overview-section .down,
.bookmark .down,
.section .down {
  position: absolute;
  bottom: 0.9375rem;
  left: 0;
  width: 100%;
  height: 1.875rem; }
  .process-overview-section .down svg,
  .bookmark .down svg,
  .section .down svg {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 3.75rem;
    height: auto;
    fill: transparent;
    stroke: #fa00fa;
    stroke-width: 11px;
    -webkit-animation: arrowDownSvg 1.5s ease-in-out alternate infinite;
    animation: arrowDownSvg 1.5s ease-in-out alternate infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    cursor: pointer; }

.welcome-section {
  position: relative;
  height: 100vh;
  z-index: 2;
  overflow: hidden;
  background-color: #fff; }
  .welcome-section .text {
    position: absolute;
    top: 45%;
    left: 0%;
    width: 100%;
    font-size: 3vw;
    line-height: 1em;
    color: #000;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    @media (max-width: 991px) {
      .welcome-section .text {
        top: 47.5%;
        font-size: 4vw; } }
  .welcome-section.complete .text {
    -webkit-animation: fadeIn 500ms ease-in-out;
    animation: fadeIn 500ms ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .welcome-section.normal #welcome-scene {
    position: absolute;
    top: 44%;
    left: 0;
    width: 100%;
    height: 56.25vw;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .welcome-section.normal #welcome-scene svg {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) !important;
      -ms-transform: translate(-50%, -50%) !important;
      transform: translate(-50%, -50%) !important;
      width: 100%;
      height: auto !important; }
    @media (max-width: 991px) {
      .welcome-section.normal #welcome-scene {
        top: 47.5%;
        left: 2.5%; }
        .welcome-section.normal #welcome-scene svg {
          width: 160% !important; } }
  .welcome-section.normal.play {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .welcome-section.normal.yellow-explosion {
    -webkit-animation: yellowExplosion 300ms linear;
    animation: yellowExplosion 300ms linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
    .welcome-section.normal.yellow-explosion.last {
      -webkit-animation-duration: 800ms;
      animation-duration: 800ms; }
  .welcome-section.normal.blue-explosion {
    -webkit-animation: blueExplosion 300ms linear;
    animation: blueExplosion 300ms linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .welcome-section.normal.purple-explosion {
    -webkit-animation: purpleExplosion 300ms linear;
    animation: purpleExplosion 300ms linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .welcome-section.normal.turquoise-explosion {
    -webkit-animation: turqouiseExplosion 300ms linear;
    animation: turqouiseExplosion 300ms linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .welcome-section.christmas {
    background-color: #CF644C; }
    .welcome-section.christmas #welcome-scene {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%;
      height: 56.25vw; }
      .welcome-section.christmas #welcome-scene svg {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important;
        width: 100%;
        height: auto !important; }
      @media (max-width: 991px) {
        .welcome-section.christmas #welcome-scene {
          left: 67.5%; }
          .welcome-section.christmas #welcome-scene svg {
            width: 150% !important; } }
      @media (min-width: 992px) {
        .welcome-section.christmas #welcome-scene:after {
          content: '';
          position: absolute;
          top: 10%;
          right: -12%;
          width: 100%;
          height: 100%;
          background-image: url("../img/home/welcome/christmas-overlay.svg"); } }

@-webkit-keyframes yellowExplosion {
  0% {
    background-color: #fff; }
  2% {
    background-color: #fafa00; }
  100% {
    background-color: #fff; } }

@keyframes yellowExplosion {
  0% {
    background-color: #fff; }
  2% {
    background-color: #fafa00; }
  100% {
    background-color: #fff; } }

@-webkit-keyframes blueExplosion {
  0% {
    background-color: #fff; }
  2% {
    background-color: #3296fa; }
  100% {
    background-color: #fff; } }

@keyframes blueExplosion {
  0% {
    background-color: #fff; }
  2% {
    background-color: #3296fa; }
  100% {
    background-color: #fff; } }

@-webkit-keyframes purpleExplosion {
  0% {
    background-color: #fff; }
  2% {
    background-color: #fa00fa; }
  100% {
    background-color: #fff; } }

@keyframes purpleExplosion {
  0% {
    background-color: #fff; }
  2% {
    background-color: #fa00fa; }
  100% {
    background-color: #fff; } }

@-webkit-keyframes turquoiseExplosion {
  0% {
    background-color: #fff; }
  2% {
    background-color: #00fafa; }
  100% {
    background-color: #fff; } }

@keyframes turquoiseExplosion {
  0% {
    background-color: #fff; }
  2% {
    background-color: #00fafa; }
  100% {
    background-color: #fff; } }

.aboutus-section {
  position: relative;
  z-index: 2;
  overflow: hidden; }
  .aboutus-section .container {
    padding-top: 11.25rem;
    padding-bottom: 11.25rem;
    overflow: hidden; }
    @media (min-width: 1200px) {
      .aboutus-section .container {
        height: 56.25rem; } }

@media (min-width: 1200px) and (max-width: 1479px) {
  .aboutus-section .container {
    height: 50.625rem; } }
    .aboutus-section .container h1 {
      margin-bottom: 1.875rem; }
    @media (max-width: 1199px) {
      .aboutus-section .container .illustration {
        margin-top: 3.75rem; } }
  @media (min-width: 1200px) {
    .aboutus-section .aboutus-section-2 .illustration-2 {
      margin-top: -5.625rem; } }
  .aboutus-section .aboutus-section-3 {
    background-color: #eeeeee !important; }
    .aboutus-section .aboutus-section-3 .container {
      padding-bottom: 15rem;
      background-image: url("../img/home/aboutus/illustration-3.png");
      background-position: bottom right;
      background-size: 60%;
      background-repeat: no-repeat; }
      @media (max-width: 767px) {
        .aboutus-section .aboutus-section-3 .container {
          background-position: bottom;
          padding-bottom: 11.25rem; } }
  @media (min-width: 1200px) {
    .aboutus-section .aboutus-section-4 .illustration-4 {
      margin-top: -16.875rem; } }
  @media (max-width: 991px) {
    .aboutus-section .container {
      padding-top: 3.75rem;
      padding-bottom: 3.75rem; } }

.page-home .cases-section {
  position: relative;
  min-height: 100vh;
  z-index: 1; }
  .page-home .cases-section .overview {
    position: relative;
    width: 100%;
    z-index: 900; }
    .page-home .cases-section .overview .case {
      position: relative;
      width: 100%;
      height: 100vh; }
      .page-home .cases-section .overview .case .case-image-wrap {
        clip: rect(0, auto, auto, 0);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none; }
        .page-home .cases-section .overview .case .case-image-wrap .case-image {
          position: fixed;
          display: block;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          -webkit-transform: translateZ(0);
          transform: translateZ(0); }
          .page-home .cases-section .overview .case .case-image-wrap .case-image:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-position: top left;
            background-repeat: repeat;
            background-image: url("../img/home/grid.png");
            opacity: 0.25; }
        body[data-device="android"] .page-home .cases-section .overview .case .case-image-wrap .case-image,
        body[data-browser="ie"] .page-home .cases-section .overview .case .case-image-wrap .case-image,
        body[data-browser="edge"] .page-home .cases-section .overview .case .case-image-wrap .case-image {
          position: absolute;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; }
      .page-home .cases-section .overview .case.open .case-image-wrap .case-image {
        left: -12.5%;
        top: -12.5%;
        width: 125%;
        height: 125%;
        -webkit-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out; }
  .page-home .cases-section .description-box {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    overflow: hidden;
    cursor: pointer;
    z-index: 950;
    opacity: 0;
    -webkit-transition: background-color 400ms ease-in-out, opacity 400ms ease-in-out;
    transition: background-color 400ms ease-in-out, opacity 400ms ease-in-out; }
    body[data-bookmark="cases"] .page-home .cases-section .description-box {
      opacity: 1; }
    .page-home .cases-section .description-box.in {
      opacity: 0; }
      @media (min-width: 992px) {
        .page-home .cases-section .description-box.in {
          -webkit-animation: descriptionboxInRight 500ms ease-in-out;
          animation: descriptionboxInRight 500ms ease-in-out;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
          body.done .page-home .cases-section .description-box.in {
            -webkit-animation-delay: 600ms;
            animation-delay: 600ms; }
        @-webkit-keyframes descriptionboxInRight {
          0% {
            -webkit-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
            opacity: 0; }
          100% {
            -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
            opacity: 1; } }
        @keyframes descriptionboxInRight {
          0% {
            -webkit-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
            opacity: 0; }
          100% {
            -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
            opacity: 1; } } }
      @media (max-width: 991px) {
        .page-home .cases-section .description-box.in {
          -webkit-animation: descriptionboxInBottom 500ms ease-in-out;
          animation: descriptionboxInBottom 500ms ease-in-out;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
          body.done .page-home .cases-section .description-box.in {
            -webkit-animation-delay: 600ms;
            animation-delay: 600ms; }
        @-webkit-keyframes descriptionboxInBottom {
          0% {
            bottom: -50%;
            opacity: 0; }
          100% {
            bottom: 0.9375rem;
            opacity: 1; } }
        @keyframes descriptionboxInBottom {
          0% {
            bottom: -50%;
            opacity: 0; }
          100% {
            bottom: 0.9375rem;
            opacity: 1; } } }
    .page-home .cases-section .description-box.out {
      opacity: 0 !important; }
      @media (min-width: 992px) {
        .page-home .cases-section .description-box.out {
          -webkit-animation: descriptionboxOutRight 500ms ease-in-out;
          animation: descriptionboxOutRight 500ms ease-in-out;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
        @-webkit-keyframes descriptionboxOutRight {
          0% {
            -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
            opacity: 1; }
          100% {
            -webkit-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
            opacity: 0; } }
        @keyframes descriptionboxOutRight {
          0% {
            -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
            opacity: 1; }
          100% {
            -webkit-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
            opacity: 0; } } }
      @media (max-width: 991px) {
        .page-home .cases-section .description-box.out {
          -webkit-animation: descriptionboxOutBottom 500ms ease-in-out;
          animation: descriptionboxOutBottom 500ms ease-in-out;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
        @-webkit-keyframes descriptionboxOutBottom {
          0% {
            bottom: 0.9375rem;
            opacity: 1; }
          100% {
            bottom: -50%;
            opacity: 0; } }
        @keyframes descriptionboxOutBottom {
          0% {
            bottom: 0.9375rem;
            opacity: 1; }
          100% {
            bottom: -50%;
            opacity: 0; } } }
    @media (min-width: 1920px) {
      .page-home .cases-section .description-box {
        right: 7.5rem;
        width: 960px;
        height: 960px;
        max-height: -webkit-calc(100vh - 15rem);
        max-height: calc(100vh - 15rem); } }

@media (min-width: 1480px) and (max-width: 1919px) {
  .page-home .cases-section .description-box {
    right: 3.75rem;
    width: 740px;
    height: 740px;
    max-height: -webkit-calc(100vh - 7.5rem);
    max-height: calc(100vh - 7.5rem); } }

@media (min-width: 1200px) and (max-width: 1479px) {
  .page-home .cases-section .description-box {
    right: 3.75rem;
    width: 600px;
    height: 600px;
    max-height: -webkit-calc(100vh - 7.5rem);
    max-height: calc(100vh - 7.5rem); } }

@media (min-width: 992px) and (max-width: 1199px) {
  .page-home .cases-section .description-box {
    right: 1.875rem;
    width: 600px;
    height: 600px;
    max-height: -webkit-calc(100vh - 3.75rem);
    max-height: calc(100vh - 3.75rem); } }
    @media (max-width: 991px) {
      .page-home .cases-section .description-box {
        height: 11.25rem;
        right: 0.9375rem;
        width: -webkit-calc(100% - 1.875rem);
        width: calc(100% - 1.875rem); } }
    @media (max-width: 991px) {
      .page-home .cases-section .description-box {
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        bottom: 0.9375rem; } }
    .page-home .cases-section .description-box:before, .page-home .cases-section .description-box:after {
      content: '';
      position: absolute;
      width: 93.75rem;
      height: 187.5rem;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      -webkit-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center;
      background-color: rgba(255, 255, 255, 0.8);
      -webkit-transition: top 400ms ease-in-out, left 400ms ease-in-out;
      transition: top 400ms ease-in-out, left 400ms ease-in-out;
      pointer-events: none; }
    .page-home .cases-section .description-box:before {
      top: -46.875rem;
      left: -93.75rem;
      z-index: 10; }
    .page-home .cases-section .description-box:after {
      top: -webkit-calc(100% + 46.875rem);
      top: calc(100% + 46.875rem);
      left: -webkit-calc(100% + 93.75rem);
      left: calc(100% + 93.75rem);
      -webkit-transition-delay: 100ms;
      transition-delay: 100ms;
      z-index: 20; }
    .page-home .cases-section .description-box .arrow {
      position: absolute;
      right: 1.875rem;
      width: 2.8125rem;
      bottom: 1.875rem; }
      @media (min-width: 1920px) {
        .page-home .cases-section .description-box .arrow {
          bottom: 3.75rem;
          right: 3.75rem; } }
      @media (max-width: 991px) {
        .page-home .cases-section .description-box .arrow {
          bottom: 0.9375rem;
          right: 0.9375rem;
          width: 1.875rem; } }
      .page-home .cases-section .description-box .arrow svg {
        width: 100%;
        height: auto;
        fill: #fff;
        -webkit-transition: fill 400ms ease-in-out;
        transition: fill 400ms ease-in-out; }
    .page-home .cases-section .description-box .case-description {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      color: #fff;
      pointer-events: none;
      -webkit-transition: opacity 200ms ease-in-out;
      transition: opacity 200ms ease-in-out;
      z-index: 30; }
      .page-home .cases-section .description-box .case-description .text {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        padding: 0 3.75rem;
        color: #fff;
        -webkit-transition: color 400ms ease-in-out;
        transition: color 400ms ease-in-out;
        z-index: 30;
        font-size: 1.25rem; }
        @media (max-width: 1919px) {
          .page-home .cases-section .description-box .case-description .text {
            padding: 0 1.875rem; } }
        @media (max-width: 991px) {
          .page-home .cases-section .description-box .case-description .text {
            padding: 0 0.9375rem; } }
        @media (max-width: 767px) {
          .page-home .cases-section .description-box .case-description .text h1 {
            font-size: 1.75rem; } }
        .page-home .cases-section .description-box .case-description .text div {
          -webkit-animation: fadeOutRight 200ms ease-in-out;
          animation: fadeOutRight 200ms ease-in-out;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
          .page-home .cases-section .description-box .case-description .text div h1, .page-home .cases-section .description-box .case-description .text div h2, .page-home .cases-section .description-box .case-description .text div h3, .page-home .cases-section .description-box .case-description .text div h4, .page-home .cases-section .description-box .case-description .text div h5, .page-home .cases-section .description-box .case-description .text div h6 {
            margin: 0;
            line-height: 1em; }
          .page-home .cases-section .description-box .case-description .text div.line {
            display: inline-block;
            width: 100%;
            height: 2px;
            background-color: #fff;
            -webkit-transition: background-color 400ms ease-in-out;
            transition: background-color 400ms ease-in-out; }
            .page-home .cases-section .description-box .case-description .text div.line.dashed {
              border-bottom: 2px dashed #fff;
              background-color: transparent;
              height: 0;
              -webkit-transition: border-color 400ms ease-in-out;
              transition: border-color 400ms ease-in-out; }
          .page-home .cases-section .description-box .case-description .text div.company {
            text-transform: uppercase;
            padding: 2.8125rem 0 0.9375rem; }
          .page-home .cases-section .description-box .case-description .text div.title {
            padding-bottom: 1.875rem; }
          .page-home .cases-section .description-box .case-description .text div.areas {
            padding: 0.625rem 0 0; }
          .page-home .cases-section .description-box .case-description .text div:nth-of-type(1) {
            -webkit-animation-delay: 0ms;
            animation-delay: 0ms; }
          .page-home .cases-section .description-box .case-description .text div:nth-of-type(2) {
            -webkit-animation-delay: 50ms;
            animation-delay: 50ms; }
          .page-home .cases-section .description-box .case-description .text div:nth-of-type(3) {
            -webkit-animation-delay: 100ms;
            animation-delay: 100ms; }
          .page-home .cases-section .description-box .case-description .text div:nth-of-type(4) {
            -webkit-animation-delay: 150ms;
            animation-delay: 150ms; }
          .page-home .cases-section .description-box .case-description .text div:nth-of-type(5) {
            -webkit-animation-delay: 200ms;
            animation-delay: 200ms; }
          .page-home .cases-section .description-box .case-description .text div:nth-of-type(6) {
            -webkit-animation-delay: 250ms;
            animation-delay: 250ms;
            height: 6px; }
          @media (max-width: 991px) {
            .page-home .cases-section .description-box .case-description .text div.company {
              padding: 0 0 0.9375rem; }
            .page-home .cases-section .description-box .case-description .text div.title {
              padding: 0; }
            .page-home .cases-section .description-box .case-description .text div.areas {
              display: none; }
            .page-home .cases-section .description-box .case-description .text div.line {
              display: none; } }
    .page-home .cases-section .description-box:hover {
      text-decoration: none; }
      body[data-touch="false"] .page-home .cases-section .description-box:hover:before,
      body[data-touch="false"] .page-home .cases-section .description-box:hover:after {
        top: 50%;
        left: 50%; }

@-webkit-keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-5.625rem);
    transform: translateX(-5.625rem);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-5.625rem);
    transform: translateX(-5.625rem);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes fadeOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(5.625rem);
    transform: translateX(5.625rem);
    opacity: 0; } }

@keyframes fadeOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(5.625rem);
    transform: translateX(5.625rem);
    opacity: 0; } }

section.cases-overview-section {
  position: relative;
  z-index: 3; }
  section.cases-overview-section a {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: #000;
    color: #fff !important;
    font-size: 3rem;
    font-family: "Rockwell W01", serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5.625rem 0;
    overflow: hidden;
    -webkit-transition: background-color 400ms ease-in-out, color 400ms ease-in-out;
    transition: background-color 400ms ease-in-out, color 400ms ease-in-out; }
    section.cases-overview-section a span {
      position: relative;
      display: inline-block;
      padding: 1.875rem;
      border-top: 2px solid #fff;
      border-bottom: 6px solid #fff;
      -webkit-transition: color 400ms ease-in-out, border-color 400ms ease-in-out;
      transition: color 400ms ease-in-out, border-color 400ms ease-in-out;
      z-index: 30; }
    section.cases-overview-section a:before, section.cases-overview-section a:after {
      content: '';
      position: absolute;
      width: 187.5rem;
      height: 187.5rem;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      -webkit-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center;
      background-color: rgba(255, 255, 255, 0.8);
      -webkit-transition: top 400ms ease-in-out, left 400ms ease-in-out;
      transition: top 400ms ease-in-out, left 400ms ease-in-out;
      pointer-events: none; }
    section.cases-overview-section a:before {
      top: -46.875rem;
      left: -93.75rem;
      z-index: 10; }
    section.cases-overview-section a:after {
      top: -webkit-calc(100% + 46.875rem);
      top: calc(100% + 46.875rem);
      left: -webkit-calc(100% + 93.75rem);
      left: calc(100% + 93.75rem);
      -webkit-transition-delay: 200ms;
      transition-delay: 200ms;
      z-index: 20; }
    section.cases-overview-section a:hover, section.cases-overview-section a:active {
      text-decoration: none; }
    body[data-touch="false"] section.cases-overview-section a:hover {
      text-decoration: none; }
      body[data-touch="false"] section.cases-overview-section a:hover span {
        color: #000;
        border-color: #000; }
      body[data-touch="false"] section.cases-overview-section a:hover:before, body[data-touch="false"] section.cases-overview-section a:hover:after {
        top: 50%;
        left: 50%; }
    @media (max-width: 991px) {
      section.cases-overview-section a {
        padding: 1.875rem 0;
        font-size: 1.5rem; }
        section.cases-overview-section a span {
          padding: 0.9375rem; } }

section#kontakt,
section#contact {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  z-index: 3;
  background-color: #fff; }
  @media (max-width: 991px) {
    section#kontakt,
    section#contact {
      min-height: 100vw; } }
  section#kontakt .slides,
  section#contact .slides {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 1.5s background-color cubic-bezier(0.44, -0.13, 0.3, 1.07);
    transition: 1.5s background-color cubic-bezier(0.44, -0.13, 0.3, 1.07);
    will-change: background-color; }
    section#kontakt .slides[data-active="esben"],
    section#contact .slides[data-active="esben"] {
      background-color: #fafa00; }
    section#kontakt .slides[data-active="knud"],
    section#contact .slides[data-active="knud"] {
      background-color: #3296fa; }
    section#kontakt .slides[data-active="kasper"],
    section#contact .slides[data-active="kasper"] {
      background-color: #fa00fa; }
    section#kontakt .slides[data-active="michael"],
    section#contact .slides[data-active="michael"] {
      background-color: #00fafa; }
    section#kontakt .slides .slide,
    section#contact .slides .slide {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: bottom left;
      background-size: cover;
      -webkit-transform: translate(-150%, 0%);
      -ms-transform: translate(-150%, 0%);
      transform: translate(-150%, 0%);
      overflow: hidden;
      will-change: transform; }
      section#kontakt .slides .slide .layers,
      section#contact .slides .slide .layers {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 56vw; }
        @media (max-width: 991px) {
          section#kontakt .slides .slide .layers,
          section#contact .slides .slide .layers {
            width: 150%;
            height: 84vw; } }
        section#kontakt .slides .slide .layers .layer,
        section#contact .slides .slide .layers .layer {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-repeat: no-repeat;
          background-position: bottom left;
          background-size: cover; }
      body[data-performance="low"] section#kontakt .slides .slide.esben .layer:nth-of-type(1), body[data-performance="low"]
      section#contact .slides .slide.esben .layer:nth-of-type(1) {
        background-image: url("../img/home/contact/esben.svg"); }
      body[data-performance="high"] section#kontakt .slides .slide.esben .layer:nth-of-type(1), body[data-performance="high"]
      section#contact .slides .slide.esben .layer:nth-of-type(1) {
        background-image: url("../img/home/contact/esben/worker.svg"); }
      body[data-performance="high"] section#kontakt .slides .slide.esben .layer:nth-of-type(2), body[data-performance="high"]
      section#contact .slides .slide.esben .layer:nth-of-type(2) {
        background-image: url("../img/home/contact/esben/antenna-1.svg");
        -webkit-animation: esbenAntenna1 6s linear infinite;
        animation: esbenAntenna1 6s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 14.25% 31.5%;
        -ms-transform-origin: 14.25% 31.5%;
        transform-origin: 14.25% 31.5%; }

@-webkit-keyframes esbenAntenna1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  15% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  30% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  65% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes esbenAntenna1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  15% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  30% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  65% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
      body[data-performance="high"] section#kontakt .slides .slide.esben .layer:nth-of-type(3), body[data-performance="high"]
      section#contact .slides .slide.esben .layer:nth-of-type(3) {
        background-image: url("../img/home/contact/esben/antenna-2.svg");
        -webkit-animation: esbenAntenna2 6s linear infinite;
        animation: esbenAntenna2 6s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 18% 28%;
        -ms-transform-origin: 18% 28%;
        transform-origin: 18% 28%; }

@-webkit-keyframes esbenAntenna2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  15% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg); }
  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg); }
  30% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  65% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg); }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes esbenAntenna2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  15% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg); }
  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg); }
  30% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  65% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg); }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
      body[data-performance="high"] section#kontakt .slides .slide.esben .layer:nth-of-type(4), body[data-performance="high"]
      section#contact .slides .slide.esben .layer:nth-of-type(4) {
        background-image: url("../img/home/contact/esben/eyes-open.svg");
        -webkit-animation: eyesOpen 6s linear infinite;
        animation: eyesOpen 6s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both; }
      body[data-performance="high"] section#kontakt .slides .slide.esben .layer:nth-of-type(5), body[data-performance="high"]
      section#contact .slides .slide.esben .layer:nth-of-type(5) {
        background-image: url("../img/home/contact/esben/eyes-closed.svg");
        -webkit-animation: eyesClosed 6s linear infinite;
        animation: eyesClosed 6s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both; }
      body[data-performance="high"] section#kontakt .slides .slide.esben .layer:nth-of-type(6), body[data-performance="high"]
      section#contact .slides .slide.esben .layer:nth-of-type(6) {
        background-image: url("../img/home/contact/esben/nail-1.svg");
        -webkit-animation: esbenNail1 5s linear infinite;
        animation: esbenNail1 5s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 35% 32%;
        -ms-transform-origin: 35% 32%;
        transform-origin: 35% 32%; }

@-webkit-keyframes esbenNail1 {
  0% {
    -webkit-transform: translate(0%, 1.5%) scale(0.5);
    transform: translate(0%, 1.5%) scale(0.5);
    opacity: 1; }
  5% {
    -webkit-transform: translate(0%, 1.5%) scale(0.5);
    transform: translate(0%, 1.5%) scale(0.5);
    opacity: 1; }
  15% {
    -webkit-transform: translate(0%, 5%) scale(1);
    transform: translate(0%, 5%) scale(1);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, 5%) scale(1);
    transform: translate(0%, 5%) scale(1);
    opacity: 0; } }

@keyframes esbenNail1 {
  0% {
    -webkit-transform: translate(0%, 1.5%) scale(0.5);
    transform: translate(0%, 1.5%) scale(0.5);
    opacity: 1; }
  5% {
    -webkit-transform: translate(0%, 1.5%) scale(0.5);
    transform: translate(0%, 1.5%) scale(0.5);
    opacity: 1; }
  15% {
    -webkit-transform: translate(0%, 5%) scale(1);
    transform: translate(0%, 5%) scale(1);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, 5%) scale(1);
    transform: translate(0%, 5%) scale(1);
    opacity: 0; } }
      body[data-performance="high"] section#kontakt .slides .slide.esben .layer:nth-of-type(7), body[data-performance="high"]
      section#contact .slides .slide.esben .layer:nth-of-type(7) {
        background-image: url("../img/home/contact/esben/nail-2.svg");
        -webkit-animation: esbenNail2 5s linear infinite;
        animation: esbenNail2 5s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 35% 32%;
        -ms-transform-origin: 35% 32%;
        transform-origin: 35% 32%; }

@-webkit-keyframes esbenNail2 {
  0% {
    -webkit-transform: translate(0%, 2.5%) scale(0.5);
    transform: translate(0%, 2.5%) scale(0.5);
    opacity: 1; }
  15% {
    -webkit-transform: translate(0%, 2.5%) scale(0.5);
    transform: translate(0%, 2.5%) scale(0.5);
    opacity: 1; }
  25% {
    -webkit-transform: translate(-1%, 10%) scale(1);
    transform: translate(-1%, 10%) scale(1);
    opacity: 0; }
  100% {
    -webkit-transform: translate(-1%, 10%) scale(1);
    transform: translate(-1%, 10%) scale(1);
    opacity: 0; } }

@keyframes esbenNail2 {
  0% {
    -webkit-transform: translate(0%, 2.5%) scale(0.5);
    transform: translate(0%, 2.5%) scale(0.5);
    opacity: 1; }
  15% {
    -webkit-transform: translate(0%, 2.5%) scale(0.5);
    transform: translate(0%, 2.5%) scale(0.5);
    opacity: 1; }
  25% {
    -webkit-transform: translate(-1%, 10%) scale(1);
    transform: translate(-1%, 10%) scale(1);
    opacity: 0; }
  100% {
    -webkit-transform: translate(-1%, 10%) scale(1);
    transform: translate(-1%, 10%) scale(1);
    opacity: 0; } }
      body[data-performance="high"] section#kontakt .slides .slide.esben .layer:nth-of-type(8), body[data-performance="high"]
      section#contact .slides .slide.esben .layer:nth-of-type(8) {
        background-image: url("../img/home/contact/esben/nail-3.svg");
        -webkit-animation: esbenNail3 5s linear infinite;
        animation: esbenNail3 5s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 35% 32%;
        -ms-transform-origin: 35% 32%;
        transform-origin: 35% 32%; }

@-webkit-keyframes esbenNail3 {
  0% {
    -webkit-transform: translate(0%, 1%) scale(0.5);
    transform: translate(0%, 1%) scale(0.5);
    opacity: 1; }
  25% {
    -webkit-transform: translate(0%, 1%) scale(0.5);
    transform: translate(0%, 1%) scale(0.5);
    opacity: 1; }
  35% {
    -webkit-transform: translate(-0.5%, 6%) scale(1);
    transform: translate(-0.5%, 6%) scale(1);
    opacity: 0; }
  100% {
    -webkit-transform: translate(-0.5%, 6%) scale(1);
    transform: translate(-0.5%, 6%) scale(1);
    opacity: 0; } }

@keyframes esbenNail3 {
  0% {
    -webkit-transform: translate(0%, 1%) scale(0.5);
    transform: translate(0%, 1%) scale(0.5);
    opacity: 1; }
  25% {
    -webkit-transform: translate(0%, 1%) scale(0.5);
    transform: translate(0%, 1%) scale(0.5);
    opacity: 1; }
  35% {
    -webkit-transform: translate(-0.5%, 6%) scale(1);
    transform: translate(-0.5%, 6%) scale(1);
    opacity: 0; }
  100% {
    -webkit-transform: translate(-0.5%, 6%) scale(1);
    transform: translate(-0.5%, 6%) scale(1);
    opacity: 0; } }
      body[data-performance="high"] section#kontakt .slides .slide.esben .layer:nth-of-type(9), body[data-performance="high"]
      section#contact .slides .slide.esben .layer:nth-of-type(9) {
        background-image: url("../img/home/contact/esben/nail-4.svg");
        -webkit-animation: esbenNail4 5s linear infinite;
        animation: esbenNail4 5s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 35% 32%;
        -ms-transform-origin: 35% 32%;
        transform-origin: 35% 32%; }

@-webkit-keyframes esbenNail4 {
  0% {
    -webkit-transform: translate(0%, 1%) scale(0.5);
    transform: translate(0%, 1%) scale(0.5);
    opacity: 1; }
  45% {
    -webkit-transform: translate(0%, 1%) scale(0.5);
    transform: translate(0%, 1%) scale(0.5);
    opacity: 1; }
  55% {
    -webkit-transform: translate(-1%, 6%) scale(1);
    transform: translate(-1%, 6%) scale(1);
    opacity: 0; }
  100% {
    -webkit-transform: translate(-1%, 6%) scale(1);
    transform: translate(-1%, 6%) scale(1);
    opacity: 0; } }

@keyframes esbenNail4 {
  0% {
    -webkit-transform: translate(0%, 1%) scale(0.5);
    transform: translate(0%, 1%) scale(0.5);
    opacity: 1; }
  45% {
    -webkit-transform: translate(0%, 1%) scale(0.5);
    transform: translate(0%, 1%) scale(0.5);
    opacity: 1; }
  55% {
    -webkit-transform: translate(-1%, 6%) scale(1);
    transform: translate(-1%, 6%) scale(1);
    opacity: 0; }
  100% {
    -webkit-transform: translate(-1%, 6%) scale(1);
    transform: translate(-1%, 6%) scale(1);
    opacity: 0; } }
      body[data-performance="high"] section#kontakt .slides .slide.esben .layer:nth-of-type(10), body[data-performance="high"]
      section#contact .slides .slide.esben .layer:nth-of-type(10) {
        background-image: url("../img/home/contact/esben/nail-5.svg");
        -webkit-animation: esbenNail5 5s linear infinite;
        animation: esbenNail5 5s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 35% 32%;
        -ms-transform-origin: 35% 32%;
        transform-origin: 35% 32%; }

@-webkit-keyframes esbenNail5 {
  0% {
    -webkit-transform: translate(-1%, 1.5%) scale(0.5);
    transform: translate(-1%, 1.5%) scale(0.5);
    opacity: 1; }
  65% {
    -webkit-transform: translate(-1%, 1.5%) scale(0.5);
    transform: translate(-1%, 1.5%) scale(0.5);
    opacity: 1; }
  75% {
    -webkit-transform: translate(-2%, 7%) scale(1);
    transform: translate(-2%, 7%) scale(1);
    opacity: 0; }
  100% {
    -webkit-transform: translate(-2%, 7%) scale(1);
    transform: translate(-2%, 7%) scale(1);
    opacity: 0; } }

@keyframes esbenNail5 {
  0% {
    -webkit-transform: translate(-1%, 1.5%) scale(0.5);
    transform: translate(-1%, 1.5%) scale(0.5);
    opacity: 1; }
  65% {
    -webkit-transform: translate(-1%, 1.5%) scale(0.5);
    transform: translate(-1%, 1.5%) scale(0.5);
    opacity: 1; }
  75% {
    -webkit-transform: translate(-2%, 7%) scale(1);
    transform: translate(-2%, 7%) scale(1);
    opacity: 0; }
  100% {
    -webkit-transform: translate(-2%, 7%) scale(1);
    transform: translate(-2%, 7%) scale(1);
    opacity: 0; } }
      body[data-performance="high"] section#kontakt .slides .slide.esben .layer:nth-of-type(11), body[data-performance="high"]
      section#contact .slides .slide.esben .layer:nth-of-type(11) {
        background-image: url("../img/home/contact/esben/arm.svg");
        -webkit-animation: esbenArm 5s linear infinite;
        animation: esbenArm 5s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 25.5% 44.5%;
        -ms-transform-origin: 25.5% 44.5%;
        transform-origin: 25.5% 44.5%; }

@-webkit-keyframes esbenArm {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0) rotate(0deg);
    transform: translate3d(0%, 0%, 0) rotate(0deg); }
  5% {
    -webkit-transform: translate3d(1.25%, -0.75%, 0) rotate(0.125deg);
    transform: translate3d(1.25%, -0.75%, 0) rotate(0.125deg); }
  10% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); }
  15% {
    -webkit-transform: translate(1.5%, -1%) rotate(-0.25deg);
    transform: translate(1.5%, -1%) rotate(-0.25deg); }
  20% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); }
  25% {
    -webkit-transform: translate(1.75%, -1.25%) rotate(-0.5deg);
    transform: translate(1.75%, -1.25%) rotate(-0.5deg); }
  30% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); }
  40% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); }
  45% {
    -webkit-transform: translate(2%, -1.5%) rotate(0.25deg);
    transform: translate(2%, -1.5%) rotate(0.25deg); }
  50% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); }
  60% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); }
  65% {
    -webkit-transform: translate(1.5%, -1%) rotate(-0.25deg);
    transform: translate(1.5%, -1%) rotate(-0.25deg); }
  70% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); } }

@keyframes esbenArm {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0) rotate(0deg);
    transform: translate3d(0%, 0%, 0) rotate(0deg); }
  5% {
    -webkit-transform: translate3d(1.25%, -0.75%, 0) rotate(0.125deg);
    transform: translate3d(1.25%, -0.75%, 0) rotate(0.125deg); }
  10% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); }
  15% {
    -webkit-transform: translate(1.5%, -1%) rotate(-0.25deg);
    transform: translate(1.5%, -1%) rotate(-0.25deg); }
  20% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); }
  25% {
    -webkit-transform: translate(1.75%, -1.25%) rotate(-0.5deg);
    transform: translate(1.75%, -1.25%) rotate(-0.5deg); }
  30% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); }
  40% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); }
  45% {
    -webkit-transform: translate(2%, -1.5%) rotate(0.25deg);
    transform: translate(2%, -1.5%) rotate(0.25deg); }
  50% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); }
  60% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); }
  65% {
    -webkit-transform: translate(1.5%, -1%) rotate(-0.25deg);
    transform: translate(1.5%, -1%) rotate(-0.25deg); }
  70% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); } }
      body[data-performance="low"] section#kontakt .slides .slide.knud .layer:nth-of-type(1), body[data-performance="low"]
      section#contact .slides .slide.knud .layer:nth-of-type(1) {
        background-image: url("../img/home/contact/knud.svg"); }
      body[data-performance="high"] section#kontakt .slides .slide.knud .layer:nth-of-type(1), body[data-performance="high"]
      section#contact .slides .slide.knud .layer:nth-of-type(1) {
        background-image: url("../img/home/contact/knud/smoke.svg");
        -webkit-animation: knudSmoke 8s linear infinite;
        animation: knudSmoke 8s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 45% 54%;
        -ms-transform-origin: 45% 54%;
        transform-origin: 45% 54%; }

@-webkit-keyframes knudSmoke {
  0% {
    -webkit-transform: translate(0%, 20%) scale(0.2);
    transform: translate(0%, 20%) scale(0.2);
    opacity: 1; }
  25% {
    -webkit-transform: translate(0%, 0%) scale(0.7);
    transform: translate(0%, 0%) scale(0.7);
    opacity: 0.5; }
  50% {
    -webkit-transform: translate(0%, -20%) scale(1.2);
    transform: translate(0%, -20%) scale(1.2);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, -10%) scale(1);
    transform: translate(0%, -10%) scale(1);
    opacity: 0; } }

@keyframes knudSmoke {
  0% {
    -webkit-transform: translate(0%, 20%) scale(0.2);
    transform: translate(0%, 20%) scale(0.2);
    opacity: 1; }
  25% {
    -webkit-transform: translate(0%, 0%) scale(0.7);
    transform: translate(0%, 0%) scale(0.7);
    opacity: 0.5; }
  50% {
    -webkit-transform: translate(0%, -20%) scale(1.2);
    transform: translate(0%, -20%) scale(1.2);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, -10%) scale(1);
    transform: translate(0%, -10%) scale(1);
    opacity: 0; } }
      body[data-performance="high"] section#kontakt .slides .slide.knud .layer:nth-of-type(2), body[data-performance="high"]
      section#contact .slides .slide.knud .layer:nth-of-type(2) {
        background-image: url("../img/home/contact/knud/drop.svg");
        -webkit-animation: knudDrop 4s linear infinite;
        animation: knudDrop 4s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 44% 57.2%;
        -ms-transform-origin: 44% 57.2%;
        transform-origin: 44% 57.2%; }

@-webkit-keyframes knudDrop {
  0% {
    -webkit-transform: translate(0%, 0%) scale(0);
    transform: translate(0%, 0%) scale(0);
    opacity: 1; }
  71% {
    -webkit-transform: translate(0%, 0%) scale(0);
    transform: translate(0%, 0%) scale(0);
    opacity: 1; }
  80% {
    -webkit-transform: translate(0%, 0%) scale(0.5);
    transform: translate(0%, 0%) scale(0.5);
    opacity: 1; }
  89% {
    -webkit-transform: translate(0%, 0%) scale(0.5);
    transform: translate(0%, 0%) scale(0.5);
    opacity: 1; }
  98% {
    -webkit-transform: translate(0%, 15%) scale(1);
    transform: translate(0%, 15%) scale(1);
    opacity: 0.5; }
  100% {
    -webkit-transform: translate(0%, 15%) scale(1);
    transform: translate(0%, 15%) scale(1);
    opacity: 0.5; } }

@keyframes knudDrop {
  0% {
    -webkit-transform: translate(0%, 0%) scale(0);
    transform: translate(0%, 0%) scale(0);
    opacity: 1; }
  71% {
    -webkit-transform: translate(0%, 0%) scale(0);
    transform: translate(0%, 0%) scale(0);
    opacity: 1; }
  80% {
    -webkit-transform: translate(0%, 0%) scale(0.5);
    transform: translate(0%, 0%) scale(0.5);
    opacity: 1; }
  89% {
    -webkit-transform: translate(0%, 0%) scale(0.5);
    transform: translate(0%, 0%) scale(0.5);
    opacity: 1; }
  98% {
    -webkit-transform: translate(0%, 15%) scale(1);
    transform: translate(0%, 15%) scale(1);
    opacity: 0.5; }
  100% {
    -webkit-transform: translate(0%, 15%) scale(1);
    transform: translate(0%, 15%) scale(1);
    opacity: 0.5; } }
      body[data-performance="high"] section#kontakt .slides .slide.knud .layer:nth-of-type(3), body[data-performance="high"]
      section#contact .slides .slide.knud .layer:nth-of-type(3) {
        background-image: url("../img/home/contact/knud/worker.svg");
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 11.5% 23%;
        -ms-transform-origin: 11.5% 23%;
        transform-origin: 11.5% 23%; }
      body[data-performance="high"] section#kontakt .slides .slide.knud .layer:nth-of-type(4), body[data-performance="high"]
      section#contact .slides .slide.knud .layer:nth-of-type(4) {
        background-image: url("../img/home/contact/knud/arm.svg");
        -webkit-animation: knudArm 4s linear infinite;
        animation: knudArm 4s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 21.14% 79.5%;
        -ms-transform-origin: 21.14% 79.5%;
        transform-origin: 21.14% 79.5%; }

@-webkit-keyframes knudArm {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  13% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  30% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg); }
  40% {
    -webkit-transform: rotate(17.5deg);
    transform: rotate(17.5deg); }
  50% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg); }
  67% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes knudArm {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  13% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  30% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg); }
  40% {
    -webkit-transform: rotate(17.5deg);
    transform: rotate(17.5deg); }
  50% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg); }
  67% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
      body[data-performance="high"] section#kontakt .slides .slide.knud .layer:nth-of-type(5), body[data-performance="high"]
      section#contact .slides .slide.knud .layer:nth-of-type(5) {
        background-image: url("../img/home/contact/knud/eyes-open.svg");
        -webkit-animation: eyesOpen 6s linear infinite;
        animation: eyesOpen 6s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both; }
      body[data-performance="high"] section#kontakt .slides .slide.knud .layer:nth-of-type(6), body[data-performance="high"]
      section#contact .slides .slide.knud .layer:nth-of-type(6) {
        background-image: url("../img/home/contact/knud/eyes-closed.svg");
        -webkit-animation: eyesClosed 6s linear infinite;
        animation: eyesClosed 6s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both; }
      body[data-performance="low"] section#kontakt .slides .slide.kasper .layer:nth-of-type(1), body[data-performance="low"]
      section#contact .slides .slide.kasper .layer:nth-of-type(1) {
        background-image: url("../img/home/contact/knud.svg"); }
      body[data-performance="high"] section#kontakt .slides .slide.kasper .layer:nth-of-type(1), body[data-performance="high"]
      section#contact .slides .slide.kasper .layer:nth-of-type(1) {
        background-image: url("../img/home/contact/knud/smoke.svg");
        -webkit-animation: knudSmoke 8s linear infinite;
        animation: knudSmoke 8s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 45% 54%;
        -ms-transform-origin: 45% 54%;
        transform-origin: 45% 54%; }

@keyframes knudSmoke {
  0% {
    -webkit-transform: translate(0%, 20%) scale(0.2);
    transform: translate(0%, 20%) scale(0.2);
    opacity: 1; }
  25% {
    -webkit-transform: translate(0%, 0%) scale(0.7);
    transform: translate(0%, 0%) scale(0.7);
    opacity: 0.5; }
  50% {
    -webkit-transform: translate(0%, -20%) scale(1.2);
    transform: translate(0%, -20%) scale(1.2);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, -10%) scale(1);
    transform: translate(0%, -10%) scale(1);
    opacity: 0; } }
      body[data-performance="high"] section#kontakt .slides .slide.kasper .layer:nth-of-type(2), body[data-performance="high"]
      section#contact .slides .slide.kasper .layer:nth-of-type(2) {
        background-image: url("../img/home/contact/knud/drop.svg");
        -webkit-animation: knudDrop 4s linear infinite;
        animation: knudDrop 4s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 44% 57.2%;
        -ms-transform-origin: 44% 57.2%;
        transform-origin: 44% 57.2%; }

@keyframes knudDrop {
  0% {
    -webkit-transform: translate(0%, 0%) scale(0);
    transform: translate(0%, 0%) scale(0);
    opacity: 1; }
  71% {
    -webkit-transform: translate(0%, 0%) scale(0);
    transform: translate(0%, 0%) scale(0);
    opacity: 1; }
  80% {
    -webkit-transform: translate(0%, 0%) scale(0.5);
    transform: translate(0%, 0%) scale(0.5);
    opacity: 1; }
  89% {
    -webkit-transform: translate(0%, 0%) scale(0.5);
    transform: translate(0%, 0%) scale(0.5);
    opacity: 1; }
  98% {
    -webkit-transform: translate(0%, 15%) scale(1);
    transform: translate(0%, 15%) scale(1);
    opacity: 0.5; }
  100% {
    -webkit-transform: translate(0%, 15%) scale(1);
    transform: translate(0%, 15%) scale(1);
    opacity: 0.5; } }
      body[data-performance="high"] section#kontakt .slides .slide.kasper .layer:nth-of-type(3), body[data-performance="high"]
      section#contact .slides .slide.kasper .layer:nth-of-type(3) {
        background-image: url("../img/home/contact/knud/worker.svg");
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 11.5% 23%;
        -ms-transform-origin: 11.5% 23%;
        transform-origin: 11.5% 23%; }
      body[data-performance="high"] section#kontakt .slides .slide.kasper .layer:nth-of-type(4), body[data-performance="high"]
      section#contact .slides .slide.kasper .layer:nth-of-type(4) {
        background-image: url("../img/home/contact/knud/arm.svg");
        -webkit-animation: knudArm 4s linear infinite;
        animation: knudArm 4s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 21.14% 79.5%;
        -ms-transform-origin: 21.14% 79.5%;
        transform-origin: 21.14% 79.5%; }

@keyframes knudArm {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  13% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  30% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg); }
  40% {
    -webkit-transform: rotate(17.5deg);
    transform: rotate(17.5deg); }
  50% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg); }
  67% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
      body[data-performance="high"] section#kontakt .slides .slide.kasper .layer:nth-of-type(5), body[data-performance="high"]
      section#contact .slides .slide.kasper .layer:nth-of-type(5) {
        background-image: url("../img/home/contact/knud/eyes-open.svg");
        -webkit-animation: eyesOpen 6s linear infinite;
        animation: eyesOpen 6s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both; }
      body[data-performance="high"] section#kontakt .slides .slide.kasper .layer:nth-of-type(6), body[data-performance="high"]
      section#contact .slides .slide.kasper .layer:nth-of-type(6) {
        background-image: url("../img/home/contact/knud/eyes-closed.svg");
        -webkit-animation: eyesClosed 6s linear infinite;
        animation: eyesClosed 6s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both; }
      body[data-performance="low"] section#kontakt .slides .slide.michael .layer:nth-of-type(1), body[data-performance="low"]
      section#contact .slides .slide.michael .layer:nth-of-type(1) {
        background-image: url("../img/home/contact/esben.svg"); }
      body[data-performance="high"] section#kontakt .slides .slide.michael .layer:nth-of-type(1), body[data-performance="high"]
      section#contact .slides .slide.michael .layer:nth-of-type(1) {
        background-image: url("../img/home/contact/esben/worker.svg"); }
      body[data-performance="high"] section#kontakt .slides .slide.michael .layer:nth-of-type(2), body[data-performance="high"]
      section#contact .slides .slide.michael .layer:nth-of-type(2) {
        background-image: url("../img/home/contact/esben/antenna-1.svg");
        -webkit-animation: esbenAntenna1 6s linear infinite;
        animation: esbenAntenna1 6s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 14.25% 31.5%;
        -ms-transform-origin: 14.25% 31.5%;
        transform-origin: 14.25% 31.5%; }

@keyframes esbenAntenna1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  15% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  30% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  65% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
      body[data-performance="high"] section#kontakt .slides .slide.michael .layer:nth-of-type(3), body[data-performance="high"]
      section#contact .slides .slide.michael .layer:nth-of-type(3) {
        background-image: url("../img/home/contact/esben/antenna-2.svg");
        -webkit-animation: esbenAntenna2 6s linear infinite;
        animation: esbenAntenna2 6s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 18% 28%;
        -ms-transform-origin: 18% 28%;
        transform-origin: 18% 28%; }

@keyframes esbenAntenna2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  15% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg); }
  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg); }
  30% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  65% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg); }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
      body[data-performance="high"] section#kontakt .slides .slide.michael .layer:nth-of-type(4), body[data-performance="high"]
      section#contact .slides .slide.michael .layer:nth-of-type(4) {
        background-image: url("../img/home/contact/esben/eyes-open.svg");
        -webkit-animation: eyesOpen 6s linear infinite;
        animation: eyesOpen 6s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both; }
      body[data-performance="high"] section#kontakt .slides .slide.michael .layer:nth-of-type(5), body[data-performance="high"]
      section#contact .slides .slide.michael .layer:nth-of-type(5) {
        background-image: url("../img/home/contact/esben/eyes-closed.svg");
        -webkit-animation: eyesClosed 6s linear infinite;
        animation: eyesClosed 6s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both; }
      body[data-performance="high"] section#kontakt .slides .slide.michael .layer:nth-of-type(6), body[data-performance="high"]
      section#contact .slides .slide.michael .layer:nth-of-type(6) {
        background-image: url("../img/home/contact/esben/nail-1.svg");
        -webkit-animation: esbenNail1 5s linear infinite;
        animation: esbenNail1 5s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 35% 32%;
        -ms-transform-origin: 35% 32%;
        transform-origin: 35% 32%; }

@keyframes esbenNail1 {
  0% {
    -webkit-transform: translate(0%, 1.5%) scale(0.5);
    transform: translate(0%, 1.5%) scale(0.5);
    opacity: 1; }
  5% {
    -webkit-transform: translate(0%, 1.5%) scale(0.5);
    transform: translate(0%, 1.5%) scale(0.5);
    opacity: 1; }
  15% {
    -webkit-transform: translate(0%, 5%) scale(1);
    transform: translate(0%, 5%) scale(1);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0%, 5%) scale(1);
    transform: translate(0%, 5%) scale(1);
    opacity: 0; } }
      body[data-performance="high"] section#kontakt .slides .slide.michael .layer:nth-of-type(7), body[data-performance="high"]
      section#contact .slides .slide.michael .layer:nth-of-type(7) {
        background-image: url("../img/home/contact/esben/nail-2.svg");
        -webkit-animation: esbenNail2 5s linear infinite;
        animation: esbenNail2 5s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 35% 32%;
        -ms-transform-origin: 35% 32%;
        transform-origin: 35% 32%; }

@keyframes esbenNail2 {
  0% {
    -webkit-transform: translate(0%, 2.5%) scale(0.5);
    transform: translate(0%, 2.5%) scale(0.5);
    opacity: 1; }
  15% {
    -webkit-transform: translate(0%, 2.5%) scale(0.5);
    transform: translate(0%, 2.5%) scale(0.5);
    opacity: 1; }
  25% {
    -webkit-transform: translate(-1%, 10%) scale(1);
    transform: translate(-1%, 10%) scale(1);
    opacity: 0; }
  100% {
    -webkit-transform: translate(-1%, 10%) scale(1);
    transform: translate(-1%, 10%) scale(1);
    opacity: 0; } }
      body[data-performance="high"] section#kontakt .slides .slide.michael .layer:nth-of-type(8), body[data-performance="high"]
      section#contact .slides .slide.michael .layer:nth-of-type(8) {
        background-image: url("../img/home/contact/esben/nail-3.svg");
        -webkit-animation: esbenNail3 5s linear infinite;
        animation: esbenNail3 5s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 35% 32%;
        -ms-transform-origin: 35% 32%;
        transform-origin: 35% 32%; }

@keyframes esbenNail3 {
  0% {
    -webkit-transform: translate(0%, 1%) scale(0.5);
    transform: translate(0%, 1%) scale(0.5);
    opacity: 1; }
  25% {
    -webkit-transform: translate(0%, 1%) scale(0.5);
    transform: translate(0%, 1%) scale(0.5);
    opacity: 1; }
  35% {
    -webkit-transform: translate(-0.5%, 6%) scale(1);
    transform: translate(-0.5%, 6%) scale(1);
    opacity: 0; }
  100% {
    -webkit-transform: translate(-0.5%, 6%) scale(1);
    transform: translate(-0.5%, 6%) scale(1);
    opacity: 0; } }
      body[data-performance="high"] section#kontakt .slides .slide.michael .layer:nth-of-type(9), body[data-performance="high"]
      section#contact .slides .slide.michael .layer:nth-of-type(9) {
        background-image: url("../img/home/contact/esben/nail-4.svg");
        -webkit-animation: esbenNail4 5s linear infinite;
        animation: esbenNail4 5s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 35% 32%;
        -ms-transform-origin: 35% 32%;
        transform-origin: 35% 32%; }

@keyframes esbenNail4 {
  0% {
    -webkit-transform: translate(0%, 1%) scale(0.5);
    transform: translate(0%, 1%) scale(0.5);
    opacity: 1; }
  45% {
    -webkit-transform: translate(0%, 1%) scale(0.5);
    transform: translate(0%, 1%) scale(0.5);
    opacity: 1; }
  55% {
    -webkit-transform: translate(-1%, 6%) scale(1);
    transform: translate(-1%, 6%) scale(1);
    opacity: 0; }
  100% {
    -webkit-transform: translate(-1%, 6%) scale(1);
    transform: translate(-1%, 6%) scale(1);
    opacity: 0; } }
      body[data-performance="high"] section#kontakt .slides .slide.michael .layer:nth-of-type(10), body[data-performance="high"]
      section#contact .slides .slide.michael .layer:nth-of-type(10) {
        background-image: url("../img/home/contact/esben/nail-5.svg");
        -webkit-animation: esbenNail5 5s linear infinite;
        animation: esbenNail5 5s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 35% 32%;
        -ms-transform-origin: 35% 32%;
        transform-origin: 35% 32%; }

@keyframes esbenNail5 {
  0% {
    -webkit-transform: translate(-1%, 1.5%) scale(0.5);
    transform: translate(-1%, 1.5%) scale(0.5);
    opacity: 1; }
  65% {
    -webkit-transform: translate(-1%, 1.5%) scale(0.5);
    transform: translate(-1%, 1.5%) scale(0.5);
    opacity: 1; }
  75% {
    -webkit-transform: translate(-2%, 7%) scale(1);
    transform: translate(-2%, 7%) scale(1);
    opacity: 0; }
  100% {
    -webkit-transform: translate(-2%, 7%) scale(1);
    transform: translate(-2%, 7%) scale(1);
    opacity: 0; } }
      body[data-performance="high"] section#kontakt .slides .slide.michael .layer:nth-of-type(11), body[data-performance="high"]
      section#contact .slides .slide.michael .layer:nth-of-type(11) {
        background-image: url("../img/home/contact/esben/arm.svg");
        -webkit-animation: esbenArm 5s linear infinite;
        animation: esbenArm 5s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform-origin: 25.5% 44.5%;
        -ms-transform-origin: 25.5% 44.5%;
        transform-origin: 25.5% 44.5%; }

@keyframes esbenArm {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0) rotate(0deg);
    transform: translate3d(0%, 0%, 0) rotate(0deg); }
  5% {
    -webkit-transform: translate3d(1.25%, -0.75%, 0) rotate(0.125deg);
    transform: translate3d(1.25%, -0.75%, 0) rotate(0.125deg); }
  10% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); }
  15% {
    -webkit-transform: translate(1.5%, -1%) rotate(-0.25deg);
    transform: translate(1.5%, -1%) rotate(-0.25deg); }
  20% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); }
  25% {
    -webkit-transform: translate(1.75%, -1.25%) rotate(-0.5deg);
    transform: translate(1.75%, -1.25%) rotate(-0.5deg); }
  30% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); }
  40% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); }
  45% {
    -webkit-transform: translate(2%, -1.5%) rotate(0.25deg);
    transform: translate(2%, -1.5%) rotate(0.25deg); }
  50% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); }
  60% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); }
  65% {
    -webkit-transform: translate(1.5%, -1%) rotate(-0.25deg);
    transform: translate(1.5%, -1%) rotate(-0.25deg); }
  70% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg); } }
      section#kontakt .slides .slide .layers .layer,
      section#contact .slides .slide .layers .layer {
        -webkit-animation-play-state: paused !important;
        animation-play-state: paused !important; }
      section#kontakt .slides .slide.active,
      section#contact .slides .slide.active {
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%); }
        section#kontakt .slides .slide.active .layers .layer,
        section#contact .slides .slide.active .layers .layer {
          -webkit-animation-play-state: running !important;
          animation-play-state: running !important; }
      section#kontakt .slides .slide.out,
      section#contact .slides .slide.out {
        -webkit-animation: 1.5s slideOut cubic-bezier(0.44, -0.13, 0.3, 1.07);
        animation: 1.5s slideOut cubic-bezier(0.44, -0.13, 0.3, 1.07);
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        z-index: 1; }
      section#kontakt .slides .slide.in,
      section#contact .slides .slide.in {
        -webkit-animation: 1.5s slideIn cubic-bezier(0.44, -0.13, 0.3, 1.07);
        animation: 1.5s slideIn cubic-bezier(0.44, -0.13, 0.3, 1.07);
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        z-index: 2; }
  section#kontakt .info-box,
  section#contact .info-box {
    position: absolute;
    top: 1.875rem;
    right: 1.875rem;
    width: 600px;
    padding: 3.75rem 3.75rem 2.8125rem;
    background-color: rgba(255, 255, 255, 0.9);
    overflow: hidden;
    z-index: 950; }
    @media (min-width: 1920px) {
      section#kontakt .info-box,
      section#contact .info-box {
        right: 7.5rem;
        top: 7.5rem;
        width: 960px; } }
    @media (max-width: 1919px) {
      section#kontakt .info-box,
      section#contact .info-box {
        right: 3.75rem;
        top: 3.75rem;
        width: 740px; } }
    @media (max-width: 1479px) {
      section#kontakt .info-box,
      section#contact .info-box {
        width: 600px; } }
    @media (max-width: 1199px) {
      section#kontakt .info-box,
      section#contact .info-box {
        right: 1.875rem;
        top: 1.875rem; } }
    section#kontakt .info-box .contact-logo,
    section#contact .info-box .contact-logo {
      width: 18.75rem;
      margin: 0 0 1.875rem; }
    @media (min-width: 1200px) {
      section#kontakt .info-box p,
      section#contact .info-box p {
        font-size: 1.5rem; } }

@-webkit-keyframes eyesOpen {
  0% {
    opacity: 1; }
  60% {
    opacity: 1; }
  60.01% {
    opacity: 0; }
  63% {
    opacity: 0; }
  63.01% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes eyesOpen {
  0% {
    opacity: 1; }
  60% {
    opacity: 1; }
  60.01% {
    opacity: 0; }
  63% {
    opacity: 0; }
  63.01% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@-webkit-keyframes eyesClosed {
  0% {
    opacity: 0; }
  60% {
    opacity: 0; }
  60.01% {
    opacity: 1; }
  63% {
    opacity: 1; }
  63.01% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes eyesClosed {
  0% {
    opacity: 0; }
  60% {
    opacity: 0; }
  60.01% {
    opacity: 1; }
  63% {
    opacity: 1; }
  63.01% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: translate(-150%, 0%);
    transform: translate(-150%, 0%); }
  100% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); } }

@keyframes slideIn {
  0% {
    -webkit-transform: translate(-150%, 0%);
    transform: translate(-150%, 0%); }
  100% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); } }

@-webkit-keyframes slideOut {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
  100% {
    -webkit-transform: translate(150%, 0%);
    transform: translate(150%, 0%); } }

@keyframes slideOut {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
  100% {
    -webkit-transform: translate(150%, 0%);
    transform: translate(150%, 0%); } }

.page-cases {
  position: relative;
  width: 100%;
  background-color: #fff;
  z-index: 200;
  overflow: hidden;
  pointer-events: none;
  display: none;
  padding-top: 3.75rem; }
  .page-cases .divider {
    display: block;
    width: -webkit-calc(100% - 3.75rem);
    width: calc(100% - 3.75rem);
    height: 6px;
    background-color: #000;
    margin: 3.75rem 1.875rem 7.5rem; }
    .page-cases .divider.local {
      opacity: 0.5; }
  @media (max-width: 991px) {
    .page-cases {
      padding-top: 2.8125rem; } }
  @media (max-width: 767px) {
    .page-cases {
      padding-top: 0.9375rem; } }
  body[data-uri*="cases"] .page-cases {
    display: inline-block;
    pointer-events: all; }
  .page-cases.out {
    opacity: 0.5;
    -webkit-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out; }
    body[data-browser="safari"][data-device="false"] .page-cases.out {
      opacity: 1; }
  @media (min-width: 992px) {
    .page-cases .column {
      padding: 0 1.875rem; } }
  @media (max-width: 991px) {
    .page-cases .column {
      padding: 0; } }

body.subpage .cases-section .case,
body.subpage .cases-section .skill,
body.subpage .skills-section .case,
body.subpage .skills-section .skill {
  width: 100%;
  display: inline-block;
  margin-bottom: 3.75rem; }
  body.subpage .cases-section .case.local,
  body.subpage .cases-section .skill.local,
  body.subpage .skills-section .case.local,
  body.subpage .skills-section .skill.local {
    opacity: 0.5; }
  body.subpage .cases-section .case .case-image,
  body.subpage .cases-section .case .skill-image,
  body.subpage .cases-section .skill .case-image,
  body.subpage .cases-section .skill .skill-image,
  body.subpage .skills-section .case .case-image,
  body.subpage .skills-section .case .skill-image,
  body.subpage .skills-section .skill .case-image,
  body.subpage .skills-section .skill .skill-image {
    position: relative;
    display: inline-block;
    width: 100%;
    height: -webkit-calc(100vw - 4.6875rem);
    height: calc(100vw - 4.6875rem);
    background-color: #f3f3f3;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden; }
    @media (min-width: 992px) {
      body.subpage .cases-section .case .case-image,
      body.subpage .cases-section .case .skill-image,
      body.subpage .cases-section .skill .case-image,
      body.subpage .cases-section .skill .skill-image,
      body.subpage .skills-section .case .case-image,
      body.subpage .skills-section .case .skill-image,
      body.subpage .skills-section .skill .case-image,
      body.subpage .skills-section .skill .skill-image {
        margin-bottom: 1.875rem; } }
    @media (min-width: 1920px) {
      body.subpage .cases-section .case .case-image,
      body.subpage .cases-section .case .skill-image,
      body.subpage .cases-section .skill .case-image,
      body.subpage .cases-section .skill .skill-image,
      body.subpage .skills-section .case .case-image,
      body.subpage .skills-section .case .skill-image,
      body.subpage .skills-section .skill .case-image,
      body.subpage .skills-section .skill .skill-image {
        height: 23.4375rem; } }

@media (min-width: 1480px) and (max-width: 1919px) {
  body.subpage .cases-section .case .case-image,
  body.subpage .cases-section .case .skill-image,
  body.subpage .cases-section .skill .case-image,
  body.subpage .cases-section .skill .skill-image,
  body.subpage .skills-section .case .case-image,
  body.subpage .skills-section .case .skill-image,
  body.subpage .skills-section .skill .case-image,
  body.subpage .skills-section .skill .skill-image {
    height: 24.375rem; } }

@media (min-width: 1200px) and (max-width: 1479px) {
  body.subpage .cases-section .case .case-image,
  body.subpage .cases-section .case .skill-image,
  body.subpage .cases-section .skill .case-image,
  body.subpage .cases-section .skill .skill-image,
  body.subpage .skills-section .case .case-image,
  body.subpage .skills-section .case .skill-image,
  body.subpage .skills-section .skill .case-image,
  body.subpage .skills-section .skill .skill-image {
    height: 19.36875rem; } }

@media (min-width: 992px) and (max-width: 1199px) {
  body.subpage .cases-section .case .case-image,
  body.subpage .cases-section .case .skill-image,
  body.subpage .cases-section .skill .case-image,
  body.subpage .cases-section .skill .skill-image,
  body.subpage .skills-section .case .case-image,
  body.subpage .skills-section .case .skill-image,
  body.subpage .skills-section .skill .case-image,
  body.subpage .skills-section .skill .skill-image {
    height: 24.375rem; } }

@media (min-width: 768px) and (max-width: 991px) {
  body.subpage .cases-section .case .case-image,
  body.subpage .cases-section .case .skill-image,
  body.subpage .cases-section .skill .case-image,
  body.subpage .cases-section .skill .skill-image,
  body.subpage .skills-section .case .case-image,
  body.subpage .skills-section .case .skill-image,
  body.subpage .skills-section .skill .case-image,
  body.subpage .skills-section .skill .skill-image {
    height: 40.5rem; } }
    body.subpage .cases-section .case .case-image:before, body.subpage .cases-section .case .case-image:after,
    body.subpage .cases-section .case .skill-image:before,
    body.subpage .cases-section .case .skill-image:after,
    body.subpage .cases-section .skill .case-image:before,
    body.subpage .cases-section .skill .case-image:after,
    body.subpage .cases-section .skill .skill-image:before,
    body.subpage .cases-section .skill .skill-image:after,
    body.subpage .skills-section .case .case-image:before,
    body.subpage .skills-section .case .case-image:after,
    body.subpage .skills-section .case .skill-image:before,
    body.subpage .skills-section .case .skill-image:after,
    body.subpage .skills-section .skill .case-image:before,
    body.subpage .skills-section .skill .case-image:after,
    body.subpage .skills-section .skill .skill-image:before,
    body.subpage .skills-section .skill .skill-image:after {
      content: '';
      position: absolute;
      width: 75rem;
      height: 150rem;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      -webkit-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center;
      background-color: rgba(255, 255, 255, 0.5);
      -webkit-transition: top 400ms ease-in-out, left 400ms ease-in-out;
      transition: top 400ms ease-in-out, left 400ms ease-in-out;
      pointer-events: none; }
    body.subpage .cases-section .case .case-image:before,
    body.subpage .cases-section .case .skill-image:before,
    body.subpage .cases-section .skill .case-image:before,
    body.subpage .cases-section .skill .skill-image:before,
    body.subpage .skills-section .case .case-image:before,
    body.subpage .skills-section .case .skill-image:before,
    body.subpage .skills-section .skill .case-image:before,
    body.subpage .skills-section .skill .skill-image:before {
      top: -37.5rem;
      left: -75rem;
      z-index: 10; }
    body.subpage .cases-section .case .case-image:after,
    body.subpage .cases-section .case .skill-image:after,
    body.subpage .cases-section .skill .case-image:after,
    body.subpage .cases-section .skill .skill-image:after,
    body.subpage .skills-section .case .case-image:after,
    body.subpage .skills-section .case .skill-image:after,
    body.subpage .skills-section .skill .case-image:after,
    body.subpage .skills-section .skill .skill-image:after {
      top: -webkit-calc(100% + 37.5rem);
      top: calc(100% + 37.5rem);
      left: -webkit-calc(100% + 75rem);
      left: calc(100% + 75rem);
      -webkit-transition-delay: 200ms;
      transition-delay: 200ms;
      z-index: 20; }
    body.subpage .cases-section .case .case-image .icon,
    body.subpage .cases-section .case .skill-image .icon,
    body.subpage .cases-section .skill .case-image .icon,
    body.subpage .cases-section .skill .skill-image .icon,
    body.subpage .skills-section .case .case-image .icon,
    body.subpage .skills-section .case .skill-image .icon,
    body.subpage .skills-section .skill .case-image .icon,
    body.subpage .skills-section .skill .skill-image .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 5.625rem;
      opacity: 0;
      z-index: 25;
      -webkit-transition: opacity 400ms ease-in-out;
      transition: opacity 400ms ease-in-out; }
      body.subpage .cases-section .case .case-image .icon svg,
      body.subpage .cases-section .case .skill-image .icon svg,
      body.subpage .cases-section .skill .case-image .icon svg,
      body.subpage .cases-section .skill .skill-image .icon svg,
      body.subpage .skills-section .case .case-image .icon svg,
      body.subpage .skills-section .case .skill-image .icon svg,
      body.subpage .skills-section .skill .case-image .icon svg,
      body.subpage .skills-section .skill .skill-image .icon svg {
        width: 100%;
        height: auto;
        fill: #fff; }
  body.subpage .cases-section .case .case-description,
  body.subpage .cases-section .case .skill-description,
  body.subpage .cases-section .skill .case-description,
  body.subpage .cases-section .skill .skill-description,
  body.subpage .skills-section .case .case-description,
  body.subpage .skills-section .case .skill-description,
  body.subpage .skills-section .skill .case-description,
  body.subpage .skills-section .skill .skill-description {
    display: inline-block;
    width: 100%;
    padding: 1.875rem 0;
    border-bottom: 6px solid #000;
    -webkit-transition: border-top 400ms ease-in-out;
    transition: border-top 400ms ease-in-out; }
    @media (min-width: 992px) {
      body.subpage .cases-section .case .case-description,
      body.subpage .cases-section .case .skill-description,
      body.subpage .cases-section .skill .case-description,
      body.subpage .cases-section .skill .skill-description,
      body.subpage .skills-section .case .case-description,
      body.subpage .skills-section .case .skill-description,
      body.subpage .skills-section .skill .case-description,
      body.subpage .skills-section .skill .skill-description {
        border-top: 2px solid #000;
        height: 15rem; } }
    @media (min-width: 1200px) {
      body.subpage .cases-section .case .case-description,
      body.subpage .cases-section .case .skill-description,
      body.subpage .cases-section .skill .case-description,
      body.subpage .cases-section .skill .skill-description,
      body.subpage .skills-section .case .case-description,
      body.subpage .skills-section .case .skill-description,
      body.subpage .skills-section .skill .case-description,
      body.subpage .skills-section .skill .skill-description {
        height: 18.75rem; } }
    @media (min-width: 1480px) {
      body.subpage .cases-section .case .case-description,
      body.subpage .cases-section .case .skill-description,
      body.subpage .cases-section .skill .case-description,
      body.subpage .cases-section .skill .skill-description,
      body.subpage .skills-section .case .case-description,
      body.subpage .skills-section .case .skill-description,
      body.subpage .skills-section .skill .case-description,
      body.subpage .skills-section .skill .skill-description {
        height: 17.8125rem; } }
    body.subpage .cases-section .case .case-description h4,
    body.subpage .cases-section .case .skill-description h4,
    body.subpage .cases-section .skill .case-description h4,
    body.subpage .cases-section .skill .skill-description h4,
    body.subpage .skills-section .case .case-description h4,
    body.subpage .skills-section .case .skill-description h4,
    body.subpage .skills-section .skill .case-description h4,
    body.subpage .skills-section .skill .skill-description h4 {
      -webkit-transition: color 400ms ease-in-out;
      transition: color 400ms ease-in-out; }
    body.subpage .cases-section .case .case-description p,
    body.subpage .cases-section .case .skill-description p,
    body.subpage .cases-section .skill .case-description p,
    body.subpage .cases-section .skill .skill-description p,
    body.subpage .skills-section .case .case-description p,
    body.subpage .skills-section .case .skill-description p,
    body.subpage .skills-section .skill .case-description p,
    body.subpage .skills-section .skill .skill-description p {
      margin-bottom: 0; }

body[data-touch="false"].subpage .cases-section .case:hover .case-image:before,
body[data-touch="false"].subpage .cases-section .case:hover .skill-image:before,
body[data-touch="false"].subpage .cases-section .case:hover .case-image:after,
body[data-touch="false"].subpage .cases-section .case:hover .skill-image:after,
body[data-touch="false"].subpage .skills-section .skill:hover .case-image:before,
body[data-touch="false"].subpage .skills-section .skill:hover .skill-image:before,
body[data-touch="false"].subpage .skills-section .skill:hover .case-image:after,
body[data-touch="false"].subpage .skills-section .skill:hover .skill-image:after {
  top: 50%;
  left: 50%; }

body[data-touch="false"].subpage .cases-section .case:hover .case-image .icon,
body[data-touch="false"].subpage .cases-section .case:hover .skill-image .icon,
body[data-touch="false"].subpage .skills-section .skill:hover .case-image .icon,
body[data-touch="false"].subpage .skills-section .skill:hover .skill-image .icon {
  opacity: 1;
  -webkit-transition: opacity 400ms ease-in-out 200ms;
  transition: opacity 400ms ease-in-out 200ms; }

.page-process.out {
  opacity: 0.5;
  -webkit-transition: opacity 400ms ease-in-out;
  transition: opacity 400ms ease-in-out; }
  body[data-browser="safari"][data-device="false"] .page-process.out {
    opacity: 1; }

.page-process .illustration-slider {
  position: relative;
  width: 100%;
  height: -webkit-calc(100vw - 0.9375rem);
  height: calc(100vw - 0.9375rem); }

@media (min-width: 992px) and (max-width: 1199px) {
  .page-process .illustration-slider {
    height: 24.9375rem; } }

@media (min-width: 768px) and (max-width: 991px) {
  .page-process .illustration-slider {
    height: 42.375rem; } }
  .page-process .illustration-slider .illustration {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0; }
    .page-process .illustration-slider .illustration img {
      margin: 20%;
      width: 60%;
      height: auto; }
    .page-process .illustration-slider .illustration.active {
      opacity: 1; }
    .page-process .illustration-slider .illustration.out {
      -webkit-animation: 750ms fadeToLeft20 ease-in-out;
      animation: 750ms fadeToLeft20 ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    .page-process .illustration-slider .illustration.in {
      -webkit-animation: 750ms fadeFromRight20 ease-in-out 750ms;
      animation: 750ms fadeFromRight20 ease-in-out 750ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }

@media (min-width: 992px) {
  .page-process h1, .page-process h2, .page-process h3, .page-process h4, .page-process h5, .page-process h6 {
    margin-bottom: 1.875rem; }
  .page-process p {
    font-size: 1.5rem;
    line-height: 1.2em;
    margin-top: 1.875rem; } }

@media (min-width: 1480px) {
  .page-process p {
    font-size: 2rem;
    line-height: 1.2em; } }

@media (max-width: 1199px) {
  .page-process section[data-section="process-1"] {
    margin-top: 9.375rem; } }

@media (max-width: 767px) {
  .page-process section[data-section="process-1"] {
    margin-top: 1.875rem; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .page-process section[data-section="process-1"] .illustration-1 {
    margin-top: 3.75rem; } }

@media (min-width: 1480px) and (max-width: 1919px) {
  .page-process section[data-section="process-1"] .illustration-1 {
    margin-top: -1.875rem; } }

@media (min-width: 1920px) {
  .page-process section[data-section="process-1"] .illustration-1 {
    margin-top: -3.75rem; } }

body[data-performance="high"] .page-process section[data-section="process-1"] .illustration-1 img:nth-of-type(2) {
  -webkit-animation: fadeFromBottom 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 400ms;
  animation: fadeFromBottom 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 400ms; }

body[data-performance="high"] .page-process section[data-section="process-1"] .illustration-1 img:nth-of-type(3) {
  -webkit-animation: fadeFromBottom 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 600ms;
  animation: fadeFromBottom 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 600ms; }

body[data-performance="high"] .page-process section[data-section="process-1"] .illustration-1 img:nth-of-type(4) {
  -webkit-animation: fadeFromBottom 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 800ms;
  animation: fadeFromBottom 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 800ms; }

body[data-performance="high"] .page-process section[data-section="process-1"] .illustration-1 img:nth-of-type(5) {
  -webkit-animation: fadeFromBottom 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 1000ms;
  animation: fadeFromBottom 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 1000ms; }

body[data-performance="high"] .page-process section[data-section="process-1"] .illustration-1 img:nth-of-type(6) {
  -webkit-animation: fadeFromBottom 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 1200ms;
  animation: fadeFromBottom 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 1200ms; }

body[data-performance="high"] .page-process section[data-section="process-1"] .illustration-1 img {
  -webkit-animation-fill-mode: both !important;
  animation-fill-mode: both !important;
  -webkit-animation-play-state: paused !important;
  animation-play-state: paused !important; }

body[data-performance="high"] .page-process section[data-section="process-1"] .illustration-1 .inview.active img {
  -webkit-animation-play-state: running !important;
  animation-play-state: running !important; }

.page-process section[data-section="process-2"] .illustration-2 {
  margin-top: 3.75rem; }
  body[data-performance="high"] .page-process section[data-section="process-2"] .illustration-2 img:nth-of-type(2) {
    -webkit-animation: fadeFromBottom 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 400ms;
    animation: fadeFromBottom 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 400ms; }
  body[data-performance="high"] .page-process section[data-section="process-2"] .illustration-2 img:nth-of-type(3) {
    -webkit-animation: fadeFromBottom 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 600ms;
    animation: fadeFromBottom 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 600ms; }
  body[data-performance="high"] .page-process section[data-section="process-2"] .illustration-2 img:nth-of-type(4) {
    -webkit-animation: fadeFromBottom 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 800ms;
    animation: fadeFromBottom 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 800ms; }
  body[data-performance="high"] .page-process section[data-section="process-2"] .illustration-2 img:nth-of-type(5) {
    -webkit-animation: fadeFromBottom 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 1000ms;
    animation: fadeFromBottom 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 1000ms; }
  body[data-performance="high"] .page-process section[data-section="process-2"] .illustration-2 img {
    -webkit-animation-fill-mode: both !important;
    animation-fill-mode: both !important;
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important; }
  body[data-performance="high"] .page-process section[data-section="process-2"] .illustration-2 .inview.active img {
    -webkit-animation-play-state: running !important;
    animation-play-state: running !important; }

@media (min-width: 992px) {
  .page-process section[data-section="process-3"] .illustration-3-1,
  .page-process section[data-section="process-3"] .illustration-3-2,
  .page-process section[data-section="process-3"] .illustration-3-3 {
    padding: 3.75rem 3.75rem 0; } }

@media (min-width: 768px) {
  .page-process section[data-section="process-4"] .illustration-4-1,
  .page-process section[data-section="process-4"] .illustration-4-2,
  .page-process section[data-section="process-4"] .illustration-4-3,
  .page-process section[data-section="process-4"] .illustration-4-4 {
    padding: 3.75rem 3.75rem 0; } }

.page-process section[data-section="process-5"] {
  position: relative; }
  .page-process section[data-section="process-5"]:before {
    content: '';
    position: absolute;
    top: 14%;
    left: 50%;
    width: 145%;
    height: 77%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url("../img/process/illustration-line.svg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain; }
  .page-process section[data-section="process-5"] .illustration {
    display: inline-block;
    width: 100%; }
  .page-process section[data-section="process-5"] .textbox {
    display: inline-block;
    width: 100%; }
    .page-process section[data-section="process-5"] .textbox.center {
      text-align: center; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-2 img:nth-of-type(2) {
    -webkit-animation: process52 6000ms cubic-bezier(0.645, 0.045, 0.355, 1) 500ms infinite;
    animation: process52 6000ms cubic-bezier(0.645, 0.045, 0.355, 1) 500ms infinite;
    -webkit-transform-origin: 7% 55%;
    -ms-transform-origin: 7% 55%;
    transform-origin: 7% 55%; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-2 img:nth-of-type(3) {
    -webkit-animation: process52 6000ms cubic-bezier(0.645, 0.045, 0.355, 1) 1500ms infinite;
    animation: process52 6000ms cubic-bezier(0.645, 0.045, 0.355, 1) 1500ms infinite;
    -webkit-transform-origin: 67% 57.5%;
    -ms-transform-origin: 67% 57.5%;
    transform-origin: 67% 57.5%; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-2 img {
    -webkit-animation-fill-mode: both !important;
    animation-fill-mode: both !important;
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important; }

@-webkit-keyframes process52 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, 0%) scale(0.8);
    transform: translate(0%, 0%) scale(0.8); }
  20% {
    opacity: 0.8; }
  40% {
    opacity: 0;
    -webkit-transform: translate(0%, -6%) scale(1.2);
    transform: translate(0%, -6%) scale(1.2); }
  100% {
    opacity: 0;
    -webkit-transform: translate(0%, -6%) scale(1.2);
    transform: translate(0%, -6%) scale(1.2); } }

@keyframes process52 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, 0%) scale(0.8);
    transform: translate(0%, 0%) scale(0.8); }
  20% {
    opacity: 0.8; }
  40% {
    opacity: 0;
    -webkit-transform: translate(0%, -6%) scale(1.2);
    transform: translate(0%, -6%) scale(1.2); }
  100% {
    opacity: 0;
    -webkit-transform: translate(0%, -6%) scale(1.2);
    transform: translate(0%, -6%) scale(1.2); } }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-2 .inview.active img {
    -webkit-animation-play-state: running !important;
    animation-play-state: running !important; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-4 img:nth-of-type(1) {
    -webkit-animation: process541 2500ms linear infinite;
    animation: process541 2500ms linear infinite; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-4 img:nth-of-type(2) {
    -webkit-animation: process542 2500ms linear infinite;
    animation: process542 2500ms linear infinite; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-4 img:nth-of-type(3) {
    -webkit-animation: process543 2500ms linear infinite;
    animation: process543 2500ms linear infinite; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-4 img {
    -webkit-animation-fill-mode: both !important;
    animation-fill-mode: both !important;
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important; }

@-webkit-keyframes process541 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  12.5% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02); }
  15% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  27.5% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04); }
  30% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  52.5% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02); }
  55% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  75% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  77.5% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06); }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes process541 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  12.5% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02); }
  15% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  27.5% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04); }
  30% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  52.5% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02); }
  55% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  75% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  77.5% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06); }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes process542 {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0; }
  6.5% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0; }
  16.5% {
    opacity: 1; }
  26.5% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0; }
  46.5% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0; }
  56.5% {
    opacity: 1; }
  66.5% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0; } }

@keyframes process542 {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0; }
  6.5% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0; }
  16.5% {
    opacity: 1; }
  26.5% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0; }
  46.5% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0; }
  56.5% {
    opacity: 1; }
  66.5% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0; } }

@-webkit-keyframes process543 {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0; }
  21.5% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0; }
  31.5% {
    opacity: 1; }
  41.5% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0; }
  71.5% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0; }
  81.5% {
    opacity: 1; }
  91.5% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0; } }

@keyframes process543 {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0; }
  21.5% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0; }
  31.5% {
    opacity: 1; }
  41.5% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0; }
  71.5% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0; }
  81.5% {
    opacity: 1; }
  91.5% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0; } }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-4 .inview.active img {
    -webkit-animation-play-state: running !important;
    animation-play-state: running !important; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-5 img:nth-of-type(2) {
    -webkit-animation: process551 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 500ms infinite;
    animation: process551 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 500ms infinite; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-5 img:nth-of-type(3) {
    -webkit-animation: process551 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 1000ms infinite;
    animation: process551 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 1000ms infinite; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-5 img:nth-of-type(4) {
    -webkit-animation: process551 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 1500ms infinite;
    animation: process551 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 1500ms infinite; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-5 img:nth-of-type(6) {
    -webkit-animation: process551 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 1000ms infinite;
    animation: process551 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 1000ms infinite; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-5 img:nth-of-type(7) {
    -webkit-animation: process551 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 1500ms infinite;
    animation: process551 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 1500ms infinite; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-5 img:nth-of-type(9) {
    -webkit-animation: process552 6000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms infinite;
    animation: process552 6000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms infinite; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-5 img {
    -webkit-animation-fill-mode: both !important;
    animation-fill-mode: both !important;
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important; }

@-webkit-keyframes process551 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, 5%);
    transform: translate(0%, 5%); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); } }

@keyframes process551 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, 5%);
    transform: translate(0%, 5%); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); } }

@-webkit-keyframes process552 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, -2.5%);
    transform: translate(0%, -2.5%); }
  10% {
    opacity: 1;
    -webkit-transform: translate(0%, -2%);
    transform: translate(0%, -2%); }
  15% {
    opacity: 1; }
  20% {
    opacity: 0;
    -webkit-transform: translate(0%, 7%);
    transform: translate(0%, 7%); }
  100% {
    opacity: 0;
    -webkit-transform: translate(0%, 7%);
    transform: translate(0%, 7%); } }

@keyframes process552 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, -2.5%);
    transform: translate(0%, -2.5%); }
  10% {
    opacity: 1;
    -webkit-transform: translate(0%, -2%);
    transform: translate(0%, -2%); }
  15% {
    opacity: 1; }
  20% {
    opacity: 0;
    -webkit-transform: translate(0%, 7%);
    transform: translate(0%, 7%); }
  100% {
    opacity: 0;
    -webkit-transform: translate(0%, 7%);
    transform: translate(0%, 7%); } }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-5 .inview.active img {
    -webkit-animation-play-state: running !important;
    animation-play-state: running !important; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-6 img:nth-of-type(2) {
    -webkit-animation: process562 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 500ms;
    animation: process562 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 500ms; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-6 img:nth-of-type(3) {
    -webkit-animation: process563 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 750ms;
    animation: process563 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 750ms; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-6 img:nth-of-type(4) {
    -webkit-animation: process564 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 1000ms;
    animation: process564 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 1000ms; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-6 img:nth-of-type(5) {
    -webkit-animation: process565 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 1250ms;
    animation: process565 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 1250ms; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-6 img:nth-of-type(6) {
    -webkit-animation: process566 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 1500ms;
    animation: process566 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 1500ms; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-6 img:nth-of-type(7) {
    -webkit-animation: process567 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 1750ms;
    animation: process567 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 1750ms; }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-6 img {
    -webkit-animation-fill-mode: both !important;
    animation-fill-mode: both !important;
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important; }

@-webkit-keyframes process562 {
  0% {
    opacity: 0;
    -webkit-transform: translate(5%, 5%);
    transform: translate(5%, 5%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); } }

@keyframes process562 {
  0% {
    opacity: 0;
    -webkit-transform: translate(5%, 5%);
    transform: translate(5%, 5%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); } }

@-webkit-keyframes process563 {
  0% {
    opacity: 0;
    -webkit-transform: translate(5%, -2%);
    transform: translate(5%, -2%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); } }

@keyframes process563 {
  0% {
    opacity: 0;
    -webkit-transform: translate(5%, -2%);
    transform: translate(5%, -2%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); } }

@-webkit-keyframes process564 {
  0% {
    opacity: 0;
    -webkit-transform: translate(2%, -5%);
    transform: translate(2%, -5%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); } }

@keyframes process564 {
  0% {
    opacity: 0;
    -webkit-transform: translate(2%, -5%);
    transform: translate(2%, -5%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); } }

@-webkit-keyframes process565 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-5%, -4%);
    transform: translate(-5%, -4%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); } }

@keyframes process565 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-5%, -4%);
    transform: translate(-5%, -4%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); } }

@-webkit-keyframes process566 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-5%, 0%);
    transform: translate(-5%, 0%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); } }

@keyframes process566 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-5%, 0%);
    transform: translate(-5%, 0%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); } }

@-webkit-keyframes process567 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-5%, 4%);
    transform: translate(-5%, 4%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); } }

@keyframes process567 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-5%, 4%);
    transform: translate(-5%, 4%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); } }
  body[data-performance="high"] .page-process section[data-section="process-5"] .illustration-5-6 .inview.active img {
    -webkit-animation-play-state: running !important;
    animation-play-state: running !important; }
  @media (max-width: 991px) {
    .page-process section[data-section="process-5"] .textbox {
      background-color: #f3f3f3;
      padding: 0.9375rem 0.9375rem 0;
      text-align: center; }
      .page-process section[data-section="process-5"] .textbox p {
        font-size: 1.2rem; }
    .page-process section[data-section="process-5"] .illustration-5-2-column .textbox {
      margin-top: -1.875rem; }
    .page-process section[data-section="process-5"] .illustration-5-3-column .textbox {
      margin-top: 0.9375rem; }
    .page-process section[data-section="process-5"] .illustration {
      display: inline-block;
      margin: 5.625rem 0 0; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .page-process section[data-section="process-5"] .textbox p {
    font-size: 1.5rem; }
  .page-process section[data-section="process-5"]:before {
    top: 16%;
    width: 100%;
    height: 58%; }
  .page-process section[data-section="process-5"] .illustration-5-1 {
    margin-top: 3.75rem; }
  .page-process section[data-section="process-5"] .illustration-5-2 {
    margin-top: -15rem; }
  .page-process section[data-section="process-5"] .illustration-5-3 {
    margin-top: -3.75rem; }
  .page-process section[data-section="process-5"] .illustration-5-4 {
    margin-top: -10.3125rem; }
  .page-process section[data-section="process-5"] .illustration-5-5 {
    margin-top: -7.5rem; }
  .page-process section[data-section="process-5"] .illustration-5-6 {
    margin-top: 7.5rem; } }
  @media (min-width: 1200px) {
    .page-process section[data-section="process-5"]:before {
      width: 100%;
      height: 58%; }
    .page-process section[data-section="process-5"] .illustration-5-1 {
      margin-top: 3.75rem; }
    .page-process section[data-section="process-5"] .illustration-5-2 {
      margin-top: -16.875rem; }
    .page-process section[data-section="process-5"] .illustration-5-3 {
      margin-top: -13.125rem; }
    .page-process section[data-section="process-5"] .illustration-5-4 {
      margin-top: -10.3125rem; }
    .page-process section[data-section="process-5"] .illustration-5-5 {
      margin-top: -7.5rem; }
    .page-process section[data-section="process-5"] .illustration-5-6 {
      margin-top: 7.5rem; } }

.page-job.out {
  opacity: 0.5;
  -webkit-transition: opacity 400ms ease-in-out;
  transition: opacity 400ms ease-in-out; }
  body[data-browser="safari"][data-device="false"] .page-job.out {
    opacity: 1; }

.page-job .job-section:first-of-type {
  padding-top: 5.625rem; }
  @media (min-width: 768px) {
    .page-job .job-section:first-of-type {
      padding-top: 13.125rem; } }
  @media (min-width: 1480px) {
    .page-job .job-section:first-of-type {
      padding-top: 7.5rem; } }

.page-job .job-list {
  margin-top: 1.40625rem; }
  .page-job .job-list p {
    width: 100%;
    margin: 0;
    font-size: 0; }
    .page-job .job-list p a {
      position: relative;
      display: inline-block;
      width: 100%;
      overflow: hidden;
      margin-bottom: 0.46875rem;
      background-color: #000; }
      .page-job .job-list p a span {
        position: relative;
        display: inline-block;
        font-size: 1.5rem;
        font-family: "Rockwell W01", serif;
        font-weight: 700;
        padding: 1.40625rem;
        color: #fff;
        -webkit-transition: color 400ms ease-in-out;
        transition: color 400ms ease-in-out;
        z-index: 30;
        width: 100%; }
      @media (max-width: 991px) {
        .page-job .job-list p a {
          padding: 0.9375rem 0.46875rem; }
          .page-job .job-list p a span {
            font-size: 1.5rem; } }
      @media (max-width: 767px) {
        .page-job .job-list p a {
          padding: 0.9375rem 0.46875rem; }
          .page-job .job-list p a span {
            font-size: 1.2rem; } }
      .page-job .job-list p a:before, .page-job .job-list p a:after {
        content: '';
        position: absolute;
        width: 187.5rem;
        height: 187.5rem;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        background-color: rgba(255, 255, 255, 0.75);
        -webkit-transition: top 400ms ease-in-out, left 400ms ease-in-out;
        transition: top 400ms ease-in-out, left 400ms ease-in-out;
        pointer-events: none; }
      .page-job .job-list p a:before {
        top: -46.875rem;
        left: -93.75rem;
        z-index: 10; }
      .page-job .job-list p a:after {
        top: -webkit-calc(100% + 46.875rem);
        top: calc(100% + 46.875rem);
        left: -webkit-calc(100% + 93.75rem);
        left: calc(100% + 93.75rem);
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms;
        z-index: 20; }
      .page-job .job-list p a:hover, .page-job .job-list p a:active {
        text-decoration: none; }
      body[data-touch="false"] .page-job .job-list p a:hover {
        text-decoration: none; }
        body[data-touch="false"] .page-job .job-list p a:hover span {
          color: #000; }
        body[data-touch="false"] .page-job .job-list p a:hover:before, body[data-touch="false"] .page-job .job-list p a:hover:after {
          top: 50%;
          left: 50%; }

.page-case {
  position: relative;
  width: 100%;
  background-color: #fff;
  z-index: 200;
  overflow: hidden;
  pointer-events: none;
  display: none; }
  body[data-uri*="case/"] .page-case {
    display: inline-block;
    pointer-events: all; }
  .page-case.out {
    opacity: 0.5;
    -webkit-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out; }
    body[data-browser="safari"][data-device="false"] .page-case.out {
      opacity: 1; }

body.subpage .cases-section .case[data-case="bedrepsykiatriungdom"] .case-image,
body.subpage .cases-section .case[data-case="bedrepsykiatriungdom"] .skill-image,
body.subpage .skills-section .skill[data-skill="bedrepsykiatriungdom"] .case-image,
body.subpage .skills-section .skill[data-skill="bedrepsykiatriungdom"] .skill-image {
  background-image: url("../img/cases/bedrepsykiatriungdom.svg"); }
  body.subpage .cases-section .case[data-case="bedrepsykiatriungdom"] .case-image:before, body.subpage .cases-section .case[data-case="bedrepsykiatriungdom"] .case-image:after,
  body.subpage .cases-section .case[data-case="bedrepsykiatriungdom"] .skill-image:before,
  body.subpage .cases-section .case[data-case="bedrepsykiatriungdom"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="bedrepsykiatriungdom"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="bedrepsykiatriungdom"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="bedrepsykiatriungdom"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="bedrepsykiatriungdom"] .skill-image:after {
    background-color: rgba(250, 0, 125, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="bedrepsykiatriungdom"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="bedrepsykiatriungdom"]:hover .skill-description {
  border-top-color: #fa007d; }
  body[data-touch="false"].subpage .cases-section .case[data-case="bedrepsykiatriungdom"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="bedrepsykiatriungdom"]:hover .skill-description h4 {
    color: #fa007d; }

body[data-uri="case/bedrepsykiatriungdom"] #navigation-trigger,
body[data-uri="case/bedrepsykiatriungdom"] #page-title div,
body[data-uri="case/bedrepsykiatriungdom"] #menu,
body[data-uri="case/bedrepsykiatriungdom"] #page-close,
body[data-uri="skill/bedrepsykiatriungdom"] #navigation-trigger,
body[data-uri="skill/bedrepsykiatriungdom"] #page-title div,
body[data-uri="skill/bedrepsykiatriungdom"] #menu,
body[data-uri="skill/bedrepsykiatriungdom"] #page-close,
body[data-uri="bedrepsykiatriungdom"] #navigation-trigger,
body[data-uri="bedrepsykiatriungdom"] #page-title div,
body[data-uri="bedrepsykiatriungdom"] #menu,
body[data-uri="bedrepsykiatriungdom"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"] #page-close {
  background-color: rgba(250, 0, 125, 0.9); }

body[data-uri="case/bedrepsykiatriungdom"] #page-close,
body[data-uri="skill/bedrepsykiatriungdom"] #page-close,
body[data-uri="bedrepsykiatriungdom"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"] #page-close {
  background-color: transparent;
  border-color: #fa007d; }
  body[data-uri="case/bedrepsykiatriungdom"] #page-close:before, body[data-uri="case/bedrepsykiatriungdom"] #page-close:after,
  body[data-uri="skill/bedrepsykiatriungdom"] #page-close:before,
  body[data-uri="skill/bedrepsykiatriungdom"] #page-close:after,
  body[data-uri="bedrepsykiatriungdom"] #page-close:before,
  body[data-uri="bedrepsykiatriungdom"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"] #page-close:after {
    background-color: rgba(250, 0, 125, 0.75); }
  body[data-uri="case/bedrepsykiatriungdom"] #page-close svg,
  body[data-uri="skill/bedrepsykiatriungdom"] #page-close svg,
  body[data-uri="bedrepsykiatriungdom"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"] #page-close svg {
    fill: #fa007d; }

body[data-uri="case/bedrepsykiatriungdom"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/bedrepsykiatriungdom"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/bedrepsykiatriungdom"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/bedrepsykiatriungdom"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="bedrepsykiatriungdom"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="bedrepsykiatriungdom"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #fa007d; }

body[data-uri="case/bedrepsykiatriungdom"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/bedrepsykiatriungdom"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="bedrepsykiatriungdom"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #fa007d; }

body[data-uri="case/bedrepsykiatriungdom"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/bedrepsykiatriungdom"][data-touch="false"] #page-close:hover svg,
body[data-uri="bedrepsykiatriungdom"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/bedrepsykiatriungdom"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/bedrepsykiatriungdom"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="bedrepsykiatriungdom"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #fa007d; }

body[data-uri="case/bedrepsykiatriungdom"] a,
body[data-uri="case/bedrepsykiatriungdom"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/bedrepsykiatriungdom"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/bedrepsykiatriungdom"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/bedrepsykiatriungdom"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/bedrepsykiatriungdom"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/bedrepsykiatriungdom"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/bedrepsykiatriungdom"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/bedrepsykiatriungdom"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/bedrepsykiatriungdom"] a,
body[data-uri="skill/bedrepsykiatriungdom"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/bedrepsykiatriungdom"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/bedrepsykiatriungdom"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/bedrepsykiatriungdom"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/bedrepsykiatriungdom"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/bedrepsykiatriungdom"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/bedrepsykiatriungdom"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/bedrepsykiatriungdom"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="bedrepsykiatriungdom"] a,
body[data-uri="bedrepsykiatriungdom"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="bedrepsykiatriungdom"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="bedrepsykiatriungdom"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="bedrepsykiatriungdom"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="bedrepsykiatriungdom"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="bedrepsykiatriungdom"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="bedrepsykiatriungdom"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="bedrepsykiatriungdom"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #fa007d; }

body[data-uri="case/bedrepsykiatriungdom"] .loader:before, body[data-uri="case/bedrepsykiatriungdom"] .loader:after,
body[data-uri="skill/bedrepsykiatriungdom"] .loader:before,
body[data-uri="skill/bedrepsykiatriungdom"] .loader:after,
body[data-uri="bedrepsykiatriungdom"] .loader:before,
body[data-uri="bedrepsykiatriungdom"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="bedrepsykiatriungdom"] .loader:after {
  background-color: #fa007d; }

section#cases .case[data-case="bedrepsykiatriungdom"] .down svg {
  stroke: #fa007d; }

body[data-uri="case/bedrepsykiatriungdom"] section#cases .description-box,
body[data-uri="skill/bedrepsykiatriungdom"] section#cases .description-box,
body[data-uri="bedrepsykiatriungdom"] section#cases .description-box,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] section#cases .description-box {
  background-color: rgba(250, 0, 125, 0.9); }
  body[data-uri="case/bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"],
  body[data-uri="skill/bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"],
  body[data-uri="bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"],
  body[data-uri="/"][data-case="bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div,
    body[data-uri="skill/bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div,
    body[data-uri="bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div,
    body[data-uri="/"][data-case="bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(1),
    body[data-uri="skill/bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(1),
    body[data-uri="bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(2),
    body[data-uri="skill/bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(2),
    body[data-uri="bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(3),
    body[data-uri="skill/bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(3),
    body[data-uri="bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(4),
    body[data-uri="skill/bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(4),
    body[data-uri="bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(5),
    body[data-uri="skill/bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(5),
    body[data-uri="bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(6),
    body[data-uri="skill/bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(6),
    body[data-uri="bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="bedrepsykiatriungdom"] section#cases .description-box .case-description[data-case="bedrepsykiatriungdom"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/bedrepsykiatriungdom"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/bedrepsykiatriungdom"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="bedrepsykiatriungdom"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="bedrepsykiatriungdom"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #fa007d; }

body[data-uri="case/bedrepsykiatriungdom"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/bedrepsykiatriungdom"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="bedrepsykiatriungdom"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="bedrepsykiatriungdom"][data-touch="false"] section#cases .description-box:hover .text {
  color: #fa007d; }
  body[data-uri="case/bedrepsykiatriungdom"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/bedrepsykiatriungdom"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="bedrepsykiatriungdom"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="bedrepsykiatriungdom"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #fa007d !important; }
  body[data-uri="case/bedrepsykiatriungdom"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/bedrepsykiatriungdom"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="bedrepsykiatriungdom"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="bedrepsykiatriungdom"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #fa007d !important; }

body[data-uri="case/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .color-primary,
body[data-uri="case/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .color-primary,
body[data-uri="skill/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .color-primary,
body[data-uri="skill/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .color-primary,
body[data-uri="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .color-primary,
body[data-uri="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .color-primary,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .color-primary,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .color-primary {
  color: #fa007d; }

body[data-uri="case/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .color-white,
body[data-uri="case/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .color-white,
body[data-uri="skill/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .color-white,
body[data-uri="skill/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .color-white,
body[data-uri="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .color-white,
body[data-uri="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .color-white,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .color-white,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .bg-primary,
body[data-uri="case/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .bg-primary,
body[data-uri="skill/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .bg-primary,
body[data-uri="skill/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .bg-primary,
body[data-uri="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .bg-primary,
body[data-uri="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .bg-primary,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .bg-primary,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .bg-primary {
  background-color: #fa007d !important; }

body[data-uri="case/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .topimage-section .down svg,
body[data-uri="case/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .topimage-section .down svg,
body[data-uri="skill/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .topimage-section .down svg,
body[data-uri="skill/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .topimage-section .down svg,
body[data-uri="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .topimage-section .down svg,
body[data-uri="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .topimage-section .down svg,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .topimage-section .down svg,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .topimage-section .down svg {
  stroke: #fa007d; }

body[data-uri="case/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .textbox-bordered,
body[data-uri="case/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .textbox-bordered,
body[data-uri="skill/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .textbox-bordered,
body[data-uri="skill/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .textbox-bordered,
body[data-uri="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .textbox-bordered,
body[data-uri="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .textbox-bordered,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .textbox-bordered,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .textbox-bordered {
  border-top-color: #fa007d; }

body[data-uri="case/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .textbox-background,
body[data-uri="case/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .textbox-background,
body[data-uri="skill/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .textbox-background,
body[data-uri="skill/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .textbox-background,
body[data-uri="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .textbox-background,
body[data-uri="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .textbox-background,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .textbox-background,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .textbox-background {
  background-color: rgba(250, 0, 125, 0.9); }

body[data-uri="case/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .preview-section .link,
body[data-uri="case/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .preview-section .link,
body[data-uri="skill/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .preview-section .link,
body[data-uri="skill/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .preview-section .link,
body[data-uri="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .preview-section .link,
body[data-uri="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .preview-section .link,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .preview-section .link,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .preview-section .link {
  background-color: transparent;
  border-color: #fa007d; }
  body[data-uri="case/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .preview-section .link:before, body[data-uri="case/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .preview-section .link:after,
  body[data-uri="case/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .preview-section .link:before,
  body[data-uri="case/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .preview-section .link:after,
  body[data-uri="skill/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .preview-section .link:before,
  body[data-uri="skill/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .preview-section .link:after,
  body[data-uri="skill/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .preview-section .link:before,
  body[data-uri="skill/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .preview-section .link:after,
  body[data-uri="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .preview-section .link:before,
  body[data-uri="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .preview-section .link:after,
  body[data-uri="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .preview-section .link:before,
  body[data-uri="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .preview-section .link:after,
  body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .preview-section .link:before,
  body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .preview-section .link:after,
  body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .preview-section .link:before,
  body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .preview-section .link:after {
    background-color: rgba(250, 0, 125, 0.75); }
  body[data-uri="case/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .preview-section .link svg,
  body[data-uri="case/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .preview-section .link svg,
  body[data-uri="skill/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .preview-section .link svg,
  body[data-uri="skill/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .preview-section .link svg,
  body[data-uri="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .preview-section .link svg,
  body[data-uri="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .preview-section .link svg,
  body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .preview-section .link svg,
  body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .preview-section .link svg {
    fill: #fa007d; }
  body[data-touch="false"] body[data-uri="case/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video .video-playpause .btn svg,
body[data-uri="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video .video-playpause .btn svg,
body[data-uri="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video .video-playpause .btn svg {
  fill: rgba(250, 0, 125, 0.9); }

body[data-uri="case/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(250, 0, 125, 0.9); }

body[data-uri="case/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(250, 0, 125, 0.9); }

body[data-uri="case/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(250, 0, 125, 0.9); }

body[data-uri="case/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video .video-fullscreen,
body[data-uri="case/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video .video-fullscreen,
body[data-uri="skill/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video .video-fullscreen,
body[data-uri="skill/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video .video-fullscreen,
body[data-uri="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video .video-fullscreen,
body[data-uri="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video .video-fullscreen {
  background-color: rgba(250, 0, 125, 0.9); }

body[data-uri="case/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video.active .video-playpause .btn,
body[data-uri="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video.active .video-playpause .btn,
body[data-uri="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(250, 0, 125, 0.9); }
  body[data-uri="case/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-case[data-case="bedrepsykiatriungdom"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="bedrepsykiatriungdom"] .page-skill[data-skill="bedrepsykiatriungdom"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/bedrepsykiatriungdom"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/bedrepsykiatriungdom"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="bedrepsykiatriungdom"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="bedrepsykiatriungdom"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(250, 0, 125, 0.8) !important; }
  body[data-uri="case/bedrepsykiatriungdom"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/bedrepsykiatriungdom"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="bedrepsykiatriungdom"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="bedrepsykiatriungdom"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-home .cases-section .overview .case[data-case="bedrepsykiatriungdom"] .case-image {
  background-image: url("../img/home/cases/bedrepsykiatriungdom.svg"); }
  @media (max-width: 991px) {
    .page-home .cases-section .overview .case[data-case="bedrepsykiatriungdom"] .case-image {
      background-position: left 22.5% center; } }

.page-case[data-case="bedrepsykiatriungdom"] section[data-section="topimage"] {
  background-color: #f1dc04;
  background-image: url("") !important;
  overflow: hidden; }
  .page-case[data-case="bedrepsykiatriungdom"] section[data-section="topimage"] .illustration {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1480px; }
    @media (max-width: 1919px) {
      .page-case[data-case="bedrepsykiatriungdom"] section[data-section="topimage"] .illustration {
        width: 1200px; } }
    @media (max-width: 1479px) {
      .page-case[data-case="bedrepsykiatriungdom"] section[data-section="topimage"] .illustration {
        width: 992px; } }
    @media (max-width: 1199px) {
      .page-case[data-case="bedrepsykiatriungdom"] section[data-section="topimage"] .illustration {
        width: 768px; } }
    @media (max-width: 991px) {
      .page-case[data-case="bedrepsykiatriungdom"] section[data-section="topimage"] .illustration {
        width: 100%; } }
    .page-case[data-case="bedrepsykiatriungdom"] section[data-section="topimage"] .illustration img {
      -webkit-animation-fill-mode: both !important;
      animation-fill-mode: both !important; }
      .page-case[data-case="bedrepsykiatriungdom"] section[data-section="topimage"] .illustration img:nth-of-type(3) {
        -webkit-animation: fadeFromTop 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
        animation: fadeFromTop 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; }
        body.done .page-case[data-case="bedrepsykiatriungdom"] section[data-section="topimage"] .illustration img:nth-of-type(3) {
          -webkit-animation-delay: 700ms;
          animation-delay: 700ms; }
      .page-case[data-case="bedrepsykiatriungdom"] section[data-section="topimage"] .illustration img:nth-of-type(4) {
        -webkit-animation: fadeFromTop 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
        animation: fadeFromTop 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms; }
        body.done .page-case[data-case="bedrepsykiatriungdom"] section[data-section="topimage"] .illustration img:nth-of-type(4) {
          -webkit-animation-delay: 900ms;
          animation-delay: 900ms; }
      .page-case[data-case="bedrepsykiatriungdom"] section[data-section="topimage"] .illustration img:nth-of-type(5) {
        -webkit-animation: fadeFromTop 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms;
        animation: fadeFromTop 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms; }
        body.done .page-case[data-case="bedrepsykiatriungdom"] section[data-section="topimage"] .illustration img:nth-of-type(5) {
          -webkit-animation-delay: 1100ms;
          animation-delay: 1100ms; }
      .page-case[data-case="bedrepsykiatriungdom"] section[data-section="topimage"] .illustration img:nth-of-type(2) {
        -webkit-animation: fadeIn 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1200ms;
        animation: fadeIn 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1200ms; }
        body.done .page-case[data-case="bedrepsykiatriungdom"] section[data-section="topimage"] .illustration img:nth-of-type(2) {
          -webkit-animation-delay: 1700ms;
          animation-delay: 1700ms; }
      body.loading .page-case[data-case="bedrepsykiatriungdom"] section[data-section="topimage"] .illustration img {
        -webkit-animation-play-state: paused !important;
        animation-play-state: paused !important; }
    .page-case[data-case="bedrepsykiatriungdom"] section[data-section="topimage"] .illustration .layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }

.page-case[data-case="bedrepsykiatriungdom"] section[data-section="intro"] .marginbottom-lg {
  margin-bottom: 3.75rem; }

@media (max-width: 991px) {
  .page-case[data-case="bedrepsykiatriungdom"] section[data-section="intro"] .illustration-1 {
    width: 150%;
    margin-left: -40%; } }

@media (min-width: 1920px) {
  .page-case[data-case="bedrepsykiatriungdom"] section[data-section="intro"] .illustration-2 {
    margin-top: -67.5rem; } }

@media (min-width: 1480px) and (max-width: 1919px) {
  .page-case[data-case="bedrepsykiatriungdom"] section[data-section="intro"] .illustration-2 {
    margin-top: -63.75rem; } }

@media (min-width: 1200px) and (max-width: 1479px) {
  .page-case[data-case="bedrepsykiatriungdom"] section[data-section="intro"] .illustration-2 {
    margin-top: -56.25rem; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .page-case[data-case="bedrepsykiatriungdom"] section[data-section="intro"] .illustration-2 {
    margin-top: -46.875rem; } }

@media (max-width: 991px) {
  .page-case[data-case="bedrepsykiatriungdom"] section[data-section="intro"] .illustration-2 {
    height: 35.625rem;
    overflow: hidden;
    width: 120%; } }

@media (max-width: 767px) {
  .page-case[data-case="bedrepsykiatriungdom"] section[data-section="intro"] .illustration-2 {
    height: 80vw;
    overflow: hidden; } }

@media (min-width: 1920px) {
  .page-case[data-case="bedrepsykiatriungdom"] section[data-section="intro"] .textbox-2 {
    margin-top: 7.5rem; } }

@media (min-width: 1480px) and (max-width: 1919px) {
  .page-case[data-case="bedrepsykiatriungdom"] section[data-section="intro"] .textbox-2 {
    margin-top: 5.625rem; } }

@media (min-width: 1200px) and (max-width: 1479px) {
  .page-case[data-case="bedrepsykiatriungdom"] section[data-section="intro"] .textbox-2 {
    margin-top: 3.75rem; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .page-case[data-case="bedrepsykiatriungdom"] section[data-section="intro"] .textbox-2 {
    margin-top: 7.5rem; } }

body[data-performance="low"] .page-case[data-case="bedrepsykiatriungdom"] section[data-section="posters"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/bedrepsykiatriungdom/print/low/print-1.jpg"); }

body[data-performance="low"] .page-case[data-case="bedrepsykiatriungdom"] section[data-section="posters"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/bedrepsykiatriungdom/print/low/print-2.jpg"); }

body[data-performance="low"] .page-case[data-case="bedrepsykiatriungdom"] section[data-section="posters"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/bedrepsykiatriungdom/print/low/print-3.jpg"); }

body[data-performance="high"] .page-case[data-case="bedrepsykiatriungdom"] section[data-section="posters"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/bedrepsykiatriungdom/print/print-1.png"); }

body[data-performance="high"] .page-case[data-case="bedrepsykiatriungdom"] section[data-section="posters"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/bedrepsykiatriungdom/print/print-2.png"); }

body[data-performance="high"] .page-case[data-case="bedrepsykiatriungdom"] section[data-section="posters"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/bedrepsykiatriungdom/print/print-3.png"); }

body[data-performance="low"] .page-case[data-case="bedrepsykiatriungdom"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/bedrepsykiatriungdom/preview/low/browser-1.jpg"); }

body[data-performance="low"] .page-case[data-case="bedrepsykiatriungdom"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/bedrepsykiatriungdom/preview/low/browser-2.jpg"); }

body[data-performance="low"] .page-case[data-case="bedrepsykiatriungdom"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/bedrepsykiatriungdom/preview/low/browser-3.jpg"); }

body[data-performance="low"] .page-case[data-case="bedrepsykiatriungdom"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/case/bedrepsykiatriungdom/preview/low/browser-4.jpg"); }

body[data-performance="low"] .page-case[data-case="bedrepsykiatriungdom"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(5) .image {
  background-image: url("../img/case/bedrepsykiatriungdom/preview/low/browser-5.jpg"); }

body[data-performance="high"] .page-case[data-case="bedrepsykiatriungdom"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/bedrepsykiatriungdom/preview/browser-1.png"); }

body[data-performance="high"] .page-case[data-case="bedrepsykiatriungdom"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/bedrepsykiatriungdom/preview/browser-2.png"); }

body[data-performance="high"] .page-case[data-case="bedrepsykiatriungdom"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/bedrepsykiatriungdom/preview/browser-3.png"); }

body[data-performance="high"] .page-case[data-case="bedrepsykiatriungdom"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/case/bedrepsykiatriungdom/preview/browser-4.png"); }

body[data-performance="high"] .page-case[data-case="bedrepsykiatriungdom"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(5) .image {
  background-image: url("../img/case/bedrepsykiatriungdom/preview/browser-5.png"); }

body.subpage .cases-section .case[data-case="cej"] .case-image,
body.subpage .cases-section .case[data-case="cej"] .skill-image,
body.subpage .skills-section .skill[data-skill="cej"] .case-image,
body.subpage .skills-section .skill[data-skill="cej"] .skill-image {
  background-image: url("../img/cases/cej.svg"); }
  body.subpage .cases-section .case[data-case="cej"] .case-image:before, body.subpage .cases-section .case[data-case="cej"] .case-image:after,
  body.subpage .cases-section .case[data-case="cej"] .skill-image:before,
  body.subpage .cases-section .case[data-case="cej"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="cej"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="cej"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="cej"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="cej"] .skill-image:after {
    background-color: rgba(40, 160, 160, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="cej"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="cej"]:hover .skill-description {
  border-top-color: #28a0a0; }
  body[data-touch="false"].subpage .cases-section .case[data-case="cej"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="cej"]:hover .skill-description h4 {
    color: #28a0a0; }

body[data-uri="case/cej"] #navigation-trigger,
body[data-uri="case/cej"] #page-title div,
body[data-uri="case/cej"] #menu,
body[data-uri="case/cej"] #page-close,
body[data-uri="skill/cej"] #navigation-trigger,
body[data-uri="skill/cej"] #page-title div,
body[data-uri="skill/cej"] #menu,
body[data-uri="skill/cej"] #page-close,
body[data-uri="cej"] #navigation-trigger,
body[data-uri="cej"] #page-title div,
body[data-uri="cej"] #menu,
body[data-uri="cej"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"] #page-close {
  background-color: rgba(40, 160, 160, 0.9); }

body[data-uri="case/cej"] #page-close,
body[data-uri="skill/cej"] #page-close,
body[data-uri="cej"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"] #page-close {
  background-color: transparent;
  border-color: #28a0a0; }
  body[data-uri="case/cej"] #page-close:before, body[data-uri="case/cej"] #page-close:after,
  body[data-uri="skill/cej"] #page-close:before,
  body[data-uri="skill/cej"] #page-close:after,
  body[data-uri="cej"] #page-close:before,
  body[data-uri="cej"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="cej"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="cej"] #page-close:after {
    background-color: rgba(40, 160, 160, 0.75); }
  body[data-uri="case/cej"] #page-close svg,
  body[data-uri="skill/cej"] #page-close svg,
  body[data-uri="cej"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="cej"] #page-close svg {
    fill: #28a0a0; }

body[data-uri="case/cej"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/cej"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/cej"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/cej"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="cej"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="cej"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #28a0a0; }

body[data-uri="case/cej"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/cej"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="cej"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #28a0a0; }

body[data-uri="case/cej"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/cej"][data-touch="false"] #page-close:hover svg,
body[data-uri="cej"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/cej"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/cej"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="cej"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #28a0a0; }

body[data-uri="case/cej"] a,
body[data-uri="case/cej"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/cej"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/cej"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/cej"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/cej"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/cej"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/cej"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/cej"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/cej"] a,
body[data-uri="skill/cej"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/cej"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/cej"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/cej"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/cej"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/cej"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/cej"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/cej"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="cej"] a,
body[data-uri="cej"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="cej"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="cej"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="cej"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="cej"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="cej"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="cej"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="cej"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #28a0a0; }

body[data-uri="case/cej"] .loader:before, body[data-uri="case/cej"] .loader:after,
body[data-uri="skill/cej"] .loader:before,
body[data-uri="skill/cej"] .loader:after,
body[data-uri="cej"] .loader:before,
body[data-uri="cej"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="cej"] .loader:after {
  background-color: #28a0a0; }

section#cases .case[data-case="cej"] .down svg {
  stroke: #28a0a0; }

body[data-uri="case/cej"] section#cases .description-box,
body[data-uri="skill/cej"] section#cases .description-box,
body[data-uri="cej"] section#cases .description-box,
body[data-uri="/"][data-case="cej"] section#cases .description-box {
  background-color: rgba(40, 160, 160, 0.9); }
  body[data-uri="case/cej"] section#cases .description-box .case-description[data-case="cej"],
  body[data-uri="skill/cej"] section#cases .description-box .case-description[data-case="cej"],
  body[data-uri="cej"] section#cases .description-box .case-description[data-case="cej"],
  body[data-uri="/"][data-case="cej"] section#cases .description-box .case-description[data-case="cej"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/cej"] section#cases .description-box .case-description[data-case="cej"] .text div,
    body[data-uri="skill/cej"] section#cases .description-box .case-description[data-case="cej"] .text div,
    body[data-uri="cej"] section#cases .description-box .case-description[data-case="cej"] .text div,
    body[data-uri="/"][data-case="cej"] section#cases .description-box .case-description[data-case="cej"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(1),
    body[data-uri="skill/cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(1),
    body[data-uri="cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(2),
    body[data-uri="skill/cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(2),
    body[data-uri="cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(3),
    body[data-uri="skill/cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(3),
    body[data-uri="cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(4),
    body[data-uri="skill/cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(4),
    body[data-uri="cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(5),
    body[data-uri="skill/cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(5),
    body[data-uri="cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(6),
    body[data-uri="skill/cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(6),
    body[data-uri="cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="cej"] section#cases .description-box .case-description[data-case="cej"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/cej"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/cej"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="cej"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="cej"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #28a0a0; }

body[data-uri="case/cej"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/cej"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="cej"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="cej"][data-touch="false"] section#cases .description-box:hover .text {
  color: #28a0a0; }
  body[data-uri="case/cej"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/cej"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="cej"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="cej"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #28a0a0 !important; }
  body[data-uri="case/cej"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/cej"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="cej"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="cej"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #28a0a0 !important; }

body[data-uri="case/cej"] .page-case[data-case="cej"] .color-primary,
body[data-uri="case/cej"] .page-skill[data-skill="cej"] .color-primary,
body[data-uri="skill/cej"] .page-case[data-case="cej"] .color-primary,
body[data-uri="skill/cej"] .page-skill[data-skill="cej"] .color-primary,
body[data-uri="cej"] .page-case[data-case="cej"] .color-primary,
body[data-uri="cej"] .page-skill[data-skill="cej"] .color-primary,
body[data-uri="/"][data-case="cej"] .page-case[data-case="cej"] .color-primary,
body[data-uri="/"][data-case="cej"] .page-skill[data-skill="cej"] .color-primary {
  color: #28a0a0; }

body[data-uri="case/cej"] .page-case[data-case="cej"] .color-white,
body[data-uri="case/cej"] .page-skill[data-skill="cej"] .color-white,
body[data-uri="skill/cej"] .page-case[data-case="cej"] .color-white,
body[data-uri="skill/cej"] .page-skill[data-skill="cej"] .color-white,
body[data-uri="cej"] .page-case[data-case="cej"] .color-white,
body[data-uri="cej"] .page-skill[data-skill="cej"] .color-white,
body[data-uri="/"][data-case="cej"] .page-case[data-case="cej"] .color-white,
body[data-uri="/"][data-case="cej"] .page-skill[data-skill="cej"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/cej"] .page-case[data-case="cej"] .bg-primary,
body[data-uri="case/cej"] .page-skill[data-skill="cej"] .bg-primary,
body[data-uri="skill/cej"] .page-case[data-case="cej"] .bg-primary,
body[data-uri="skill/cej"] .page-skill[data-skill="cej"] .bg-primary,
body[data-uri="cej"] .page-case[data-case="cej"] .bg-primary,
body[data-uri="cej"] .page-skill[data-skill="cej"] .bg-primary,
body[data-uri="/"][data-case="cej"] .page-case[data-case="cej"] .bg-primary,
body[data-uri="/"][data-case="cej"] .page-skill[data-skill="cej"] .bg-primary {
  background-color: #28a0a0 !important; }

body[data-uri="case/cej"] .page-case[data-case="cej"] .topimage-section .down svg,
body[data-uri="case/cej"] .page-skill[data-skill="cej"] .topimage-section .down svg,
body[data-uri="skill/cej"] .page-case[data-case="cej"] .topimage-section .down svg,
body[data-uri="skill/cej"] .page-skill[data-skill="cej"] .topimage-section .down svg,
body[data-uri="cej"] .page-case[data-case="cej"] .topimage-section .down svg,
body[data-uri="cej"] .page-skill[data-skill="cej"] .topimage-section .down svg,
body[data-uri="/"][data-case="cej"] .page-case[data-case="cej"] .topimage-section .down svg,
body[data-uri="/"][data-case="cej"] .page-skill[data-skill="cej"] .topimage-section .down svg {
  stroke: #28a0a0; }

body[data-uri="case/cej"] .page-case[data-case="cej"] .textbox-bordered,
body[data-uri="case/cej"] .page-skill[data-skill="cej"] .textbox-bordered,
body[data-uri="skill/cej"] .page-case[data-case="cej"] .textbox-bordered,
body[data-uri="skill/cej"] .page-skill[data-skill="cej"] .textbox-bordered,
body[data-uri="cej"] .page-case[data-case="cej"] .textbox-bordered,
body[data-uri="cej"] .page-skill[data-skill="cej"] .textbox-bordered,
body[data-uri="/"][data-case="cej"] .page-case[data-case="cej"] .textbox-bordered,
body[data-uri="/"][data-case="cej"] .page-skill[data-skill="cej"] .textbox-bordered {
  border-top-color: #28a0a0; }

body[data-uri="case/cej"] .page-case[data-case="cej"] .textbox-background,
body[data-uri="case/cej"] .page-skill[data-skill="cej"] .textbox-background,
body[data-uri="skill/cej"] .page-case[data-case="cej"] .textbox-background,
body[data-uri="skill/cej"] .page-skill[data-skill="cej"] .textbox-background,
body[data-uri="cej"] .page-case[data-case="cej"] .textbox-background,
body[data-uri="cej"] .page-skill[data-skill="cej"] .textbox-background,
body[data-uri="/"][data-case="cej"] .page-case[data-case="cej"] .textbox-background,
body[data-uri="/"][data-case="cej"] .page-skill[data-skill="cej"] .textbox-background {
  background-color: rgba(40, 160, 160, 0.9); }

body[data-uri="case/cej"] .page-case[data-case="cej"] .preview-section .link,
body[data-uri="case/cej"] .page-skill[data-skill="cej"] .preview-section .link,
body[data-uri="skill/cej"] .page-case[data-case="cej"] .preview-section .link,
body[data-uri="skill/cej"] .page-skill[data-skill="cej"] .preview-section .link,
body[data-uri="cej"] .page-case[data-case="cej"] .preview-section .link,
body[data-uri="cej"] .page-skill[data-skill="cej"] .preview-section .link,
body[data-uri="/"][data-case="cej"] .page-case[data-case="cej"] .preview-section .link,
body[data-uri="/"][data-case="cej"] .page-skill[data-skill="cej"] .preview-section .link {
  background-color: transparent;
  border-color: #28a0a0; }
  body[data-uri="case/cej"] .page-case[data-case="cej"] .preview-section .link:before, body[data-uri="case/cej"] .page-case[data-case="cej"] .preview-section .link:after,
  body[data-uri="case/cej"] .page-skill[data-skill="cej"] .preview-section .link:before,
  body[data-uri="case/cej"] .page-skill[data-skill="cej"] .preview-section .link:after,
  body[data-uri="skill/cej"] .page-case[data-case="cej"] .preview-section .link:before,
  body[data-uri="skill/cej"] .page-case[data-case="cej"] .preview-section .link:after,
  body[data-uri="skill/cej"] .page-skill[data-skill="cej"] .preview-section .link:before,
  body[data-uri="skill/cej"] .page-skill[data-skill="cej"] .preview-section .link:after,
  body[data-uri="cej"] .page-case[data-case="cej"] .preview-section .link:before,
  body[data-uri="cej"] .page-case[data-case="cej"] .preview-section .link:after,
  body[data-uri="cej"] .page-skill[data-skill="cej"] .preview-section .link:before,
  body[data-uri="cej"] .page-skill[data-skill="cej"] .preview-section .link:after,
  body[data-uri="/"][data-case="cej"] .page-case[data-case="cej"] .preview-section .link:before,
  body[data-uri="/"][data-case="cej"] .page-case[data-case="cej"] .preview-section .link:after,
  body[data-uri="/"][data-case="cej"] .page-skill[data-skill="cej"] .preview-section .link:before,
  body[data-uri="/"][data-case="cej"] .page-skill[data-skill="cej"] .preview-section .link:after {
    background-color: rgba(40, 160, 160, 0.75); }
  body[data-uri="case/cej"] .page-case[data-case="cej"] .preview-section .link svg,
  body[data-uri="case/cej"] .page-skill[data-skill="cej"] .preview-section .link svg,
  body[data-uri="skill/cej"] .page-case[data-case="cej"] .preview-section .link svg,
  body[data-uri="skill/cej"] .page-skill[data-skill="cej"] .preview-section .link svg,
  body[data-uri="cej"] .page-case[data-case="cej"] .preview-section .link svg,
  body[data-uri="cej"] .page-skill[data-skill="cej"] .preview-section .link svg,
  body[data-uri="/"][data-case="cej"] .page-case[data-case="cej"] .preview-section .link svg,
  body[data-uri="/"][data-case="cej"] .page-skill[data-skill="cej"] .preview-section .link svg {
    fill: #28a0a0; }
  body[data-touch="false"] body[data-uri="case/cej"] .page-case[data-case="cej"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/cej"] .page-skill[data-skill="cej"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/cej"] .page-case[data-case="cej"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/cej"] .page-skill[data-skill="cej"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="cej"] .page-case[data-case="cej"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="cej"] .page-skill[data-skill="cej"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="cej"] .page-case[data-case="cej"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="cej"] .page-skill[data-skill="cej"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/cej"] .page-case[data-case="cej"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/cej"] .page-skill[data-skill="cej"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/cej"] .page-case[data-case="cej"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/cej"] .page-skill[data-skill="cej"] .video-section .video .video-playpause .btn svg,
body[data-uri="cej"] .page-case[data-case="cej"] .video-section .video .video-playpause .btn svg,
body[data-uri="cej"] .page-skill[data-skill="cej"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="cej"] .page-case[data-case="cej"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="cej"] .page-skill[data-skill="cej"] .video-section .video .video-playpause .btn svg {
  fill: rgba(40, 160, 160, 0.9); }

body[data-uri="case/cej"] .page-case[data-case="cej"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/cej"] .page-skill[data-skill="cej"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/cej"] .page-case[data-case="cej"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/cej"] .page-skill[data-skill="cej"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="cej"] .page-case[data-case="cej"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="cej"] .page-skill[data-skill="cej"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="cej"] .page-case[data-case="cej"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="cej"] .page-skill[data-skill="cej"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(40, 160, 160, 0.9); }

body[data-uri="case/cej"] .page-case[data-case="cej"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/cej"] .page-skill[data-skill="cej"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/cej"] .page-case[data-case="cej"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/cej"] .page-skill[data-skill="cej"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="cej"] .page-case[data-case="cej"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="cej"] .page-skill[data-skill="cej"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="cej"] .page-case[data-case="cej"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="cej"] .page-skill[data-skill="cej"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(40, 160, 160, 0.9); }

body[data-uri="case/cej"] .page-case[data-case="cej"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/cej"] .page-skill[data-skill="cej"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/cej"] .page-case[data-case="cej"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/cej"] .page-skill[data-skill="cej"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="cej"] .page-case[data-case="cej"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="cej"] .page-skill[data-skill="cej"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="cej"] .page-case[data-case="cej"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="cej"] .page-skill[data-skill="cej"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(40, 160, 160, 0.9); }

body[data-uri="case/cej"] .page-case[data-case="cej"] .video-section .video .video-fullscreen,
body[data-uri="case/cej"] .page-skill[data-skill="cej"] .video-section .video .video-fullscreen,
body[data-uri="skill/cej"] .page-case[data-case="cej"] .video-section .video .video-fullscreen,
body[data-uri="skill/cej"] .page-skill[data-skill="cej"] .video-section .video .video-fullscreen,
body[data-uri="cej"] .page-case[data-case="cej"] .video-section .video .video-fullscreen,
body[data-uri="cej"] .page-skill[data-skill="cej"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="cej"] .page-case[data-case="cej"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="cej"] .page-skill[data-skill="cej"] .video-section .video .video-fullscreen {
  background-color: rgba(40, 160, 160, 0.9); }

body[data-uri="case/cej"] .page-case[data-case="cej"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/cej"] .page-skill[data-skill="cej"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/cej"] .page-case[data-case="cej"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/cej"] .page-skill[data-skill="cej"] .video-section .video.active .video-playpause .btn,
body[data-uri="cej"] .page-case[data-case="cej"] .video-section .video.active .video-playpause .btn,
body[data-uri="cej"] .page-skill[data-skill="cej"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="cej"] .page-case[data-case="cej"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="cej"] .page-skill[data-skill="cej"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(40, 160, 160, 0.9); }
  body[data-uri="case/cej"] .page-case[data-case="cej"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/cej"] .page-skill[data-skill="cej"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/cej"] .page-case[data-case="cej"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/cej"] .page-skill[data-skill="cej"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="cej"] .page-case[data-case="cej"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="cej"] .page-skill[data-skill="cej"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="cej"] .page-case[data-case="cej"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="cej"] .page-skill[data-skill="cej"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/cej"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/cej"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="cej"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="cej"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(40, 160, 160, 0.8) !important; }
  body[data-uri="case/cej"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/cej"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="cej"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="cej"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-case[data-case="cej"] section[data-section="topimage"] .topimage {
  background-image: url("../img/case/cej/topimage/topimage.jpg"); }
  @media (max-width: 991px) {
    .page-case[data-case="cej"] section[data-section="topimage"] .topimage {
      background-position: left 62% center; } }

.page-case[data-case="cej"] section[data-section="icons"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/cej/illustrations/illustration-3.svg"); }

.page-case[data-case="cej"] section[data-section="icons"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/cej/illustrations/illustration-4.svg"); }

.page-case[data-case="cej"] section[data-section="icons"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/cej/illustrations/illustration-5.svg"); }

.page-case[data-case="cej"] section[data-section="icons"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/case/cej/illustrations/illustration-6.svg"); }

.page-case[data-case="cej"] section[data-section="icons"] .swiper-container .swiper-slide:nth-of-type(5) .image {
  background-image: url("../img/case/cej/illustrations/illustration-7.svg"); }

body[data-performance="low"] .page-case[data-case="cej"] section[data-section="print"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/cej/print/low/print-1.jpg"); }

body[data-performance="low"] .page-case[data-case="cej"] section[data-section="print"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/cej/print/low/print-2.jpg"); }

body[data-performance="low"] .page-case[data-case="cej"] section[data-section="print"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/cej/print/low/print-3.jpg"); }

body[data-performance="high"] .page-case[data-case="cej"] section[data-section="print"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/cej/print/print-1.png"); }

body[data-performance="high"] .page-case[data-case="cej"] section[data-section="print"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/cej/print/print-2.png"); }

body[data-performance="high"] .page-case[data-case="cej"] section[data-section="print"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/cej/print/print-3.png"); }

body[data-performance="low"] .page-case[data-case="cej"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/cej/preview/low/browser-1.jpg"); }

body[data-performance="low"] .page-case[data-case="cej"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/cej/preview/low/browser-2.jpg"); }

body[data-performance="low"] .page-case[data-case="cej"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/cej/preview/low/browser-3.jpg"); }

body[data-performance="high"] .page-case[data-case="cej"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/cej/preview/browser-1.png"); }

body[data-performance="high"] .page-case[data-case="cej"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/cej/preview/browser-2.png"); }

body[data-performance="high"] .page-case[data-case="cej"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/cej/preview/browser-3.png"); }

body.subpage .cases-section .case[data-case="certa"] .case-image,
body.subpage .cases-section .case[data-case="certa"] .skill-image,
body.subpage .skills-section .skill[data-skill="certa"] .case-image,
body.subpage .skills-section .skill[data-skill="certa"] .skill-image {
  background-image: url("../img/cases/certa.svg"); }
  body.subpage .cases-section .case[data-case="certa"] .case-image:before, body.subpage .cases-section .case[data-case="certa"] .case-image:after,
  body.subpage .cases-section .case[data-case="certa"] .skill-image:before,
  body.subpage .cases-section .case[data-case="certa"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="certa"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="certa"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="certa"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="certa"] .skill-image:after {
    background-color: rgba(250, 25, 75, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="certa"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="certa"]:hover .skill-description {
  border-top-color: #fa194b; }
  body[data-touch="false"].subpage .cases-section .case[data-case="certa"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="certa"]:hover .skill-description h4 {
    color: #fa194b; }

body[data-uri="case/certa"] #navigation-trigger,
body[data-uri="case/certa"] #page-title div,
body[data-uri="case/certa"] #menu,
body[data-uri="case/certa"] #page-close,
body[data-uri="skill/certa"] #navigation-trigger,
body[data-uri="skill/certa"] #page-title div,
body[data-uri="skill/certa"] #menu,
body[data-uri="skill/certa"] #page-close,
body[data-uri="certa"] #navigation-trigger,
body[data-uri="certa"] #page-title div,
body[data-uri="certa"] #menu,
body[data-uri="certa"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"] #page-close {
  background-color: rgba(250, 25, 75, 0.9); }

body[data-uri="case/certa"] #page-close,
body[data-uri="skill/certa"] #page-close,
body[data-uri="certa"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"] #page-close {
  background-color: transparent;
  border-color: #fa194b; }
  body[data-uri="case/certa"] #page-close:before, body[data-uri="case/certa"] #page-close:after,
  body[data-uri="skill/certa"] #page-close:before,
  body[data-uri="skill/certa"] #page-close:after,
  body[data-uri="certa"] #page-close:before,
  body[data-uri="certa"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="certa"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="certa"] #page-close:after {
    background-color: rgba(250, 25, 75, 0.75); }
  body[data-uri="case/certa"] #page-close svg,
  body[data-uri="skill/certa"] #page-close svg,
  body[data-uri="certa"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="certa"] #page-close svg {
    fill: #fa194b; }

body[data-uri="case/certa"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/certa"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/certa"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/certa"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="certa"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="certa"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #fa194b; }

body[data-uri="case/certa"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/certa"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="certa"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #fa194b; }

body[data-uri="case/certa"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/certa"][data-touch="false"] #page-close:hover svg,
body[data-uri="certa"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/certa"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/certa"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="certa"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #fa194b; }

body[data-uri="case/certa"] a,
body[data-uri="case/certa"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/certa"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/certa"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/certa"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/certa"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/certa"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/certa"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/certa"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/certa"] a,
body[data-uri="skill/certa"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/certa"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/certa"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/certa"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/certa"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/certa"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/certa"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/certa"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="certa"] a,
body[data-uri="certa"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="certa"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="certa"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="certa"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="certa"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="certa"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="certa"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="certa"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #fa194b; }

body[data-uri="case/certa"] .loader:before, body[data-uri="case/certa"] .loader:after,
body[data-uri="skill/certa"] .loader:before,
body[data-uri="skill/certa"] .loader:after,
body[data-uri="certa"] .loader:before,
body[data-uri="certa"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="certa"] .loader:after {
  background-color: #fa194b; }

section#cases .case[data-case="certa"] .down svg {
  stroke: #fa194b; }

body[data-uri="case/certa"] section#cases .description-box,
body[data-uri="skill/certa"] section#cases .description-box,
body[data-uri="certa"] section#cases .description-box,
body[data-uri="/"][data-case="certa"] section#cases .description-box {
  background-color: rgba(250, 25, 75, 0.9); }
  body[data-uri="case/certa"] section#cases .description-box .case-description[data-case="certa"],
  body[data-uri="skill/certa"] section#cases .description-box .case-description[data-case="certa"],
  body[data-uri="certa"] section#cases .description-box .case-description[data-case="certa"],
  body[data-uri="/"][data-case="certa"] section#cases .description-box .case-description[data-case="certa"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/certa"] section#cases .description-box .case-description[data-case="certa"] .text div,
    body[data-uri="skill/certa"] section#cases .description-box .case-description[data-case="certa"] .text div,
    body[data-uri="certa"] section#cases .description-box .case-description[data-case="certa"] .text div,
    body[data-uri="/"][data-case="certa"] section#cases .description-box .case-description[data-case="certa"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(1),
    body[data-uri="skill/certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(1),
    body[data-uri="certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(2),
    body[data-uri="skill/certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(2),
    body[data-uri="certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(3),
    body[data-uri="skill/certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(3),
    body[data-uri="certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(4),
    body[data-uri="skill/certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(4),
    body[data-uri="certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(5),
    body[data-uri="skill/certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(5),
    body[data-uri="certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(6),
    body[data-uri="skill/certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(6),
    body[data-uri="certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="certa"] section#cases .description-box .case-description[data-case="certa"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/certa"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/certa"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="certa"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="certa"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #fa194b; }

body[data-uri="case/certa"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/certa"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="certa"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="certa"][data-touch="false"] section#cases .description-box:hover .text {
  color: #fa194b; }
  body[data-uri="case/certa"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/certa"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="certa"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="certa"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #fa194b !important; }
  body[data-uri="case/certa"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/certa"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="certa"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="certa"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #fa194b !important; }

body[data-uri="case/certa"] .page-case[data-case="certa"] .color-primary,
body[data-uri="case/certa"] .page-skill[data-skill="certa"] .color-primary,
body[data-uri="skill/certa"] .page-case[data-case="certa"] .color-primary,
body[data-uri="skill/certa"] .page-skill[data-skill="certa"] .color-primary,
body[data-uri="certa"] .page-case[data-case="certa"] .color-primary,
body[data-uri="certa"] .page-skill[data-skill="certa"] .color-primary,
body[data-uri="/"][data-case="certa"] .page-case[data-case="certa"] .color-primary,
body[data-uri="/"][data-case="certa"] .page-skill[data-skill="certa"] .color-primary {
  color: #fa194b; }

body[data-uri="case/certa"] .page-case[data-case="certa"] .color-white,
body[data-uri="case/certa"] .page-skill[data-skill="certa"] .color-white,
body[data-uri="skill/certa"] .page-case[data-case="certa"] .color-white,
body[data-uri="skill/certa"] .page-skill[data-skill="certa"] .color-white,
body[data-uri="certa"] .page-case[data-case="certa"] .color-white,
body[data-uri="certa"] .page-skill[data-skill="certa"] .color-white,
body[data-uri="/"][data-case="certa"] .page-case[data-case="certa"] .color-white,
body[data-uri="/"][data-case="certa"] .page-skill[data-skill="certa"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/certa"] .page-case[data-case="certa"] .bg-primary,
body[data-uri="case/certa"] .page-skill[data-skill="certa"] .bg-primary,
body[data-uri="skill/certa"] .page-case[data-case="certa"] .bg-primary,
body[data-uri="skill/certa"] .page-skill[data-skill="certa"] .bg-primary,
body[data-uri="certa"] .page-case[data-case="certa"] .bg-primary,
body[data-uri="certa"] .page-skill[data-skill="certa"] .bg-primary,
body[data-uri="/"][data-case="certa"] .page-case[data-case="certa"] .bg-primary,
body[data-uri="/"][data-case="certa"] .page-skill[data-skill="certa"] .bg-primary {
  background-color: #fa194b !important; }

body[data-uri="case/certa"] .page-case[data-case="certa"] .topimage-section .down svg,
body[data-uri="case/certa"] .page-skill[data-skill="certa"] .topimage-section .down svg,
body[data-uri="skill/certa"] .page-case[data-case="certa"] .topimage-section .down svg,
body[data-uri="skill/certa"] .page-skill[data-skill="certa"] .topimage-section .down svg,
body[data-uri="certa"] .page-case[data-case="certa"] .topimage-section .down svg,
body[data-uri="certa"] .page-skill[data-skill="certa"] .topimage-section .down svg,
body[data-uri="/"][data-case="certa"] .page-case[data-case="certa"] .topimage-section .down svg,
body[data-uri="/"][data-case="certa"] .page-skill[data-skill="certa"] .topimage-section .down svg {
  stroke: #fa194b; }

body[data-uri="case/certa"] .page-case[data-case="certa"] .textbox-bordered,
body[data-uri="case/certa"] .page-skill[data-skill="certa"] .textbox-bordered,
body[data-uri="skill/certa"] .page-case[data-case="certa"] .textbox-bordered,
body[data-uri="skill/certa"] .page-skill[data-skill="certa"] .textbox-bordered,
body[data-uri="certa"] .page-case[data-case="certa"] .textbox-bordered,
body[data-uri="certa"] .page-skill[data-skill="certa"] .textbox-bordered,
body[data-uri="/"][data-case="certa"] .page-case[data-case="certa"] .textbox-bordered,
body[data-uri="/"][data-case="certa"] .page-skill[data-skill="certa"] .textbox-bordered {
  border-top-color: #fa194b; }

body[data-uri="case/certa"] .page-case[data-case="certa"] .textbox-background,
body[data-uri="case/certa"] .page-skill[data-skill="certa"] .textbox-background,
body[data-uri="skill/certa"] .page-case[data-case="certa"] .textbox-background,
body[data-uri="skill/certa"] .page-skill[data-skill="certa"] .textbox-background,
body[data-uri="certa"] .page-case[data-case="certa"] .textbox-background,
body[data-uri="certa"] .page-skill[data-skill="certa"] .textbox-background,
body[data-uri="/"][data-case="certa"] .page-case[data-case="certa"] .textbox-background,
body[data-uri="/"][data-case="certa"] .page-skill[data-skill="certa"] .textbox-background {
  background-color: rgba(250, 25, 75, 0.9); }

body[data-uri="case/certa"] .page-case[data-case="certa"] .preview-section .link,
body[data-uri="case/certa"] .page-skill[data-skill="certa"] .preview-section .link,
body[data-uri="skill/certa"] .page-case[data-case="certa"] .preview-section .link,
body[data-uri="skill/certa"] .page-skill[data-skill="certa"] .preview-section .link,
body[data-uri="certa"] .page-case[data-case="certa"] .preview-section .link,
body[data-uri="certa"] .page-skill[data-skill="certa"] .preview-section .link,
body[data-uri="/"][data-case="certa"] .page-case[data-case="certa"] .preview-section .link,
body[data-uri="/"][data-case="certa"] .page-skill[data-skill="certa"] .preview-section .link {
  background-color: transparent;
  border-color: #fa194b; }
  body[data-uri="case/certa"] .page-case[data-case="certa"] .preview-section .link:before, body[data-uri="case/certa"] .page-case[data-case="certa"] .preview-section .link:after,
  body[data-uri="case/certa"] .page-skill[data-skill="certa"] .preview-section .link:before,
  body[data-uri="case/certa"] .page-skill[data-skill="certa"] .preview-section .link:after,
  body[data-uri="skill/certa"] .page-case[data-case="certa"] .preview-section .link:before,
  body[data-uri="skill/certa"] .page-case[data-case="certa"] .preview-section .link:after,
  body[data-uri="skill/certa"] .page-skill[data-skill="certa"] .preview-section .link:before,
  body[data-uri="skill/certa"] .page-skill[data-skill="certa"] .preview-section .link:after,
  body[data-uri="certa"] .page-case[data-case="certa"] .preview-section .link:before,
  body[data-uri="certa"] .page-case[data-case="certa"] .preview-section .link:after,
  body[data-uri="certa"] .page-skill[data-skill="certa"] .preview-section .link:before,
  body[data-uri="certa"] .page-skill[data-skill="certa"] .preview-section .link:after,
  body[data-uri="/"][data-case="certa"] .page-case[data-case="certa"] .preview-section .link:before,
  body[data-uri="/"][data-case="certa"] .page-case[data-case="certa"] .preview-section .link:after,
  body[data-uri="/"][data-case="certa"] .page-skill[data-skill="certa"] .preview-section .link:before,
  body[data-uri="/"][data-case="certa"] .page-skill[data-skill="certa"] .preview-section .link:after {
    background-color: rgba(250, 25, 75, 0.75); }
  body[data-uri="case/certa"] .page-case[data-case="certa"] .preview-section .link svg,
  body[data-uri="case/certa"] .page-skill[data-skill="certa"] .preview-section .link svg,
  body[data-uri="skill/certa"] .page-case[data-case="certa"] .preview-section .link svg,
  body[data-uri="skill/certa"] .page-skill[data-skill="certa"] .preview-section .link svg,
  body[data-uri="certa"] .page-case[data-case="certa"] .preview-section .link svg,
  body[data-uri="certa"] .page-skill[data-skill="certa"] .preview-section .link svg,
  body[data-uri="/"][data-case="certa"] .page-case[data-case="certa"] .preview-section .link svg,
  body[data-uri="/"][data-case="certa"] .page-skill[data-skill="certa"] .preview-section .link svg {
    fill: #fa194b; }
  body[data-touch="false"] body[data-uri="case/certa"] .page-case[data-case="certa"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/certa"] .page-skill[data-skill="certa"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/certa"] .page-case[data-case="certa"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/certa"] .page-skill[data-skill="certa"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="certa"] .page-case[data-case="certa"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="certa"] .page-skill[data-skill="certa"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="certa"] .page-case[data-case="certa"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="certa"] .page-skill[data-skill="certa"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/certa"] .page-case[data-case="certa"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/certa"] .page-skill[data-skill="certa"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/certa"] .page-case[data-case="certa"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/certa"] .page-skill[data-skill="certa"] .video-section .video .video-playpause .btn svg,
body[data-uri="certa"] .page-case[data-case="certa"] .video-section .video .video-playpause .btn svg,
body[data-uri="certa"] .page-skill[data-skill="certa"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="certa"] .page-case[data-case="certa"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="certa"] .page-skill[data-skill="certa"] .video-section .video .video-playpause .btn svg {
  fill: rgba(250, 25, 75, 0.9); }

body[data-uri="case/certa"] .page-case[data-case="certa"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/certa"] .page-skill[data-skill="certa"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/certa"] .page-case[data-case="certa"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/certa"] .page-skill[data-skill="certa"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="certa"] .page-case[data-case="certa"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="certa"] .page-skill[data-skill="certa"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="certa"] .page-case[data-case="certa"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="certa"] .page-skill[data-skill="certa"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(250, 25, 75, 0.9); }

body[data-uri="case/certa"] .page-case[data-case="certa"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/certa"] .page-skill[data-skill="certa"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/certa"] .page-case[data-case="certa"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/certa"] .page-skill[data-skill="certa"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="certa"] .page-case[data-case="certa"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="certa"] .page-skill[data-skill="certa"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="certa"] .page-case[data-case="certa"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="certa"] .page-skill[data-skill="certa"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(250, 25, 75, 0.9); }

body[data-uri="case/certa"] .page-case[data-case="certa"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/certa"] .page-skill[data-skill="certa"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/certa"] .page-case[data-case="certa"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/certa"] .page-skill[data-skill="certa"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="certa"] .page-case[data-case="certa"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="certa"] .page-skill[data-skill="certa"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="certa"] .page-case[data-case="certa"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="certa"] .page-skill[data-skill="certa"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(250, 25, 75, 0.9); }

body[data-uri="case/certa"] .page-case[data-case="certa"] .video-section .video .video-fullscreen,
body[data-uri="case/certa"] .page-skill[data-skill="certa"] .video-section .video .video-fullscreen,
body[data-uri="skill/certa"] .page-case[data-case="certa"] .video-section .video .video-fullscreen,
body[data-uri="skill/certa"] .page-skill[data-skill="certa"] .video-section .video .video-fullscreen,
body[data-uri="certa"] .page-case[data-case="certa"] .video-section .video .video-fullscreen,
body[data-uri="certa"] .page-skill[data-skill="certa"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="certa"] .page-case[data-case="certa"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="certa"] .page-skill[data-skill="certa"] .video-section .video .video-fullscreen {
  background-color: rgba(250, 25, 75, 0.9); }

body[data-uri="case/certa"] .page-case[data-case="certa"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/certa"] .page-skill[data-skill="certa"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/certa"] .page-case[data-case="certa"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/certa"] .page-skill[data-skill="certa"] .video-section .video.active .video-playpause .btn,
body[data-uri="certa"] .page-case[data-case="certa"] .video-section .video.active .video-playpause .btn,
body[data-uri="certa"] .page-skill[data-skill="certa"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="certa"] .page-case[data-case="certa"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="certa"] .page-skill[data-skill="certa"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(250, 25, 75, 0.9); }
  body[data-uri="case/certa"] .page-case[data-case="certa"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/certa"] .page-skill[data-skill="certa"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/certa"] .page-case[data-case="certa"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/certa"] .page-skill[data-skill="certa"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="certa"] .page-case[data-case="certa"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="certa"] .page-skill[data-skill="certa"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="certa"] .page-case[data-case="certa"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="certa"] .page-skill[data-skill="certa"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/certa"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/certa"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="certa"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="certa"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(250, 25, 75, 0.8) !important; }
  body[data-uri="case/certa"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/certa"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="certa"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="certa"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-home .cases-section .overview .case[data-case="certa"] .case-image {
  background-image: url("../img/home/cases/certa.svg"); }
  @media (max-width: 991px) {
    .page-home .cases-section .overview .case[data-case="certa"] .case-image {
      background-position: left 22.5% center; } }

.page-case[data-case="certa"] section[data-section="topimage"] {
  background-color: #001e35; }
  .page-case[data-case="certa"] section[data-section="topimage"]:before {
    content: '';
    position: absolute;
    bottom: 50%;
    width: 100%;
    height: 100vh;
    background-color: #006b6d; }
  .page-case[data-case="certa"] section[data-section="topimage"] #topimage-scene {
    position: absolute;
    top: 44%;
    left: 0;
    width: 100%;
    height: 56.25vw;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .page-case[data-case="certa"] section[data-section="topimage"] #topimage-scene svg {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) !important;
      -ms-transform: translate(-50%, -50%) !important;
      transform: translate(-50%, -50%) !important;
      width: 100%;
      width: 50%;
      height: 100% !important; }
    @media (max-width: 991px) {
      .page-case[data-case="certa"] section[data-section="topimage"] #topimage-scene svg {
        width: 150% !important; } }

.page-case[data-case="certa"] section[data-section="illustration"] {
  position: relative;
  background-color: #6fbeb1;
  overflow: hidden; }
  body[data-performance="low"] .page-case[data-case="certa"] section[data-section="illustration"] {
    display: none !important; }
  .page-case[data-case="certa"] section[data-section="illustration"]:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 11.5%;
    background-color: #136c6d; }
  .page-case[data-case="certa"] section[data-section="illustration"] .container {
    position: relative;
    height: 33.75rem; }
    @media (min-width: 1920px) {
      .page-case[data-case="certa"] section[data-section="illustration"] .container {
        height: 60rem; } }

@media (min-width: 1480px) and (max-width: 1919px) {
  .page-case[data-case="certa"] section[data-section="illustration"] .container {
    height: 50.625rem; } }

@media (min-width: 1200px) and (max-width: 1479px) {
  .page-case[data-case="certa"] section[data-section="illustration"] .container {
    height: 41.25rem; } }
    .page-case[data-case="certa"] section[data-section="illustration"] .container #illustration2-scene {
      position: absolute;
      bottom: 0%;
      left: 0;
      width: 100%;
      height: 100%; }
      .page-case[data-case="certa"] section[data-section="illustration"] .container #illustration2-scene svg {
        position: absolute !important;
        bottom: 0 !important;
        left: 50% !important;
        -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
        width: auto !important;
        height: 100% !important; }

body[data-performance="low"] .page-case[data-case="certa"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/certa/preview/low/browser-1.jpg"); }

body[data-performance="low"] .page-case[data-case="certa"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/certa/preview/low/browser-2.jpg"); }

body[data-performance="low"] .page-case[data-case="certa"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/certa/preview/low/browser-3.jpg"); }

body[data-performance="high"] .page-case[data-case="certa"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/certa/preview/browser-1.png"); }

body[data-performance="high"] .page-case[data-case="certa"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/certa/preview/browser-2.png"); }

body[data-performance="high"] .page-case[data-case="certa"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/certa/preview/browser-3.png"); }

body[data-performance="low"] .page-case[data-case="certa"] section[data-section="commercial"] .video .preview {
  background-image: url("../img/case/certa/video/low/video.jpg"); }

body[data-performance="high"] .page-case[data-case="certa"] section[data-section="commercial"] .video .preview {
  background-image: url("../img/case/certa/video/video.png"); }

body.subpage .cases-section .case[data-case="danishclub"] .case-image,
body.subpage .cases-section .case[data-case="danishclub"] .skill-image,
body.subpage .skills-section .skill[data-skill="danishclub"] .case-image,
body.subpage .skills-section .skill[data-skill="danishclub"] .skill-image {
  background-image: url("../img/cases/danishclub.jpg"); }
  body.subpage .cases-section .case[data-case="danishclub"] .case-image:before, body.subpage .cases-section .case[data-case="danishclub"] .case-image:after,
  body.subpage .cases-section .case[data-case="danishclub"] .skill-image:before,
  body.subpage .cases-section .case[data-case="danishclub"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="danishclub"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="danishclub"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="danishclub"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="danishclub"] .skill-image:after {
    background-color: rgba(1, 42, 38, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="danishclub"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="danishclub"]:hover .skill-description {
  border-top-color: #012a26; }
  body[data-touch="false"].subpage .cases-section .case[data-case="danishclub"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="danishclub"]:hover .skill-description h4 {
    color: #012a26; }

body[data-uri="case/danishclub"] #navigation-trigger,
body[data-uri="case/danishclub"] #page-title div,
body[data-uri="case/danishclub"] #menu,
body[data-uri="case/danishclub"] #page-close,
body[data-uri="skill/danishclub"] #navigation-trigger,
body[data-uri="skill/danishclub"] #page-title div,
body[data-uri="skill/danishclub"] #menu,
body[data-uri="skill/danishclub"] #page-close,
body[data-uri="danishclub"] #navigation-trigger,
body[data-uri="danishclub"] #page-title div,
body[data-uri="danishclub"] #menu,
body[data-uri="danishclub"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"] #page-close {
  background-color: rgba(1, 42, 38, 0.9); }

body[data-uri="case/danishclub"] #page-close,
body[data-uri="skill/danishclub"] #page-close,
body[data-uri="danishclub"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"] #page-close {
  background-color: transparent;
  border-color: #012a26; }
  body[data-uri="case/danishclub"] #page-close:before, body[data-uri="case/danishclub"] #page-close:after,
  body[data-uri="skill/danishclub"] #page-close:before,
  body[data-uri="skill/danishclub"] #page-close:after,
  body[data-uri="danishclub"] #page-close:before,
  body[data-uri="danishclub"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"] #page-close:after {
    background-color: rgba(1, 42, 38, 0.75); }
  body[data-uri="case/danishclub"] #page-close svg,
  body[data-uri="skill/danishclub"] #page-close svg,
  body[data-uri="danishclub"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"] #page-close svg {
    fill: #012a26; }

body[data-uri="case/danishclub"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/danishclub"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/danishclub"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/danishclub"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="danishclub"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="danishclub"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #012a26; }

body[data-uri="case/danishclub"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/danishclub"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="danishclub"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #012a26; }

body[data-uri="case/danishclub"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/danishclub"][data-touch="false"] #page-close:hover svg,
body[data-uri="danishclub"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/danishclub"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/danishclub"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="danishclub"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #012a26; }

body[data-uri="case/danishclub"] a,
body[data-uri="case/danishclub"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/danishclub"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/danishclub"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/danishclub"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/danishclub"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/danishclub"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/danishclub"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/danishclub"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/danishclub"] a,
body[data-uri="skill/danishclub"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/danishclub"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/danishclub"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/danishclub"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/danishclub"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/danishclub"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/danishclub"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/danishclub"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="danishclub"] a,
body[data-uri="danishclub"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="danishclub"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="danishclub"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="danishclub"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="danishclub"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="danishclub"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="danishclub"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="danishclub"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #012a26; }

body[data-uri="case/danishclub"] .loader:before, body[data-uri="case/danishclub"] .loader:after,
body[data-uri="skill/danishclub"] .loader:before,
body[data-uri="skill/danishclub"] .loader:after,
body[data-uri="danishclub"] .loader:before,
body[data-uri="danishclub"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="danishclub"] .loader:after {
  background-color: #012a26; }

section#cases .case[data-case="danishclub"] .down svg {
  stroke: #012a26; }

body[data-uri="case/danishclub"] section#cases .description-box,
body[data-uri="skill/danishclub"] section#cases .description-box,
body[data-uri="danishclub"] section#cases .description-box,
body[data-uri="/"][data-case="danishclub"] section#cases .description-box {
  background-color: rgba(1, 42, 38, 0.9); }
  body[data-uri="case/danishclub"] section#cases .description-box .case-description[data-case="danishclub"],
  body[data-uri="skill/danishclub"] section#cases .description-box .case-description[data-case="danishclub"],
  body[data-uri="danishclub"] section#cases .description-box .case-description[data-case="danishclub"],
  body[data-uri="/"][data-case="danishclub"] section#cases .description-box .case-description[data-case="danishclub"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div,
    body[data-uri="skill/danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div,
    body[data-uri="danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div,
    body[data-uri="/"][data-case="danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(1),
    body[data-uri="skill/danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(1),
    body[data-uri="danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(2),
    body[data-uri="skill/danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(2),
    body[data-uri="danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(3),
    body[data-uri="skill/danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(3),
    body[data-uri="danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(4),
    body[data-uri="skill/danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(4),
    body[data-uri="danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(5),
    body[data-uri="skill/danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(5),
    body[data-uri="danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(6),
    body[data-uri="skill/danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(6),
    body[data-uri="danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="danishclub"] section#cases .description-box .case-description[data-case="danishclub"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/danishclub"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/danishclub"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="danishclub"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="danishclub"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #012a26; }

body[data-uri="case/danishclub"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/danishclub"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="danishclub"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="danishclub"][data-touch="false"] section#cases .description-box:hover .text {
  color: #012a26; }
  body[data-uri="case/danishclub"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/danishclub"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="danishclub"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="danishclub"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #012a26 !important; }
  body[data-uri="case/danishclub"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/danishclub"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="danishclub"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="danishclub"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #012a26 !important; }

body[data-uri="case/danishclub"] .page-case[data-case="danishclub"] .color-primary,
body[data-uri="case/danishclub"] .page-skill[data-skill="danishclub"] .color-primary,
body[data-uri="skill/danishclub"] .page-case[data-case="danishclub"] .color-primary,
body[data-uri="skill/danishclub"] .page-skill[data-skill="danishclub"] .color-primary,
body[data-uri="danishclub"] .page-case[data-case="danishclub"] .color-primary,
body[data-uri="danishclub"] .page-skill[data-skill="danishclub"] .color-primary,
body[data-uri="/"][data-case="danishclub"] .page-case[data-case="danishclub"] .color-primary,
body[data-uri="/"][data-case="danishclub"] .page-skill[data-skill="danishclub"] .color-primary {
  color: #012a26; }

body[data-uri="case/danishclub"] .page-case[data-case="danishclub"] .color-white,
body[data-uri="case/danishclub"] .page-skill[data-skill="danishclub"] .color-white,
body[data-uri="skill/danishclub"] .page-case[data-case="danishclub"] .color-white,
body[data-uri="skill/danishclub"] .page-skill[data-skill="danishclub"] .color-white,
body[data-uri="danishclub"] .page-case[data-case="danishclub"] .color-white,
body[data-uri="danishclub"] .page-skill[data-skill="danishclub"] .color-white,
body[data-uri="/"][data-case="danishclub"] .page-case[data-case="danishclub"] .color-white,
body[data-uri="/"][data-case="danishclub"] .page-skill[data-skill="danishclub"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/danishclub"] .page-case[data-case="danishclub"] .bg-primary,
body[data-uri="case/danishclub"] .page-skill[data-skill="danishclub"] .bg-primary,
body[data-uri="skill/danishclub"] .page-case[data-case="danishclub"] .bg-primary,
body[data-uri="skill/danishclub"] .page-skill[data-skill="danishclub"] .bg-primary,
body[data-uri="danishclub"] .page-case[data-case="danishclub"] .bg-primary,
body[data-uri="danishclub"] .page-skill[data-skill="danishclub"] .bg-primary,
body[data-uri="/"][data-case="danishclub"] .page-case[data-case="danishclub"] .bg-primary,
body[data-uri="/"][data-case="danishclub"] .page-skill[data-skill="danishclub"] .bg-primary {
  background-color: #012a26 !important; }

body[data-uri="case/danishclub"] .page-case[data-case="danishclub"] .topimage-section .down svg,
body[data-uri="case/danishclub"] .page-skill[data-skill="danishclub"] .topimage-section .down svg,
body[data-uri="skill/danishclub"] .page-case[data-case="danishclub"] .topimage-section .down svg,
body[data-uri="skill/danishclub"] .page-skill[data-skill="danishclub"] .topimage-section .down svg,
body[data-uri="danishclub"] .page-case[data-case="danishclub"] .topimage-section .down svg,
body[data-uri="danishclub"] .page-skill[data-skill="danishclub"] .topimage-section .down svg,
body[data-uri="/"][data-case="danishclub"] .page-case[data-case="danishclub"] .topimage-section .down svg,
body[data-uri="/"][data-case="danishclub"] .page-skill[data-skill="danishclub"] .topimage-section .down svg {
  stroke: #012a26; }

body[data-uri="case/danishclub"] .page-case[data-case="danishclub"] .textbox-bordered,
body[data-uri="case/danishclub"] .page-skill[data-skill="danishclub"] .textbox-bordered,
body[data-uri="skill/danishclub"] .page-case[data-case="danishclub"] .textbox-bordered,
body[data-uri="skill/danishclub"] .page-skill[data-skill="danishclub"] .textbox-bordered,
body[data-uri="danishclub"] .page-case[data-case="danishclub"] .textbox-bordered,
body[data-uri="danishclub"] .page-skill[data-skill="danishclub"] .textbox-bordered,
body[data-uri="/"][data-case="danishclub"] .page-case[data-case="danishclub"] .textbox-bordered,
body[data-uri="/"][data-case="danishclub"] .page-skill[data-skill="danishclub"] .textbox-bordered {
  border-top-color: #012a26; }

body[data-uri="case/danishclub"] .page-case[data-case="danishclub"] .textbox-background,
body[data-uri="case/danishclub"] .page-skill[data-skill="danishclub"] .textbox-background,
body[data-uri="skill/danishclub"] .page-case[data-case="danishclub"] .textbox-background,
body[data-uri="skill/danishclub"] .page-skill[data-skill="danishclub"] .textbox-background,
body[data-uri="danishclub"] .page-case[data-case="danishclub"] .textbox-background,
body[data-uri="danishclub"] .page-skill[data-skill="danishclub"] .textbox-background,
body[data-uri="/"][data-case="danishclub"] .page-case[data-case="danishclub"] .textbox-background,
body[data-uri="/"][data-case="danishclub"] .page-skill[data-skill="danishclub"] .textbox-background {
  background-color: rgba(1, 42, 38, 0.9); }

body[data-uri="case/danishclub"] .page-case[data-case="danishclub"] .preview-section .link,
body[data-uri="case/danishclub"] .page-skill[data-skill="danishclub"] .preview-section .link,
body[data-uri="skill/danishclub"] .page-case[data-case="danishclub"] .preview-section .link,
body[data-uri="skill/danishclub"] .page-skill[data-skill="danishclub"] .preview-section .link,
body[data-uri="danishclub"] .page-case[data-case="danishclub"] .preview-section .link,
body[data-uri="danishclub"] .page-skill[data-skill="danishclub"] .preview-section .link,
body[data-uri="/"][data-case="danishclub"] .page-case[data-case="danishclub"] .preview-section .link,
body[data-uri="/"][data-case="danishclub"] .page-skill[data-skill="danishclub"] .preview-section .link {
  background-color: transparent;
  border-color: #012a26; }
  body[data-uri="case/danishclub"] .page-case[data-case="danishclub"] .preview-section .link:before, body[data-uri="case/danishclub"] .page-case[data-case="danishclub"] .preview-section .link:after,
  body[data-uri="case/danishclub"] .page-skill[data-skill="danishclub"] .preview-section .link:before,
  body[data-uri="case/danishclub"] .page-skill[data-skill="danishclub"] .preview-section .link:after,
  body[data-uri="skill/danishclub"] .page-case[data-case="danishclub"] .preview-section .link:before,
  body[data-uri="skill/danishclub"] .page-case[data-case="danishclub"] .preview-section .link:after,
  body[data-uri="skill/danishclub"] .page-skill[data-skill="danishclub"] .preview-section .link:before,
  body[data-uri="skill/danishclub"] .page-skill[data-skill="danishclub"] .preview-section .link:after,
  body[data-uri="danishclub"] .page-case[data-case="danishclub"] .preview-section .link:before,
  body[data-uri="danishclub"] .page-case[data-case="danishclub"] .preview-section .link:after,
  body[data-uri="danishclub"] .page-skill[data-skill="danishclub"] .preview-section .link:before,
  body[data-uri="danishclub"] .page-skill[data-skill="danishclub"] .preview-section .link:after,
  body[data-uri="/"][data-case="danishclub"] .page-case[data-case="danishclub"] .preview-section .link:before,
  body[data-uri="/"][data-case="danishclub"] .page-case[data-case="danishclub"] .preview-section .link:after,
  body[data-uri="/"][data-case="danishclub"] .page-skill[data-skill="danishclub"] .preview-section .link:before,
  body[data-uri="/"][data-case="danishclub"] .page-skill[data-skill="danishclub"] .preview-section .link:after {
    background-color: rgba(1, 42, 38, 0.75); }
  body[data-uri="case/danishclub"] .page-case[data-case="danishclub"] .preview-section .link svg,
  body[data-uri="case/danishclub"] .page-skill[data-skill="danishclub"] .preview-section .link svg,
  body[data-uri="skill/danishclub"] .page-case[data-case="danishclub"] .preview-section .link svg,
  body[data-uri="skill/danishclub"] .page-skill[data-skill="danishclub"] .preview-section .link svg,
  body[data-uri="danishclub"] .page-case[data-case="danishclub"] .preview-section .link svg,
  body[data-uri="danishclub"] .page-skill[data-skill="danishclub"] .preview-section .link svg,
  body[data-uri="/"][data-case="danishclub"] .page-case[data-case="danishclub"] .preview-section .link svg,
  body[data-uri="/"][data-case="danishclub"] .page-skill[data-skill="danishclub"] .preview-section .link svg {
    fill: #012a26; }
  body[data-touch="false"] body[data-uri="case/danishclub"] .page-case[data-case="danishclub"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/danishclub"] .page-skill[data-skill="danishclub"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/danishclub"] .page-case[data-case="danishclub"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/danishclub"] .page-skill[data-skill="danishclub"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="danishclub"] .page-case[data-case="danishclub"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="danishclub"] .page-skill[data-skill="danishclub"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="danishclub"] .page-case[data-case="danishclub"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="danishclub"] .page-skill[data-skill="danishclub"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/danishclub"] .page-case[data-case="danishclub"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/danishclub"] .page-skill[data-skill="danishclub"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/danishclub"] .page-case[data-case="danishclub"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/danishclub"] .page-skill[data-skill="danishclub"] .video-section .video .video-playpause .btn svg,
body[data-uri="danishclub"] .page-case[data-case="danishclub"] .video-section .video .video-playpause .btn svg,
body[data-uri="danishclub"] .page-skill[data-skill="danishclub"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="danishclub"] .page-case[data-case="danishclub"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="danishclub"] .page-skill[data-skill="danishclub"] .video-section .video .video-playpause .btn svg {
  fill: rgba(1, 42, 38, 0.9); }

body[data-uri="case/danishclub"] .page-case[data-case="danishclub"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/danishclub"] .page-skill[data-skill="danishclub"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/danishclub"] .page-case[data-case="danishclub"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/danishclub"] .page-skill[data-skill="danishclub"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="danishclub"] .page-case[data-case="danishclub"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="danishclub"] .page-skill[data-skill="danishclub"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="danishclub"] .page-case[data-case="danishclub"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="danishclub"] .page-skill[data-skill="danishclub"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(1, 42, 38, 0.9); }

body[data-uri="case/danishclub"] .page-case[data-case="danishclub"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/danishclub"] .page-skill[data-skill="danishclub"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/danishclub"] .page-case[data-case="danishclub"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/danishclub"] .page-skill[data-skill="danishclub"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="danishclub"] .page-case[data-case="danishclub"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="danishclub"] .page-skill[data-skill="danishclub"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="danishclub"] .page-case[data-case="danishclub"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="danishclub"] .page-skill[data-skill="danishclub"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(1, 42, 38, 0.9); }

body[data-uri="case/danishclub"] .page-case[data-case="danishclub"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/danishclub"] .page-skill[data-skill="danishclub"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/danishclub"] .page-case[data-case="danishclub"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/danishclub"] .page-skill[data-skill="danishclub"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="danishclub"] .page-case[data-case="danishclub"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="danishclub"] .page-skill[data-skill="danishclub"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="danishclub"] .page-case[data-case="danishclub"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="danishclub"] .page-skill[data-skill="danishclub"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(1, 42, 38, 0.9); }

body[data-uri="case/danishclub"] .page-case[data-case="danishclub"] .video-section .video .video-fullscreen,
body[data-uri="case/danishclub"] .page-skill[data-skill="danishclub"] .video-section .video .video-fullscreen,
body[data-uri="skill/danishclub"] .page-case[data-case="danishclub"] .video-section .video .video-fullscreen,
body[data-uri="skill/danishclub"] .page-skill[data-skill="danishclub"] .video-section .video .video-fullscreen,
body[data-uri="danishclub"] .page-case[data-case="danishclub"] .video-section .video .video-fullscreen,
body[data-uri="danishclub"] .page-skill[data-skill="danishclub"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="danishclub"] .page-case[data-case="danishclub"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="danishclub"] .page-skill[data-skill="danishclub"] .video-section .video .video-fullscreen {
  background-color: rgba(1, 42, 38, 0.9); }

body[data-uri="case/danishclub"] .page-case[data-case="danishclub"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/danishclub"] .page-skill[data-skill="danishclub"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/danishclub"] .page-case[data-case="danishclub"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/danishclub"] .page-skill[data-skill="danishclub"] .video-section .video.active .video-playpause .btn,
body[data-uri="danishclub"] .page-case[data-case="danishclub"] .video-section .video.active .video-playpause .btn,
body[data-uri="danishclub"] .page-skill[data-skill="danishclub"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="danishclub"] .page-case[data-case="danishclub"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="danishclub"] .page-skill[data-skill="danishclub"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(1, 42, 38, 0.9); }
  body[data-uri="case/danishclub"] .page-case[data-case="danishclub"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/danishclub"] .page-skill[data-skill="danishclub"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/danishclub"] .page-case[data-case="danishclub"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/danishclub"] .page-skill[data-skill="danishclub"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="danishclub"] .page-case[data-case="danishclub"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="danishclub"] .page-skill[data-skill="danishclub"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="danishclub"] .page-case[data-case="danishclub"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="danishclub"] .page-skill[data-skill="danishclub"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/danishclub"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/danishclub"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="danishclub"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="danishclub"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(1, 42, 38, 0.8) !important; }
  body[data-uri="case/danishclub"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/danishclub"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="danishclub"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="danishclub"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

body[data-performance="low"] .page-home .cases-section .overview .case[data-case="danishclub"] .case-image {
  background-image: url("../img/home/cases/low/danishclub.jpg"); }

body[data-performance="high"] .page-home .cases-section .overview .case[data-case="danishclub"] .case-image {
  background-image: url("../img/home/cases/danishclub.jpg"); }

@media (max-width: 991px) {
  .page-home .cases-section .overview .case[data-case="danishclub"] .case-image {
    background-position: left 20% center; } }

.page-case[data-case="danishclub"] section[data-section="topimage"] .topimage {
  background-image: url("../img/case/danishclub/topimage/topimage.jpg"); }
  @media (max-width: 991px) {
    .page-case[data-case="danishclub"] section[data-section="topimage"] .topimage {
      background-position: left 62% center; } }

.page-case[data-case="danishclub"] section[data-section="fullwidth"] .fullwidthimage {
  background-image: url("../img/case/danishclub/wide.jpg");
  height: 100%;
  background-size: cover;
  background-position: center; }
  @media (max-width: 991px) {
    .page-case[data-case="danishclub"] section[data-section="fullwidth"] .fullwidthimage {
      background-position: left 62% center; } }

.page-case[data-case="danishclub"] section[data-section="fullwidth"] .bottom {
  position: absolute;
  bottom: 0; }

body[data-performance="low"] .page-case[data-case="danishclub"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/danishclub/preview/low/browser-1.jpg"); }

body[data-performance="low"] .page-case[data-case="danishclub"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/danishclub/preview/low/browser-2.jpg"); }

body[data-performance="low"] .page-case[data-case="danishclub"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/danishclub/preview/low/browser-3.jpg"); }

body[data-performance="low"] .page-case[data-case="danishclub"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/case/danishclub/preview/low/browser-4.jpg"); }

body[data-performance="high"] .page-case[data-case="danishclub"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/danishclub/preview/browser-1.jpg"); }

body[data-performance="high"] .page-case[data-case="danishclub"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/danishclub/preview/browser-2.jpg"); }

body[data-performance="high"] .page-case[data-case="danishclub"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/danishclub/preview/browser-3.jpg"); }

body[data-performance="high"] .page-case[data-case="danishclub"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/case/danishclub/preview/browser-4.jpg"); }

body.subpage .cases-section .case[data-case="danskebank"] .case-image,
body.subpage .cases-section .case[data-case="danskebank"] .skill-image,
body.subpage .skills-section .skill[data-skill="danskebank"] .case-image,
body.subpage .skills-section .skill[data-skill="danskebank"] .skill-image {
  background-image: url("../img/cases/danskebank.svg"); }
  body.subpage .cases-section .case[data-case="danskebank"] .case-image:before, body.subpage .cases-section .case[data-case="danskebank"] .case-image:after,
  body.subpage .cases-section .case[data-case="danskebank"] .skill-image:before,
  body.subpage .cases-section .case[data-case="danskebank"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="danskebank"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="danskebank"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="danskebank"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="danskebank"] .skill-image:after {
    background-color: rgba(0, 100, 200, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="danskebank"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="danskebank"]:hover .skill-description {
  border-top-color: #0064c8; }
  body[data-touch="false"].subpage .cases-section .case[data-case="danskebank"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="danskebank"]:hover .skill-description h4 {
    color: #0064c8; }

body[data-uri="case/danskebank"] #navigation-trigger,
body[data-uri="case/danskebank"] #page-title div,
body[data-uri="case/danskebank"] #menu,
body[data-uri="case/danskebank"] #page-close,
body[data-uri="skill/danskebank"] #navigation-trigger,
body[data-uri="skill/danskebank"] #page-title div,
body[data-uri="skill/danskebank"] #menu,
body[data-uri="skill/danskebank"] #page-close,
body[data-uri="danskebank"] #navigation-trigger,
body[data-uri="danskebank"] #page-title div,
body[data-uri="danskebank"] #menu,
body[data-uri="danskebank"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"] #page-close {
  background-color: rgba(0, 100, 200, 0.9); }

body[data-uri="case/danskebank"] #page-close,
body[data-uri="skill/danskebank"] #page-close,
body[data-uri="danskebank"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"] #page-close {
  background-color: transparent;
  border-color: #0064c8; }
  body[data-uri="case/danskebank"] #page-close:before, body[data-uri="case/danskebank"] #page-close:after,
  body[data-uri="skill/danskebank"] #page-close:before,
  body[data-uri="skill/danskebank"] #page-close:after,
  body[data-uri="danskebank"] #page-close:before,
  body[data-uri="danskebank"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"] #page-close:after {
    background-color: rgba(0, 100, 200, 0.75); }
  body[data-uri="case/danskebank"] #page-close svg,
  body[data-uri="skill/danskebank"] #page-close svg,
  body[data-uri="danskebank"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"] #page-close svg {
    fill: #0064c8; }

body[data-uri="case/danskebank"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/danskebank"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/danskebank"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/danskebank"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="danskebank"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="danskebank"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #0064c8; }

body[data-uri="case/danskebank"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/danskebank"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="danskebank"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #0064c8; }

body[data-uri="case/danskebank"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/danskebank"][data-touch="false"] #page-close:hover svg,
body[data-uri="danskebank"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/danskebank"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/danskebank"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="danskebank"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #0064c8; }

body[data-uri="case/danskebank"] a,
body[data-uri="case/danskebank"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/danskebank"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/danskebank"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/danskebank"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/danskebank"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/danskebank"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/danskebank"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/danskebank"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/danskebank"] a,
body[data-uri="skill/danskebank"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/danskebank"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/danskebank"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/danskebank"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/danskebank"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/danskebank"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/danskebank"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/danskebank"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="danskebank"] a,
body[data-uri="danskebank"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="danskebank"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="danskebank"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="danskebank"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="danskebank"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="danskebank"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="danskebank"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="danskebank"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #0064c8; }

body[data-uri="case/danskebank"] .loader:before, body[data-uri="case/danskebank"] .loader:after,
body[data-uri="skill/danskebank"] .loader:before,
body[data-uri="skill/danskebank"] .loader:after,
body[data-uri="danskebank"] .loader:before,
body[data-uri="danskebank"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="danskebank"] .loader:after {
  background-color: #0064c8; }

section#cases .case[data-case="danskebank"] .down svg {
  stroke: #0064c8; }

body[data-uri="case/danskebank"] section#cases .description-box,
body[data-uri="skill/danskebank"] section#cases .description-box,
body[data-uri="danskebank"] section#cases .description-box,
body[data-uri="/"][data-case="danskebank"] section#cases .description-box {
  background-color: rgba(0, 100, 200, 0.9); }
  body[data-uri="case/danskebank"] section#cases .description-box .case-description[data-case="danskebank"],
  body[data-uri="skill/danskebank"] section#cases .description-box .case-description[data-case="danskebank"],
  body[data-uri="danskebank"] section#cases .description-box .case-description[data-case="danskebank"],
  body[data-uri="/"][data-case="danskebank"] section#cases .description-box .case-description[data-case="danskebank"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div,
    body[data-uri="skill/danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div,
    body[data-uri="danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div,
    body[data-uri="/"][data-case="danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(1),
    body[data-uri="skill/danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(1),
    body[data-uri="danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(2),
    body[data-uri="skill/danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(2),
    body[data-uri="danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(3),
    body[data-uri="skill/danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(3),
    body[data-uri="danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(4),
    body[data-uri="skill/danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(4),
    body[data-uri="danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(5),
    body[data-uri="skill/danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(5),
    body[data-uri="danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(6),
    body[data-uri="skill/danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(6),
    body[data-uri="danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="danskebank"] section#cases .description-box .case-description[data-case="danskebank"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/danskebank"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/danskebank"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="danskebank"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="danskebank"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #0064c8; }

body[data-uri="case/danskebank"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/danskebank"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="danskebank"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="danskebank"][data-touch="false"] section#cases .description-box:hover .text {
  color: #0064c8; }
  body[data-uri="case/danskebank"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/danskebank"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="danskebank"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="danskebank"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #0064c8 !important; }
  body[data-uri="case/danskebank"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/danskebank"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="danskebank"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="danskebank"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #0064c8 !important; }

body[data-uri="case/danskebank"] .page-case[data-case="danskebank"] .color-primary,
body[data-uri="case/danskebank"] .page-skill[data-skill="danskebank"] .color-primary,
body[data-uri="skill/danskebank"] .page-case[data-case="danskebank"] .color-primary,
body[data-uri="skill/danskebank"] .page-skill[data-skill="danskebank"] .color-primary,
body[data-uri="danskebank"] .page-case[data-case="danskebank"] .color-primary,
body[data-uri="danskebank"] .page-skill[data-skill="danskebank"] .color-primary,
body[data-uri="/"][data-case="danskebank"] .page-case[data-case="danskebank"] .color-primary,
body[data-uri="/"][data-case="danskebank"] .page-skill[data-skill="danskebank"] .color-primary {
  color: #0064c8; }

body[data-uri="case/danskebank"] .page-case[data-case="danskebank"] .color-white,
body[data-uri="case/danskebank"] .page-skill[data-skill="danskebank"] .color-white,
body[data-uri="skill/danskebank"] .page-case[data-case="danskebank"] .color-white,
body[data-uri="skill/danskebank"] .page-skill[data-skill="danskebank"] .color-white,
body[data-uri="danskebank"] .page-case[data-case="danskebank"] .color-white,
body[data-uri="danskebank"] .page-skill[data-skill="danskebank"] .color-white,
body[data-uri="/"][data-case="danskebank"] .page-case[data-case="danskebank"] .color-white,
body[data-uri="/"][data-case="danskebank"] .page-skill[data-skill="danskebank"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/danskebank"] .page-case[data-case="danskebank"] .bg-primary,
body[data-uri="case/danskebank"] .page-skill[data-skill="danskebank"] .bg-primary,
body[data-uri="skill/danskebank"] .page-case[data-case="danskebank"] .bg-primary,
body[data-uri="skill/danskebank"] .page-skill[data-skill="danskebank"] .bg-primary,
body[data-uri="danskebank"] .page-case[data-case="danskebank"] .bg-primary,
body[data-uri="danskebank"] .page-skill[data-skill="danskebank"] .bg-primary,
body[data-uri="/"][data-case="danskebank"] .page-case[data-case="danskebank"] .bg-primary,
body[data-uri="/"][data-case="danskebank"] .page-skill[data-skill="danskebank"] .bg-primary {
  background-color: #0064c8 !important; }

body[data-uri="case/danskebank"] .page-case[data-case="danskebank"] .topimage-section .down svg,
body[data-uri="case/danskebank"] .page-skill[data-skill="danskebank"] .topimage-section .down svg,
body[data-uri="skill/danskebank"] .page-case[data-case="danskebank"] .topimage-section .down svg,
body[data-uri="skill/danskebank"] .page-skill[data-skill="danskebank"] .topimage-section .down svg,
body[data-uri="danskebank"] .page-case[data-case="danskebank"] .topimage-section .down svg,
body[data-uri="danskebank"] .page-skill[data-skill="danskebank"] .topimage-section .down svg,
body[data-uri="/"][data-case="danskebank"] .page-case[data-case="danskebank"] .topimage-section .down svg,
body[data-uri="/"][data-case="danskebank"] .page-skill[data-skill="danskebank"] .topimage-section .down svg {
  stroke: #0064c8; }

body[data-uri="case/danskebank"] .page-case[data-case="danskebank"] .textbox-bordered,
body[data-uri="case/danskebank"] .page-skill[data-skill="danskebank"] .textbox-bordered,
body[data-uri="skill/danskebank"] .page-case[data-case="danskebank"] .textbox-bordered,
body[data-uri="skill/danskebank"] .page-skill[data-skill="danskebank"] .textbox-bordered,
body[data-uri="danskebank"] .page-case[data-case="danskebank"] .textbox-bordered,
body[data-uri="danskebank"] .page-skill[data-skill="danskebank"] .textbox-bordered,
body[data-uri="/"][data-case="danskebank"] .page-case[data-case="danskebank"] .textbox-bordered,
body[data-uri="/"][data-case="danskebank"] .page-skill[data-skill="danskebank"] .textbox-bordered {
  border-top-color: #0064c8; }

body[data-uri="case/danskebank"] .page-case[data-case="danskebank"] .textbox-background,
body[data-uri="case/danskebank"] .page-skill[data-skill="danskebank"] .textbox-background,
body[data-uri="skill/danskebank"] .page-case[data-case="danskebank"] .textbox-background,
body[data-uri="skill/danskebank"] .page-skill[data-skill="danskebank"] .textbox-background,
body[data-uri="danskebank"] .page-case[data-case="danskebank"] .textbox-background,
body[data-uri="danskebank"] .page-skill[data-skill="danskebank"] .textbox-background,
body[data-uri="/"][data-case="danskebank"] .page-case[data-case="danskebank"] .textbox-background,
body[data-uri="/"][data-case="danskebank"] .page-skill[data-skill="danskebank"] .textbox-background {
  background-color: rgba(0, 100, 200, 0.9); }

body[data-uri="case/danskebank"] .page-case[data-case="danskebank"] .preview-section .link,
body[data-uri="case/danskebank"] .page-skill[data-skill="danskebank"] .preview-section .link,
body[data-uri="skill/danskebank"] .page-case[data-case="danskebank"] .preview-section .link,
body[data-uri="skill/danskebank"] .page-skill[data-skill="danskebank"] .preview-section .link,
body[data-uri="danskebank"] .page-case[data-case="danskebank"] .preview-section .link,
body[data-uri="danskebank"] .page-skill[data-skill="danskebank"] .preview-section .link,
body[data-uri="/"][data-case="danskebank"] .page-case[data-case="danskebank"] .preview-section .link,
body[data-uri="/"][data-case="danskebank"] .page-skill[data-skill="danskebank"] .preview-section .link {
  background-color: transparent;
  border-color: #0064c8; }
  body[data-uri="case/danskebank"] .page-case[data-case="danskebank"] .preview-section .link:before, body[data-uri="case/danskebank"] .page-case[data-case="danskebank"] .preview-section .link:after,
  body[data-uri="case/danskebank"] .page-skill[data-skill="danskebank"] .preview-section .link:before,
  body[data-uri="case/danskebank"] .page-skill[data-skill="danskebank"] .preview-section .link:after,
  body[data-uri="skill/danskebank"] .page-case[data-case="danskebank"] .preview-section .link:before,
  body[data-uri="skill/danskebank"] .page-case[data-case="danskebank"] .preview-section .link:after,
  body[data-uri="skill/danskebank"] .page-skill[data-skill="danskebank"] .preview-section .link:before,
  body[data-uri="skill/danskebank"] .page-skill[data-skill="danskebank"] .preview-section .link:after,
  body[data-uri="danskebank"] .page-case[data-case="danskebank"] .preview-section .link:before,
  body[data-uri="danskebank"] .page-case[data-case="danskebank"] .preview-section .link:after,
  body[data-uri="danskebank"] .page-skill[data-skill="danskebank"] .preview-section .link:before,
  body[data-uri="danskebank"] .page-skill[data-skill="danskebank"] .preview-section .link:after,
  body[data-uri="/"][data-case="danskebank"] .page-case[data-case="danskebank"] .preview-section .link:before,
  body[data-uri="/"][data-case="danskebank"] .page-case[data-case="danskebank"] .preview-section .link:after,
  body[data-uri="/"][data-case="danskebank"] .page-skill[data-skill="danskebank"] .preview-section .link:before,
  body[data-uri="/"][data-case="danskebank"] .page-skill[data-skill="danskebank"] .preview-section .link:after {
    background-color: rgba(0, 100, 200, 0.75); }
  body[data-uri="case/danskebank"] .page-case[data-case="danskebank"] .preview-section .link svg,
  body[data-uri="case/danskebank"] .page-skill[data-skill="danskebank"] .preview-section .link svg,
  body[data-uri="skill/danskebank"] .page-case[data-case="danskebank"] .preview-section .link svg,
  body[data-uri="skill/danskebank"] .page-skill[data-skill="danskebank"] .preview-section .link svg,
  body[data-uri="danskebank"] .page-case[data-case="danskebank"] .preview-section .link svg,
  body[data-uri="danskebank"] .page-skill[data-skill="danskebank"] .preview-section .link svg,
  body[data-uri="/"][data-case="danskebank"] .page-case[data-case="danskebank"] .preview-section .link svg,
  body[data-uri="/"][data-case="danskebank"] .page-skill[data-skill="danskebank"] .preview-section .link svg {
    fill: #0064c8; }
  body[data-touch="false"] body[data-uri="case/danskebank"] .page-case[data-case="danskebank"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/danskebank"] .page-skill[data-skill="danskebank"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/danskebank"] .page-case[data-case="danskebank"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/danskebank"] .page-skill[data-skill="danskebank"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="danskebank"] .page-case[data-case="danskebank"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="danskebank"] .page-skill[data-skill="danskebank"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="danskebank"] .page-case[data-case="danskebank"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="danskebank"] .page-skill[data-skill="danskebank"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/danskebank"] .page-case[data-case="danskebank"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/danskebank"] .page-skill[data-skill="danskebank"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/danskebank"] .page-case[data-case="danskebank"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/danskebank"] .page-skill[data-skill="danskebank"] .video-section .video .video-playpause .btn svg,
body[data-uri="danskebank"] .page-case[data-case="danskebank"] .video-section .video .video-playpause .btn svg,
body[data-uri="danskebank"] .page-skill[data-skill="danskebank"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="danskebank"] .page-case[data-case="danskebank"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="danskebank"] .page-skill[data-skill="danskebank"] .video-section .video .video-playpause .btn svg {
  fill: rgba(0, 100, 200, 0.9); }

body[data-uri="case/danskebank"] .page-case[data-case="danskebank"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/danskebank"] .page-skill[data-skill="danskebank"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/danskebank"] .page-case[data-case="danskebank"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/danskebank"] .page-skill[data-skill="danskebank"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="danskebank"] .page-case[data-case="danskebank"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="danskebank"] .page-skill[data-skill="danskebank"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="danskebank"] .page-case[data-case="danskebank"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="danskebank"] .page-skill[data-skill="danskebank"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(0, 100, 200, 0.9); }

body[data-uri="case/danskebank"] .page-case[data-case="danskebank"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/danskebank"] .page-skill[data-skill="danskebank"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/danskebank"] .page-case[data-case="danskebank"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/danskebank"] .page-skill[data-skill="danskebank"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="danskebank"] .page-case[data-case="danskebank"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="danskebank"] .page-skill[data-skill="danskebank"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="danskebank"] .page-case[data-case="danskebank"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="danskebank"] .page-skill[data-skill="danskebank"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(0, 100, 200, 0.9); }

body[data-uri="case/danskebank"] .page-case[data-case="danskebank"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/danskebank"] .page-skill[data-skill="danskebank"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/danskebank"] .page-case[data-case="danskebank"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/danskebank"] .page-skill[data-skill="danskebank"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="danskebank"] .page-case[data-case="danskebank"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="danskebank"] .page-skill[data-skill="danskebank"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="danskebank"] .page-case[data-case="danskebank"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="danskebank"] .page-skill[data-skill="danskebank"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(0, 100, 200, 0.9); }

body[data-uri="case/danskebank"] .page-case[data-case="danskebank"] .video-section .video .video-fullscreen,
body[data-uri="case/danskebank"] .page-skill[data-skill="danskebank"] .video-section .video .video-fullscreen,
body[data-uri="skill/danskebank"] .page-case[data-case="danskebank"] .video-section .video .video-fullscreen,
body[data-uri="skill/danskebank"] .page-skill[data-skill="danskebank"] .video-section .video .video-fullscreen,
body[data-uri="danskebank"] .page-case[data-case="danskebank"] .video-section .video .video-fullscreen,
body[data-uri="danskebank"] .page-skill[data-skill="danskebank"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="danskebank"] .page-case[data-case="danskebank"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="danskebank"] .page-skill[data-skill="danskebank"] .video-section .video .video-fullscreen {
  background-color: rgba(0, 100, 200, 0.9); }

body[data-uri="case/danskebank"] .page-case[data-case="danskebank"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/danskebank"] .page-skill[data-skill="danskebank"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/danskebank"] .page-case[data-case="danskebank"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/danskebank"] .page-skill[data-skill="danskebank"] .video-section .video.active .video-playpause .btn,
body[data-uri="danskebank"] .page-case[data-case="danskebank"] .video-section .video.active .video-playpause .btn,
body[data-uri="danskebank"] .page-skill[data-skill="danskebank"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="danskebank"] .page-case[data-case="danskebank"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="danskebank"] .page-skill[data-skill="danskebank"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(0, 100, 200, 0.9); }
  body[data-uri="case/danskebank"] .page-case[data-case="danskebank"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/danskebank"] .page-skill[data-skill="danskebank"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/danskebank"] .page-case[data-case="danskebank"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/danskebank"] .page-skill[data-skill="danskebank"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="danskebank"] .page-case[data-case="danskebank"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="danskebank"] .page-skill[data-skill="danskebank"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="danskebank"] .page-case[data-case="danskebank"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="danskebank"] .page-skill[data-skill="danskebank"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/danskebank"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/danskebank"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="danskebank"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="danskebank"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(0, 100, 200, 0.8) !important; }
  body[data-uri="case/danskebank"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/danskebank"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="danskebank"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="danskebank"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-home .cases-section .overview .case[data-case="danskebank"] .case-image {
  background-image: url("../img/home/cases/danskebank.svg"); }
  @media (max-width: 991px) {
    .page-home .cases-section .overview .case[data-case="danskebank"] .case-image {
      background-position: left 20% center; } }

.page-case[data-case="danskebank"] section[data-section="topimage"] {
  background-color: #efa843;
  background-image: url("") !important;
  overflow: hidden; }
  .page-case[data-case="danskebank"] section[data-section="topimage"] .topimage .illustration {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%; }
    .page-case[data-case="danskebank"] section[data-section="topimage"] .topimage .illustration img {
      -webkit-animation-fill-mode: both !important;
      animation-fill-mode: both !important; }
      .page-case[data-case="danskebank"] section[data-section="topimage"] .topimage .illustration img:nth-of-type(2) {
        -webkit-animation: danskebankCat 10000ms linear 0ms infinite;
        animation: danskebankCat 10000ms linear 0ms infinite; }
      .page-case[data-case="danskebank"] section[data-section="topimage"] .topimage .illustration img:nth-of-type(3), .page-case[data-case="danskebank"] section[data-section="topimage"] .topimage .illustration img:nth-of-type(10) {
        -webkit-animation: danskebankCat 10000ms linear 4000ms infinite;
        animation: danskebankCat 10000ms linear 4000ms infinite; }
      .page-case[data-case="danskebank"] section[data-section="topimage"] .topimage .illustration img:nth-of-type(4) {
        -webkit-animation: danskebankCat 10000ms linear 2000ms infinite;
        animation: danskebankCat 10000ms linear 2000ms infinite; }
      .page-case[data-case="danskebank"] section[data-section="topimage"] .topimage .illustration img:nth-of-type(5) {
        -webkit-animation: danskebankCat 10000ms linear 6000ms infinite;
        animation: danskebankCat 10000ms linear 6000ms infinite; }
      .page-case[data-case="danskebank"] section[data-section="topimage"] .topimage .illustration img:nth-of-type(6), .page-case[data-case="danskebank"] section[data-section="topimage"] .topimage .illustration img:nth-of-type(8) {
        -webkit-animation: danskebankCat 10000ms linear 8000ms infinite;
        animation: danskebankCat 10000ms linear 8000ms infinite; }
    .page-case[data-case="danskebank"] section[data-section="topimage"] .topimage .illustration .layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    @media (max-width: 991px) {
      .page-case[data-case="danskebank"] section[data-section="topimage"] .topimage .illustration {
        width: 125%; } }

.page-case[data-case="danskebank"] section[data-section="designprocess"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/danskebank/illustrations/illustration-2-3.gif"); }

.page-case[data-case="danskebank"] section[data-section="designprocess"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/danskebank/illustrations/illustration-2-2.svg"); }

.page-case[data-case="danskebank"] section[data-section="designprocess"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/danskebank/illustrations/illustration-2-1.jpg"); }

body[data-performance="low"] .page-case[data-case="danskebank"] section[data-section="commercial"] .video .preview {
  background-image: url("../img/case/danskebank/video/low/video.jpg"); }

body[data-performance="high"] .page-case[data-case="danskebank"] section[data-section="commercial"] .video .preview {
  background-image: url("../img/case/danskebank/video/video.png"); }

.page-case[data-case="danskebank"] section[data-section="characters"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/danskebank/characters/officeworker.svg"); }

.page-case[data-case="danskebank"] section[data-section="characters"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/danskebank/characters/runner.svg"); }

.page-case[data-case="danskebank"] section[data-section="characters"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/danskebank/characters/pia.svg"); }

.page-case[data-case="danskebank"] section[data-section="characters"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/case/danskebank/characters/metalfan.svg"); }

.page-case[data-case="danskebank"] section[data-section="characters"] .swiper-container .swiper-slide:nth-of-type(5) .image {
  background-image: url("../img/case/danskebank/characters/woman-flight.svg"); }

.page-case[data-case="danskebank"] section[data-section="characters"] .swiper-container .swiper-slide:nth-of-type(6) .image {
  background-image: url("../img/case/danskebank/characters/receptionist.svg"); }

@-webkit-keyframes danskebankCat {
  0% {
    opacity: 0; }
  0.01% {
    opacity: 1; }
  19.99% {
    opacity: 1; }
  20% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes danskebankCat {
  0% {
    opacity: 0; }
  0.01% {
    opacity: 1; }
  19.99% {
    opacity: 1; }
  20% {
    opacity: 0; }
  100% {
    opacity: 0; } }

body.subpage .cases-section .case[data-case="dendanskedyrlaegeforening"] .case-image,
body.subpage .cases-section .case[data-case="dendanskedyrlaegeforening"] .skill-image,
body.subpage .skills-section .skill[data-skill="dendanskedyrlaegeforening"] .case-image,
body.subpage .skills-section .skill[data-skill="dendanskedyrlaegeforening"] .skill-image {
  background-image: url("../img/cases/dendanskedyrlaegeforening.svg"); }
  body.subpage .cases-section .case[data-case="dendanskedyrlaegeforening"] .case-image:before, body.subpage .cases-section .case[data-case="dendanskedyrlaegeforening"] .case-image:after,
  body.subpage .cases-section .case[data-case="dendanskedyrlaegeforening"] .skill-image:before,
  body.subpage .cases-section .case[data-case="dendanskedyrlaegeforening"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="dendanskedyrlaegeforening"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="dendanskedyrlaegeforening"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="dendanskedyrlaegeforening"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="dendanskedyrlaegeforening"] .skill-image:after {
    background-color: rgba(250, 200, 0, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="dendanskedyrlaegeforening"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="dendanskedyrlaegeforening"]:hover .skill-description {
  border-top-color: #fac800; }
  body[data-touch="false"].subpage .cases-section .case[data-case="dendanskedyrlaegeforening"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="dendanskedyrlaegeforening"]:hover .skill-description h4 {
    color: #fac800; }

body[data-uri="case/dendanskedyrlaegeforening"] #navigation-trigger,
body[data-uri="case/dendanskedyrlaegeforening"] #page-title div,
body[data-uri="case/dendanskedyrlaegeforening"] #menu,
body[data-uri="case/dendanskedyrlaegeforening"] #page-close,
body[data-uri="skill/dendanskedyrlaegeforening"] #navigation-trigger,
body[data-uri="skill/dendanskedyrlaegeforening"] #page-title div,
body[data-uri="skill/dendanskedyrlaegeforening"] #menu,
body[data-uri="skill/dendanskedyrlaegeforening"] #page-close,
body[data-uri="dendanskedyrlaegeforening"] #navigation-trigger,
body[data-uri="dendanskedyrlaegeforening"] #page-title div,
body[data-uri="dendanskedyrlaegeforening"] #menu,
body[data-uri="dendanskedyrlaegeforening"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"] #page-close {
  background-color: rgba(250, 200, 0, 0.9); }

body[data-uri="case/dendanskedyrlaegeforening"] #page-close,
body[data-uri="skill/dendanskedyrlaegeforening"] #page-close,
body[data-uri="dendanskedyrlaegeforening"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"] #page-close {
  background-color: transparent;
  border-color: #fac800; }
  body[data-uri="case/dendanskedyrlaegeforening"] #page-close:before, body[data-uri="case/dendanskedyrlaegeforening"] #page-close:after,
  body[data-uri="skill/dendanskedyrlaegeforening"] #page-close:before,
  body[data-uri="skill/dendanskedyrlaegeforening"] #page-close:after,
  body[data-uri="dendanskedyrlaegeforening"] #page-close:before,
  body[data-uri="dendanskedyrlaegeforening"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"] #page-close:after {
    background-color: rgba(250, 200, 0, 0.75); }
  body[data-uri="case/dendanskedyrlaegeforening"] #page-close svg,
  body[data-uri="skill/dendanskedyrlaegeforening"] #page-close svg,
  body[data-uri="dendanskedyrlaegeforening"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"] #page-close svg {
    fill: #fac800; }

body[data-uri="case/dendanskedyrlaegeforening"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/dendanskedyrlaegeforening"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/dendanskedyrlaegeforening"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/dendanskedyrlaegeforening"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="dendanskedyrlaegeforening"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="dendanskedyrlaegeforening"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #fac800; }

body[data-uri="case/dendanskedyrlaegeforening"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/dendanskedyrlaegeforening"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="dendanskedyrlaegeforening"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #fac800; }

body[data-uri="case/dendanskedyrlaegeforening"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/dendanskedyrlaegeforening"][data-touch="false"] #page-close:hover svg,
body[data-uri="dendanskedyrlaegeforening"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/dendanskedyrlaegeforening"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/dendanskedyrlaegeforening"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="dendanskedyrlaegeforening"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #fac800; }

body[data-uri="case/dendanskedyrlaegeforening"] a,
body[data-uri="case/dendanskedyrlaegeforening"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/dendanskedyrlaegeforening"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/dendanskedyrlaegeforening"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/dendanskedyrlaegeforening"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/dendanskedyrlaegeforening"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/dendanskedyrlaegeforening"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/dendanskedyrlaegeforening"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/dendanskedyrlaegeforening"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/dendanskedyrlaegeforening"] a,
body[data-uri="skill/dendanskedyrlaegeforening"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/dendanskedyrlaegeforening"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/dendanskedyrlaegeforening"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/dendanskedyrlaegeforening"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/dendanskedyrlaegeforening"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/dendanskedyrlaegeforening"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/dendanskedyrlaegeforening"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/dendanskedyrlaegeforening"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="dendanskedyrlaegeforening"] a,
body[data-uri="dendanskedyrlaegeforening"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="dendanskedyrlaegeforening"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="dendanskedyrlaegeforening"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="dendanskedyrlaegeforening"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="dendanskedyrlaegeforening"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="dendanskedyrlaegeforening"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="dendanskedyrlaegeforening"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="dendanskedyrlaegeforening"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #fac800; }

body[data-uri="case/dendanskedyrlaegeforening"] .loader:before, body[data-uri="case/dendanskedyrlaegeforening"] .loader:after,
body[data-uri="skill/dendanskedyrlaegeforening"] .loader:before,
body[data-uri="skill/dendanskedyrlaegeforening"] .loader:after,
body[data-uri="dendanskedyrlaegeforening"] .loader:before,
body[data-uri="dendanskedyrlaegeforening"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="dendanskedyrlaegeforening"] .loader:after {
  background-color: #fac800; }

section#cases .case[data-case="dendanskedyrlaegeforening"] .down svg {
  stroke: #fac800; }

body[data-uri="case/dendanskedyrlaegeforening"] section#cases .description-box,
body[data-uri="skill/dendanskedyrlaegeforening"] section#cases .description-box,
body[data-uri="dendanskedyrlaegeforening"] section#cases .description-box,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] section#cases .description-box {
  background-color: rgba(250, 200, 0, 0.9); }
  body[data-uri="case/dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"],
  body[data-uri="skill/dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"],
  body[data-uri="dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"],
  body[data-uri="/"][data-case="dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div,
    body[data-uri="skill/dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div,
    body[data-uri="dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div,
    body[data-uri="/"][data-case="dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(1),
    body[data-uri="skill/dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(1),
    body[data-uri="dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(2),
    body[data-uri="skill/dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(2),
    body[data-uri="dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(3),
    body[data-uri="skill/dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(3),
    body[data-uri="dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(4),
    body[data-uri="skill/dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(4),
    body[data-uri="dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(5),
    body[data-uri="skill/dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(5),
    body[data-uri="dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(6),
    body[data-uri="skill/dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(6),
    body[data-uri="dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="dendanskedyrlaegeforening"] section#cases .description-box .case-description[data-case="dendanskedyrlaegeforening"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/dendanskedyrlaegeforening"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/dendanskedyrlaegeforening"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="dendanskedyrlaegeforening"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #fac800; }

body[data-uri="case/dendanskedyrlaegeforening"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/dendanskedyrlaegeforening"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="dendanskedyrlaegeforening"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"][data-touch="false"] section#cases .description-box:hover .text {
  color: #fac800; }
  body[data-uri="case/dendanskedyrlaegeforening"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/dendanskedyrlaegeforening"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="dendanskedyrlaegeforening"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="dendanskedyrlaegeforening"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #fac800 !important; }
  body[data-uri="case/dendanskedyrlaegeforening"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/dendanskedyrlaegeforening"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="dendanskedyrlaegeforening"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="dendanskedyrlaegeforening"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #fac800 !important; }

body[data-uri="case/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .color-primary,
body[data-uri="case/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .color-primary,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .color-primary,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .color-primary,
body[data-uri="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .color-primary,
body[data-uri="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .color-primary,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .color-primary,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .color-primary {
  color: #fac800; }

body[data-uri="case/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .color-white,
body[data-uri="case/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .color-white,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .color-white,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .color-white,
body[data-uri="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .color-white,
body[data-uri="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .color-white,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .color-white,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .bg-primary,
body[data-uri="case/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .bg-primary,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .bg-primary,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .bg-primary,
body[data-uri="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .bg-primary,
body[data-uri="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .bg-primary,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .bg-primary,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .bg-primary {
  background-color: #fac800 !important; }

body[data-uri="case/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .topimage-section .down svg,
body[data-uri="case/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .topimage-section .down svg,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .topimage-section .down svg,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .topimage-section .down svg,
body[data-uri="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .topimage-section .down svg,
body[data-uri="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .topimage-section .down svg,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .topimage-section .down svg,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .topimage-section .down svg {
  stroke: #fac800; }

body[data-uri="case/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .textbox-bordered,
body[data-uri="case/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .textbox-bordered,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .textbox-bordered,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .textbox-bordered,
body[data-uri="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .textbox-bordered,
body[data-uri="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .textbox-bordered,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .textbox-bordered,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .textbox-bordered {
  border-top-color: #fac800; }

body[data-uri="case/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .textbox-background,
body[data-uri="case/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .textbox-background,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .textbox-background,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .textbox-background,
body[data-uri="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .textbox-background,
body[data-uri="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .textbox-background,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .textbox-background,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .textbox-background {
  background-color: rgba(250, 200, 0, 0.9); }

body[data-uri="case/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .preview-section .link,
body[data-uri="case/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .preview-section .link,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .preview-section .link,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .preview-section .link,
body[data-uri="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .preview-section .link,
body[data-uri="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .preview-section .link,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .preview-section .link,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .preview-section .link {
  background-color: transparent;
  border-color: #fac800; }
  body[data-uri="case/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .preview-section .link:before, body[data-uri="case/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .preview-section .link:after,
  body[data-uri="case/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .preview-section .link:before,
  body[data-uri="case/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .preview-section .link:after,
  body[data-uri="skill/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .preview-section .link:before,
  body[data-uri="skill/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .preview-section .link:after,
  body[data-uri="skill/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .preview-section .link:before,
  body[data-uri="skill/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .preview-section .link:after,
  body[data-uri="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .preview-section .link:before,
  body[data-uri="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .preview-section .link:after,
  body[data-uri="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .preview-section .link:before,
  body[data-uri="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .preview-section .link:after,
  body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .preview-section .link:before,
  body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .preview-section .link:after,
  body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .preview-section .link:before,
  body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .preview-section .link:after {
    background-color: rgba(250, 200, 0, 0.75); }
  body[data-uri="case/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .preview-section .link svg,
  body[data-uri="case/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .preview-section .link svg,
  body[data-uri="skill/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .preview-section .link svg,
  body[data-uri="skill/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .preview-section .link svg,
  body[data-uri="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .preview-section .link svg,
  body[data-uri="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .preview-section .link svg,
  body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .preview-section .link svg,
  body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .preview-section .link svg {
    fill: #fac800; }
  body[data-touch="false"] body[data-uri="case/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video .video-playpause .btn svg,
body[data-uri="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video .video-playpause .btn svg,
body[data-uri="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video .video-playpause .btn svg {
  fill: rgba(250, 200, 0, 0.9); }

body[data-uri="case/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(250, 200, 0, 0.9); }

body[data-uri="case/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(250, 200, 0, 0.9); }

body[data-uri="case/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(250, 200, 0, 0.9); }

body[data-uri="case/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video .video-fullscreen,
body[data-uri="case/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video .video-fullscreen,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video .video-fullscreen,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video .video-fullscreen,
body[data-uri="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video .video-fullscreen,
body[data-uri="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video .video-fullscreen {
  background-color: rgba(250, 200, 0, 0.9); }

body[data-uri="case/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video.active .video-playpause .btn,
body[data-uri="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video.active .video-playpause .btn,
body[data-uri="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(250, 200, 0, 0.9); }
  body[data-uri="case/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-case[data-case="dendanskedyrlaegeforening"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="dendanskedyrlaegeforening"] .page-skill[data-skill="dendanskedyrlaegeforening"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/dendanskedyrlaegeforening"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/dendanskedyrlaegeforening"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="dendanskedyrlaegeforening"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="dendanskedyrlaegeforening"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(250, 200, 0, 0.8) !important; }
  body[data-uri="case/dendanskedyrlaegeforening"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/dendanskedyrlaegeforening"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="dendanskedyrlaegeforening"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="dendanskedyrlaegeforening"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-case[data-case="dendanskedyrlaegeforening"] section[data-section="topimage"] .topimage {
  background-image: url("../img/case/dendanskedyrlaegeforening/topimage/topimage.svg"); }

@media (min-width: 1200px) and (max-width: 1479px) {
  .page-case[data-case="dendanskedyrlaegeforening"] section[data-section="intro"] .illustration-1 {
    margin-top: -5.625rem; } }

@media (min-width: 1480px) {
  .page-case[data-case="dendanskedyrlaegeforening"] section[data-section="intro"] .illustration-1 {
    margin-top: -7.5rem; } }

body[data-performance="low"] .page-case[data-case="dendanskedyrlaegeforening"] section[data-section="poster"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/dendanskedyrlaegeforening/print/low/print-1.jpg"); }

body[data-performance="high"] .page-case[data-case="dendanskedyrlaegeforening"] section[data-section="poster"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/dendanskedyrlaegeforening/print/print-1.png"); }

@media (min-width: 992px) and (max-width: 1199px) {
  .page-case[data-case="dendanskedyrlaegeforening"] section[data-section="mobileapp"] .illustration-2 {
    margin-top: -11.25rem; } }

@media (min-width: 1200px) and (max-width: 1479px) {
  .page-case[data-case="dendanskedyrlaegeforening"] section[data-section="mobileapp"] .illustration-2 {
    margin-top: -18.75rem; } }

@media (min-width: 1480px) {
  .page-case[data-case="dendanskedyrlaegeforening"] section[data-section="mobileapp"] .illustration-2 {
    margin-top: -22.5rem; } }

body[data-performance="low"] .page-case[data-case="dendanskedyrlaegeforening"] section[data-section="storyboard"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/dendanskedyrlaegeforening/storyboards/low/storyboard-1.jpg"); }

body[data-performance="low"] .page-case[data-case="dendanskedyrlaegeforening"] section[data-section="storyboard"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/dendanskedyrlaegeforening/storyboards/low/storyboard-2.jpg"); }

body[data-performance="low"] .page-case[data-case="dendanskedyrlaegeforening"] section[data-section="storyboard"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/dendanskedyrlaegeforening/storyboards/low/storyboard-3.jpg"); }

body[data-performance="low"] .page-case[data-case="dendanskedyrlaegeforening"] section[data-section="storyboard"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/dendanskedyrlaegeforening/storyboards/low/storyboard-4.jpg"); }

body[data-performance="high"] .page-case[data-case="dendanskedyrlaegeforening"] section[data-section="storyboard"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/dendanskedyrlaegeforening/storyboards/storyboard-1.png"); }

body[data-performance="high"] .page-case[data-case="dendanskedyrlaegeforening"] section[data-section="storyboard"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/dendanskedyrlaegeforening/storyboards/storyboard-2.png"); }

body[data-performance="high"] .page-case[data-case="dendanskedyrlaegeforening"] section[data-section="storyboard"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/dendanskedyrlaegeforening/storyboards/storyboard-3.png"); }

body[data-performance="high"] .page-case[data-case="dendanskedyrlaegeforening"] section[data-section="storyboard"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/dendanskedyrlaegeforening/storyboards/storyboard-4.png"); }

.page-case[data-case="dendanskedyrlaegeforening"] section[data-section="storyboard"] .illustration-3 {
  margin-top: -24.375rem;
  margin-bottom: -7.5rem; }

.page-case[data-case="dendanskedyrlaegeforening"] section[data-section="commercial"] .video .preview {
  background-image: url("../img/case/dendanskedyrlaegeforening/video/video.png"); }

body.subpage .cases-section .case[data-case="firstedition"] .case-image,
body.subpage .cases-section .case[data-case="firstedition"] .skill-image,
body.subpage .skills-section .skill[data-skill="firstedition"] .case-image,
body.subpage .skills-section .skill[data-skill="firstedition"] .skill-image {
  background-image: url("../img/cases/firstedition.jpg"); }
  body.subpage .cases-section .case[data-case="firstedition"] .case-image:before, body.subpage .cases-section .case[data-case="firstedition"] .case-image:after,
  body.subpage .cases-section .case[data-case="firstedition"] .skill-image:before,
  body.subpage .cases-section .case[data-case="firstedition"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="firstedition"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="firstedition"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="firstedition"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="firstedition"] .skill-image:after {
    background-color: rgba(150, 90, 60, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="firstedition"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="firstedition"]:hover .skill-description {
  border-top-color: #965a3c; }
  body[data-touch="false"].subpage .cases-section .case[data-case="firstedition"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="firstedition"]:hover .skill-description h4 {
    color: #965a3c; }

body[data-uri="case/firstedition"] #navigation-trigger,
body[data-uri="case/firstedition"] #page-title div,
body[data-uri="case/firstedition"] #menu,
body[data-uri="case/firstedition"] #page-close,
body[data-uri="skill/firstedition"] #navigation-trigger,
body[data-uri="skill/firstedition"] #page-title div,
body[data-uri="skill/firstedition"] #menu,
body[data-uri="skill/firstedition"] #page-close,
body[data-uri="firstedition"] #navigation-trigger,
body[data-uri="firstedition"] #page-title div,
body[data-uri="firstedition"] #menu,
body[data-uri="firstedition"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"] #page-close {
  background-color: rgba(150, 90, 60, 0.9); }

body[data-uri="case/firstedition"] #page-close,
body[data-uri="skill/firstedition"] #page-close,
body[data-uri="firstedition"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"] #page-close {
  background-color: transparent;
  border-color: #965a3c; }
  body[data-uri="case/firstedition"] #page-close:before, body[data-uri="case/firstedition"] #page-close:after,
  body[data-uri="skill/firstedition"] #page-close:before,
  body[data-uri="skill/firstedition"] #page-close:after,
  body[data-uri="firstedition"] #page-close:before,
  body[data-uri="firstedition"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"] #page-close:after {
    background-color: rgba(150, 90, 60, 0.75); }
  body[data-uri="case/firstedition"] #page-close svg,
  body[data-uri="skill/firstedition"] #page-close svg,
  body[data-uri="firstedition"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"] #page-close svg {
    fill: #965a3c; }

body[data-uri="case/firstedition"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/firstedition"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/firstedition"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/firstedition"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="firstedition"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="firstedition"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #965a3c; }

body[data-uri="case/firstedition"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/firstedition"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="firstedition"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #965a3c; }

body[data-uri="case/firstedition"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/firstedition"][data-touch="false"] #page-close:hover svg,
body[data-uri="firstedition"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/firstedition"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/firstedition"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="firstedition"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #965a3c; }

body[data-uri="case/firstedition"] a,
body[data-uri="case/firstedition"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/firstedition"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/firstedition"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/firstedition"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/firstedition"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/firstedition"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/firstedition"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/firstedition"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/firstedition"] a,
body[data-uri="skill/firstedition"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/firstedition"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/firstedition"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/firstedition"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/firstedition"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/firstedition"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/firstedition"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/firstedition"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="firstedition"] a,
body[data-uri="firstedition"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="firstedition"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="firstedition"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="firstedition"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="firstedition"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="firstedition"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="firstedition"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="firstedition"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #965a3c; }

body[data-uri="case/firstedition"] .loader:before, body[data-uri="case/firstedition"] .loader:after,
body[data-uri="skill/firstedition"] .loader:before,
body[data-uri="skill/firstedition"] .loader:after,
body[data-uri="firstedition"] .loader:before,
body[data-uri="firstedition"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="firstedition"] .loader:after {
  background-color: #965a3c; }

section#cases .case[data-case="firstedition"] .down svg {
  stroke: #965a3c; }

body[data-uri="case/firstedition"] section#cases .description-box,
body[data-uri="skill/firstedition"] section#cases .description-box,
body[data-uri="firstedition"] section#cases .description-box,
body[data-uri="/"][data-case="firstedition"] section#cases .description-box {
  background-color: rgba(150, 90, 60, 0.9); }
  body[data-uri="case/firstedition"] section#cases .description-box .case-description[data-case="firstedition"],
  body[data-uri="skill/firstedition"] section#cases .description-box .case-description[data-case="firstedition"],
  body[data-uri="firstedition"] section#cases .description-box .case-description[data-case="firstedition"],
  body[data-uri="/"][data-case="firstedition"] section#cases .description-box .case-description[data-case="firstedition"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div,
    body[data-uri="skill/firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div,
    body[data-uri="firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div,
    body[data-uri="/"][data-case="firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(1),
    body[data-uri="skill/firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(1),
    body[data-uri="firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(2),
    body[data-uri="skill/firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(2),
    body[data-uri="firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(3),
    body[data-uri="skill/firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(3),
    body[data-uri="firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(4),
    body[data-uri="skill/firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(4),
    body[data-uri="firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(5),
    body[data-uri="skill/firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(5),
    body[data-uri="firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(6),
    body[data-uri="skill/firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(6),
    body[data-uri="firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="firstedition"] section#cases .description-box .case-description[data-case="firstedition"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/firstedition"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/firstedition"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="firstedition"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="firstedition"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #965a3c; }

body[data-uri="case/firstedition"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/firstedition"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="firstedition"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="firstedition"][data-touch="false"] section#cases .description-box:hover .text {
  color: #965a3c; }
  body[data-uri="case/firstedition"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/firstedition"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="firstedition"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="firstedition"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #965a3c !important; }
  body[data-uri="case/firstedition"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/firstedition"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="firstedition"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="firstedition"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #965a3c !important; }

body[data-uri="case/firstedition"] .page-case[data-case="firstedition"] .color-primary,
body[data-uri="case/firstedition"] .page-skill[data-skill="firstedition"] .color-primary,
body[data-uri="skill/firstedition"] .page-case[data-case="firstedition"] .color-primary,
body[data-uri="skill/firstedition"] .page-skill[data-skill="firstedition"] .color-primary,
body[data-uri="firstedition"] .page-case[data-case="firstedition"] .color-primary,
body[data-uri="firstedition"] .page-skill[data-skill="firstedition"] .color-primary,
body[data-uri="/"][data-case="firstedition"] .page-case[data-case="firstedition"] .color-primary,
body[data-uri="/"][data-case="firstedition"] .page-skill[data-skill="firstedition"] .color-primary {
  color: #965a3c; }

body[data-uri="case/firstedition"] .page-case[data-case="firstedition"] .color-white,
body[data-uri="case/firstedition"] .page-skill[data-skill="firstedition"] .color-white,
body[data-uri="skill/firstedition"] .page-case[data-case="firstedition"] .color-white,
body[data-uri="skill/firstedition"] .page-skill[data-skill="firstedition"] .color-white,
body[data-uri="firstedition"] .page-case[data-case="firstedition"] .color-white,
body[data-uri="firstedition"] .page-skill[data-skill="firstedition"] .color-white,
body[data-uri="/"][data-case="firstedition"] .page-case[data-case="firstedition"] .color-white,
body[data-uri="/"][data-case="firstedition"] .page-skill[data-skill="firstedition"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/firstedition"] .page-case[data-case="firstedition"] .bg-primary,
body[data-uri="case/firstedition"] .page-skill[data-skill="firstedition"] .bg-primary,
body[data-uri="skill/firstedition"] .page-case[data-case="firstedition"] .bg-primary,
body[data-uri="skill/firstedition"] .page-skill[data-skill="firstedition"] .bg-primary,
body[data-uri="firstedition"] .page-case[data-case="firstedition"] .bg-primary,
body[data-uri="firstedition"] .page-skill[data-skill="firstedition"] .bg-primary,
body[data-uri="/"][data-case="firstedition"] .page-case[data-case="firstedition"] .bg-primary,
body[data-uri="/"][data-case="firstedition"] .page-skill[data-skill="firstedition"] .bg-primary {
  background-color: #965a3c !important; }

body[data-uri="case/firstedition"] .page-case[data-case="firstedition"] .topimage-section .down svg,
body[data-uri="case/firstedition"] .page-skill[data-skill="firstedition"] .topimage-section .down svg,
body[data-uri="skill/firstedition"] .page-case[data-case="firstedition"] .topimage-section .down svg,
body[data-uri="skill/firstedition"] .page-skill[data-skill="firstedition"] .topimage-section .down svg,
body[data-uri="firstedition"] .page-case[data-case="firstedition"] .topimage-section .down svg,
body[data-uri="firstedition"] .page-skill[data-skill="firstedition"] .topimage-section .down svg,
body[data-uri="/"][data-case="firstedition"] .page-case[data-case="firstedition"] .topimage-section .down svg,
body[data-uri="/"][data-case="firstedition"] .page-skill[data-skill="firstedition"] .topimage-section .down svg {
  stroke: #965a3c; }

body[data-uri="case/firstedition"] .page-case[data-case="firstedition"] .textbox-bordered,
body[data-uri="case/firstedition"] .page-skill[data-skill="firstedition"] .textbox-bordered,
body[data-uri="skill/firstedition"] .page-case[data-case="firstedition"] .textbox-bordered,
body[data-uri="skill/firstedition"] .page-skill[data-skill="firstedition"] .textbox-bordered,
body[data-uri="firstedition"] .page-case[data-case="firstedition"] .textbox-bordered,
body[data-uri="firstedition"] .page-skill[data-skill="firstedition"] .textbox-bordered,
body[data-uri="/"][data-case="firstedition"] .page-case[data-case="firstedition"] .textbox-bordered,
body[data-uri="/"][data-case="firstedition"] .page-skill[data-skill="firstedition"] .textbox-bordered {
  border-top-color: #965a3c; }

body[data-uri="case/firstedition"] .page-case[data-case="firstedition"] .textbox-background,
body[data-uri="case/firstedition"] .page-skill[data-skill="firstedition"] .textbox-background,
body[data-uri="skill/firstedition"] .page-case[data-case="firstedition"] .textbox-background,
body[data-uri="skill/firstedition"] .page-skill[data-skill="firstedition"] .textbox-background,
body[data-uri="firstedition"] .page-case[data-case="firstedition"] .textbox-background,
body[data-uri="firstedition"] .page-skill[data-skill="firstedition"] .textbox-background,
body[data-uri="/"][data-case="firstedition"] .page-case[data-case="firstedition"] .textbox-background,
body[data-uri="/"][data-case="firstedition"] .page-skill[data-skill="firstedition"] .textbox-background {
  background-color: rgba(150, 90, 60, 0.9); }

body[data-uri="case/firstedition"] .page-case[data-case="firstedition"] .preview-section .link,
body[data-uri="case/firstedition"] .page-skill[data-skill="firstedition"] .preview-section .link,
body[data-uri="skill/firstedition"] .page-case[data-case="firstedition"] .preview-section .link,
body[data-uri="skill/firstedition"] .page-skill[data-skill="firstedition"] .preview-section .link,
body[data-uri="firstedition"] .page-case[data-case="firstedition"] .preview-section .link,
body[data-uri="firstedition"] .page-skill[data-skill="firstedition"] .preview-section .link,
body[data-uri="/"][data-case="firstedition"] .page-case[data-case="firstedition"] .preview-section .link,
body[data-uri="/"][data-case="firstedition"] .page-skill[data-skill="firstedition"] .preview-section .link {
  background-color: transparent;
  border-color: #965a3c; }
  body[data-uri="case/firstedition"] .page-case[data-case="firstedition"] .preview-section .link:before, body[data-uri="case/firstedition"] .page-case[data-case="firstedition"] .preview-section .link:after,
  body[data-uri="case/firstedition"] .page-skill[data-skill="firstedition"] .preview-section .link:before,
  body[data-uri="case/firstedition"] .page-skill[data-skill="firstedition"] .preview-section .link:after,
  body[data-uri="skill/firstedition"] .page-case[data-case="firstedition"] .preview-section .link:before,
  body[data-uri="skill/firstedition"] .page-case[data-case="firstedition"] .preview-section .link:after,
  body[data-uri="skill/firstedition"] .page-skill[data-skill="firstedition"] .preview-section .link:before,
  body[data-uri="skill/firstedition"] .page-skill[data-skill="firstedition"] .preview-section .link:after,
  body[data-uri="firstedition"] .page-case[data-case="firstedition"] .preview-section .link:before,
  body[data-uri="firstedition"] .page-case[data-case="firstedition"] .preview-section .link:after,
  body[data-uri="firstedition"] .page-skill[data-skill="firstedition"] .preview-section .link:before,
  body[data-uri="firstedition"] .page-skill[data-skill="firstedition"] .preview-section .link:after,
  body[data-uri="/"][data-case="firstedition"] .page-case[data-case="firstedition"] .preview-section .link:before,
  body[data-uri="/"][data-case="firstedition"] .page-case[data-case="firstedition"] .preview-section .link:after,
  body[data-uri="/"][data-case="firstedition"] .page-skill[data-skill="firstedition"] .preview-section .link:before,
  body[data-uri="/"][data-case="firstedition"] .page-skill[data-skill="firstedition"] .preview-section .link:after {
    background-color: rgba(150, 90, 60, 0.75); }
  body[data-uri="case/firstedition"] .page-case[data-case="firstedition"] .preview-section .link svg,
  body[data-uri="case/firstedition"] .page-skill[data-skill="firstedition"] .preview-section .link svg,
  body[data-uri="skill/firstedition"] .page-case[data-case="firstedition"] .preview-section .link svg,
  body[data-uri="skill/firstedition"] .page-skill[data-skill="firstedition"] .preview-section .link svg,
  body[data-uri="firstedition"] .page-case[data-case="firstedition"] .preview-section .link svg,
  body[data-uri="firstedition"] .page-skill[data-skill="firstedition"] .preview-section .link svg,
  body[data-uri="/"][data-case="firstedition"] .page-case[data-case="firstedition"] .preview-section .link svg,
  body[data-uri="/"][data-case="firstedition"] .page-skill[data-skill="firstedition"] .preview-section .link svg {
    fill: #965a3c; }
  body[data-touch="false"] body[data-uri="case/firstedition"] .page-case[data-case="firstedition"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/firstedition"] .page-skill[data-skill="firstedition"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/firstedition"] .page-case[data-case="firstedition"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/firstedition"] .page-skill[data-skill="firstedition"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="firstedition"] .page-case[data-case="firstedition"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="firstedition"] .page-skill[data-skill="firstedition"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="firstedition"] .page-case[data-case="firstedition"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="firstedition"] .page-skill[data-skill="firstedition"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/firstedition"] .page-case[data-case="firstedition"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/firstedition"] .page-skill[data-skill="firstedition"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/firstedition"] .page-case[data-case="firstedition"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/firstedition"] .page-skill[data-skill="firstedition"] .video-section .video .video-playpause .btn svg,
body[data-uri="firstedition"] .page-case[data-case="firstedition"] .video-section .video .video-playpause .btn svg,
body[data-uri="firstedition"] .page-skill[data-skill="firstedition"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="firstedition"] .page-case[data-case="firstedition"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="firstedition"] .page-skill[data-skill="firstedition"] .video-section .video .video-playpause .btn svg {
  fill: rgba(150, 90, 60, 0.9); }

body[data-uri="case/firstedition"] .page-case[data-case="firstedition"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/firstedition"] .page-skill[data-skill="firstedition"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/firstedition"] .page-case[data-case="firstedition"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/firstedition"] .page-skill[data-skill="firstedition"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="firstedition"] .page-case[data-case="firstedition"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="firstedition"] .page-skill[data-skill="firstedition"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="firstedition"] .page-case[data-case="firstedition"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="firstedition"] .page-skill[data-skill="firstedition"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(150, 90, 60, 0.9); }

body[data-uri="case/firstedition"] .page-case[data-case="firstedition"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/firstedition"] .page-skill[data-skill="firstedition"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/firstedition"] .page-case[data-case="firstedition"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/firstedition"] .page-skill[data-skill="firstedition"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="firstedition"] .page-case[data-case="firstedition"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="firstedition"] .page-skill[data-skill="firstedition"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="firstedition"] .page-case[data-case="firstedition"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="firstedition"] .page-skill[data-skill="firstedition"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(150, 90, 60, 0.9); }

body[data-uri="case/firstedition"] .page-case[data-case="firstedition"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/firstedition"] .page-skill[data-skill="firstedition"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/firstedition"] .page-case[data-case="firstedition"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/firstedition"] .page-skill[data-skill="firstedition"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="firstedition"] .page-case[data-case="firstedition"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="firstedition"] .page-skill[data-skill="firstedition"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="firstedition"] .page-case[data-case="firstedition"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="firstedition"] .page-skill[data-skill="firstedition"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(150, 90, 60, 0.9); }

body[data-uri="case/firstedition"] .page-case[data-case="firstedition"] .video-section .video .video-fullscreen,
body[data-uri="case/firstedition"] .page-skill[data-skill="firstedition"] .video-section .video .video-fullscreen,
body[data-uri="skill/firstedition"] .page-case[data-case="firstedition"] .video-section .video .video-fullscreen,
body[data-uri="skill/firstedition"] .page-skill[data-skill="firstedition"] .video-section .video .video-fullscreen,
body[data-uri="firstedition"] .page-case[data-case="firstedition"] .video-section .video .video-fullscreen,
body[data-uri="firstedition"] .page-skill[data-skill="firstedition"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="firstedition"] .page-case[data-case="firstedition"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="firstedition"] .page-skill[data-skill="firstedition"] .video-section .video .video-fullscreen {
  background-color: rgba(150, 90, 60, 0.9); }

body[data-uri="case/firstedition"] .page-case[data-case="firstedition"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/firstedition"] .page-skill[data-skill="firstedition"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/firstedition"] .page-case[data-case="firstedition"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/firstedition"] .page-skill[data-skill="firstedition"] .video-section .video.active .video-playpause .btn,
body[data-uri="firstedition"] .page-case[data-case="firstedition"] .video-section .video.active .video-playpause .btn,
body[data-uri="firstedition"] .page-skill[data-skill="firstedition"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="firstedition"] .page-case[data-case="firstedition"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="firstedition"] .page-skill[data-skill="firstedition"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(150, 90, 60, 0.9); }
  body[data-uri="case/firstedition"] .page-case[data-case="firstedition"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/firstedition"] .page-skill[data-skill="firstedition"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/firstedition"] .page-case[data-case="firstedition"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/firstedition"] .page-skill[data-skill="firstedition"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="firstedition"] .page-case[data-case="firstedition"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="firstedition"] .page-skill[data-skill="firstedition"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="firstedition"] .page-case[data-case="firstedition"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="firstedition"] .page-skill[data-skill="firstedition"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/firstedition"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/firstedition"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="firstedition"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="firstedition"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(150, 90, 60, 0.8) !important; }
  body[data-uri="case/firstedition"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/firstedition"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="firstedition"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="firstedition"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-case[data-case="firstedition"] section[data-section="topimage"] .topimage {
  background-image: url("../img/case/firstedition/topimage/topimage.jpg"); }

.page-case[data-case="firstedition"] section[data-section="intro"] .illustration {
  margin-top: 4.6875rem; }

body[data-performance="low"] .page-case[data-case="firstedition"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/firstedition/preview/low/browser-1.jpg"); }

body[data-performance="low"] .page-case[data-case="firstedition"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/firstedition/preview/low/browser-2.jpg"); }

body[data-performance="low"] .page-case[data-case="firstedition"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/firstedition/preview/low/browser-3.jpg"); }

body[data-performance="high"] .page-case[data-case="firstedition"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/firstedition/preview/browser-1.png"); }

body[data-performance="high"] .page-case[data-case="firstedition"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/firstedition/preview/browser-2.png"); }

body[data-performance="high"] .page-case[data-case="firstedition"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/firstedition/preview/browser-3.png"); }

body[data-performance="low"] .page-case[data-case="firstedition"] section[data-section="template-web"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/firstedition/preview/low/browser-4.jpg"); }

body[data-performance="low"] .page-case[data-case="firstedition"] section[data-section="template-web"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/firstedition/preview/low/browser-5.jpg"); }

body[data-performance="low"] .page-case[data-case="firstedition"] section[data-section="template-web"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/firstedition/preview/low/browser-6.jpg"); }

body[data-performance="low"] .page-case[data-case="firstedition"] section[data-section="template-web"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/case/firstedition/preview/low/browser-7.jpg"); }

body[data-performance="high"] .page-case[data-case="firstedition"] section[data-section="template-web"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/firstedition/preview/browser-4.png"); }

body[data-performance="high"] .page-case[data-case="firstedition"] section[data-section="template-web"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/firstedition/preview/browser-5.png"); }

body[data-performance="high"] .page-case[data-case="firstedition"] section[data-section="template-web"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/firstedition/preview/browser-6.png"); }

body[data-performance="high"] .page-case[data-case="firstedition"] section[data-section="template-web"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/case/firstedition/preview/browser-7.png"); }

body[data-performance="low"] .page-case[data-case="firstedition"] section[data-section="template-print"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/firstedition/print/low/print-2.jpg"); }

body[data-performance="low"] .page-case[data-case="firstedition"] section[data-section="template-print"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/firstedition/print/low/print-3.jpg"); }

body[data-performance="low"] .page-case[data-case="firstedition"] section[data-section="template-print"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/firstedition/print/low/print-4.jpg"); }

body[data-performance="low"] .page-case[data-case="firstedition"] section[data-section="template-print"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/case/firstedition/print/low/print-6.jpg"); }

body[data-performance="high"] .page-case[data-case="firstedition"] section[data-section="template-print"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/firstedition/print/print-2.png"); }

body[data-performance="high"] .page-case[data-case="firstedition"] section[data-section="template-print"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/firstedition/print/print-3.png"); }

body[data-performance="high"] .page-case[data-case="firstedition"] section[data-section="template-print"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/firstedition/print/print-4.png"); }

body[data-performance="high"] .page-case[data-case="firstedition"] section[data-section="template-print"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/case/firstedition/print/print-6.png"); }

body.subpage .cases-section .case[data-case="genitor"] .case-image,
body.subpage .cases-section .case[data-case="genitor"] .skill-image,
body.subpage .skills-section .skill[data-skill="genitor"] .case-image,
body.subpage .skills-section .skill[data-skill="genitor"] .skill-image {
  background-image: url("../img/cases/genitor.jpg"); }
  body.subpage .cases-section .case[data-case="genitor"] .case-image:before, body.subpage .cases-section .case[data-case="genitor"] .case-image:after,
  body.subpage .cases-section .case[data-case="genitor"] .skill-image:before,
  body.subpage .cases-section .case[data-case="genitor"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="genitor"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="genitor"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="genitor"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="genitor"] .skill-image:after {
    background-color: rgba(50, 200, 150, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="genitor"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="genitor"]:hover .skill-description {
  border-top-color: #32c896; }
  body[data-touch="false"].subpage .cases-section .case[data-case="genitor"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="genitor"]:hover .skill-description h4 {
    color: #32c896; }

body[data-uri="case/genitor"] #navigation-trigger,
body[data-uri="case/genitor"] #page-title div,
body[data-uri="case/genitor"] #menu,
body[data-uri="case/genitor"] #page-close,
body[data-uri="skill/genitor"] #navigation-trigger,
body[data-uri="skill/genitor"] #page-title div,
body[data-uri="skill/genitor"] #menu,
body[data-uri="skill/genitor"] #page-close,
body[data-uri="genitor"] #navigation-trigger,
body[data-uri="genitor"] #page-title div,
body[data-uri="genitor"] #menu,
body[data-uri="genitor"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"] #page-close {
  background-color: rgba(50, 200, 150, 0.9); }

body[data-uri="case/genitor"] #page-close,
body[data-uri="skill/genitor"] #page-close,
body[data-uri="genitor"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"] #page-close {
  background-color: transparent;
  border-color: #32c896; }
  body[data-uri="case/genitor"] #page-close:before, body[data-uri="case/genitor"] #page-close:after,
  body[data-uri="skill/genitor"] #page-close:before,
  body[data-uri="skill/genitor"] #page-close:after,
  body[data-uri="genitor"] #page-close:before,
  body[data-uri="genitor"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="genitor"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="genitor"] #page-close:after {
    background-color: rgba(50, 200, 150, 0.75); }
  body[data-uri="case/genitor"] #page-close svg,
  body[data-uri="skill/genitor"] #page-close svg,
  body[data-uri="genitor"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="genitor"] #page-close svg {
    fill: #32c896; }

body[data-uri="case/genitor"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/genitor"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/genitor"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/genitor"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="genitor"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="genitor"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #32c896; }

body[data-uri="case/genitor"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/genitor"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="genitor"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #32c896; }

body[data-uri="case/genitor"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/genitor"][data-touch="false"] #page-close:hover svg,
body[data-uri="genitor"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/genitor"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/genitor"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="genitor"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #32c896; }

body[data-uri="case/genitor"] a,
body[data-uri="case/genitor"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/genitor"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/genitor"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/genitor"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/genitor"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/genitor"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/genitor"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/genitor"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/genitor"] a,
body[data-uri="skill/genitor"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/genitor"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/genitor"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/genitor"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/genitor"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/genitor"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/genitor"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/genitor"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="genitor"] a,
body[data-uri="genitor"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="genitor"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="genitor"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="genitor"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="genitor"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="genitor"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="genitor"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="genitor"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #32c896; }

body[data-uri="case/genitor"] .loader:before, body[data-uri="case/genitor"] .loader:after,
body[data-uri="skill/genitor"] .loader:before,
body[data-uri="skill/genitor"] .loader:after,
body[data-uri="genitor"] .loader:before,
body[data-uri="genitor"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="genitor"] .loader:after {
  background-color: #32c896; }

section#cases .case[data-case="genitor"] .down svg {
  stroke: #32c896; }

body[data-uri="case/genitor"] section#cases .description-box,
body[data-uri="skill/genitor"] section#cases .description-box,
body[data-uri="genitor"] section#cases .description-box,
body[data-uri="/"][data-case="genitor"] section#cases .description-box {
  background-color: rgba(50, 200, 150, 0.9); }
  body[data-uri="case/genitor"] section#cases .description-box .case-description[data-case="genitor"],
  body[data-uri="skill/genitor"] section#cases .description-box .case-description[data-case="genitor"],
  body[data-uri="genitor"] section#cases .description-box .case-description[data-case="genitor"],
  body[data-uri="/"][data-case="genitor"] section#cases .description-box .case-description[data-case="genitor"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div,
    body[data-uri="skill/genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div,
    body[data-uri="genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div,
    body[data-uri="/"][data-case="genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(1),
    body[data-uri="skill/genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(1),
    body[data-uri="genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(2),
    body[data-uri="skill/genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(2),
    body[data-uri="genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(3),
    body[data-uri="skill/genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(3),
    body[data-uri="genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(4),
    body[data-uri="skill/genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(4),
    body[data-uri="genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(5),
    body[data-uri="skill/genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(5),
    body[data-uri="genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(6),
    body[data-uri="skill/genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(6),
    body[data-uri="genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="genitor"] section#cases .description-box .case-description[data-case="genitor"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/genitor"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/genitor"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="genitor"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="genitor"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #32c896; }

body[data-uri="case/genitor"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/genitor"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="genitor"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="genitor"][data-touch="false"] section#cases .description-box:hover .text {
  color: #32c896; }
  body[data-uri="case/genitor"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/genitor"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="genitor"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="genitor"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #32c896 !important; }
  body[data-uri="case/genitor"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/genitor"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="genitor"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="genitor"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #32c896 !important; }

body[data-uri="case/genitor"] .page-case[data-case="genitor"] .color-primary,
body[data-uri="case/genitor"] .page-skill[data-skill="genitor"] .color-primary,
body[data-uri="skill/genitor"] .page-case[data-case="genitor"] .color-primary,
body[data-uri="skill/genitor"] .page-skill[data-skill="genitor"] .color-primary,
body[data-uri="genitor"] .page-case[data-case="genitor"] .color-primary,
body[data-uri="genitor"] .page-skill[data-skill="genitor"] .color-primary,
body[data-uri="/"][data-case="genitor"] .page-case[data-case="genitor"] .color-primary,
body[data-uri="/"][data-case="genitor"] .page-skill[data-skill="genitor"] .color-primary {
  color: #32c896; }

body[data-uri="case/genitor"] .page-case[data-case="genitor"] .color-white,
body[data-uri="case/genitor"] .page-skill[data-skill="genitor"] .color-white,
body[data-uri="skill/genitor"] .page-case[data-case="genitor"] .color-white,
body[data-uri="skill/genitor"] .page-skill[data-skill="genitor"] .color-white,
body[data-uri="genitor"] .page-case[data-case="genitor"] .color-white,
body[data-uri="genitor"] .page-skill[data-skill="genitor"] .color-white,
body[data-uri="/"][data-case="genitor"] .page-case[data-case="genitor"] .color-white,
body[data-uri="/"][data-case="genitor"] .page-skill[data-skill="genitor"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/genitor"] .page-case[data-case="genitor"] .bg-primary,
body[data-uri="case/genitor"] .page-skill[data-skill="genitor"] .bg-primary,
body[data-uri="skill/genitor"] .page-case[data-case="genitor"] .bg-primary,
body[data-uri="skill/genitor"] .page-skill[data-skill="genitor"] .bg-primary,
body[data-uri="genitor"] .page-case[data-case="genitor"] .bg-primary,
body[data-uri="genitor"] .page-skill[data-skill="genitor"] .bg-primary,
body[data-uri="/"][data-case="genitor"] .page-case[data-case="genitor"] .bg-primary,
body[data-uri="/"][data-case="genitor"] .page-skill[data-skill="genitor"] .bg-primary {
  background-color: #32c896 !important; }

body[data-uri="case/genitor"] .page-case[data-case="genitor"] .topimage-section .down svg,
body[data-uri="case/genitor"] .page-skill[data-skill="genitor"] .topimage-section .down svg,
body[data-uri="skill/genitor"] .page-case[data-case="genitor"] .topimage-section .down svg,
body[data-uri="skill/genitor"] .page-skill[data-skill="genitor"] .topimage-section .down svg,
body[data-uri="genitor"] .page-case[data-case="genitor"] .topimage-section .down svg,
body[data-uri="genitor"] .page-skill[data-skill="genitor"] .topimage-section .down svg,
body[data-uri="/"][data-case="genitor"] .page-case[data-case="genitor"] .topimage-section .down svg,
body[data-uri="/"][data-case="genitor"] .page-skill[data-skill="genitor"] .topimage-section .down svg {
  stroke: #32c896; }

body[data-uri="case/genitor"] .page-case[data-case="genitor"] .textbox-bordered,
body[data-uri="case/genitor"] .page-skill[data-skill="genitor"] .textbox-bordered,
body[data-uri="skill/genitor"] .page-case[data-case="genitor"] .textbox-bordered,
body[data-uri="skill/genitor"] .page-skill[data-skill="genitor"] .textbox-bordered,
body[data-uri="genitor"] .page-case[data-case="genitor"] .textbox-bordered,
body[data-uri="genitor"] .page-skill[data-skill="genitor"] .textbox-bordered,
body[data-uri="/"][data-case="genitor"] .page-case[data-case="genitor"] .textbox-bordered,
body[data-uri="/"][data-case="genitor"] .page-skill[data-skill="genitor"] .textbox-bordered {
  border-top-color: #32c896; }

body[data-uri="case/genitor"] .page-case[data-case="genitor"] .textbox-background,
body[data-uri="case/genitor"] .page-skill[data-skill="genitor"] .textbox-background,
body[data-uri="skill/genitor"] .page-case[data-case="genitor"] .textbox-background,
body[data-uri="skill/genitor"] .page-skill[data-skill="genitor"] .textbox-background,
body[data-uri="genitor"] .page-case[data-case="genitor"] .textbox-background,
body[data-uri="genitor"] .page-skill[data-skill="genitor"] .textbox-background,
body[data-uri="/"][data-case="genitor"] .page-case[data-case="genitor"] .textbox-background,
body[data-uri="/"][data-case="genitor"] .page-skill[data-skill="genitor"] .textbox-background {
  background-color: rgba(50, 200, 150, 0.9); }

body[data-uri="case/genitor"] .page-case[data-case="genitor"] .preview-section .link,
body[data-uri="case/genitor"] .page-skill[data-skill="genitor"] .preview-section .link,
body[data-uri="skill/genitor"] .page-case[data-case="genitor"] .preview-section .link,
body[data-uri="skill/genitor"] .page-skill[data-skill="genitor"] .preview-section .link,
body[data-uri="genitor"] .page-case[data-case="genitor"] .preview-section .link,
body[data-uri="genitor"] .page-skill[data-skill="genitor"] .preview-section .link,
body[data-uri="/"][data-case="genitor"] .page-case[data-case="genitor"] .preview-section .link,
body[data-uri="/"][data-case="genitor"] .page-skill[data-skill="genitor"] .preview-section .link {
  background-color: transparent;
  border-color: #32c896; }
  body[data-uri="case/genitor"] .page-case[data-case="genitor"] .preview-section .link:before, body[data-uri="case/genitor"] .page-case[data-case="genitor"] .preview-section .link:after,
  body[data-uri="case/genitor"] .page-skill[data-skill="genitor"] .preview-section .link:before,
  body[data-uri="case/genitor"] .page-skill[data-skill="genitor"] .preview-section .link:after,
  body[data-uri="skill/genitor"] .page-case[data-case="genitor"] .preview-section .link:before,
  body[data-uri="skill/genitor"] .page-case[data-case="genitor"] .preview-section .link:after,
  body[data-uri="skill/genitor"] .page-skill[data-skill="genitor"] .preview-section .link:before,
  body[data-uri="skill/genitor"] .page-skill[data-skill="genitor"] .preview-section .link:after,
  body[data-uri="genitor"] .page-case[data-case="genitor"] .preview-section .link:before,
  body[data-uri="genitor"] .page-case[data-case="genitor"] .preview-section .link:after,
  body[data-uri="genitor"] .page-skill[data-skill="genitor"] .preview-section .link:before,
  body[data-uri="genitor"] .page-skill[data-skill="genitor"] .preview-section .link:after,
  body[data-uri="/"][data-case="genitor"] .page-case[data-case="genitor"] .preview-section .link:before,
  body[data-uri="/"][data-case="genitor"] .page-case[data-case="genitor"] .preview-section .link:after,
  body[data-uri="/"][data-case="genitor"] .page-skill[data-skill="genitor"] .preview-section .link:before,
  body[data-uri="/"][data-case="genitor"] .page-skill[data-skill="genitor"] .preview-section .link:after {
    background-color: rgba(50, 200, 150, 0.75); }
  body[data-uri="case/genitor"] .page-case[data-case="genitor"] .preview-section .link svg,
  body[data-uri="case/genitor"] .page-skill[data-skill="genitor"] .preview-section .link svg,
  body[data-uri="skill/genitor"] .page-case[data-case="genitor"] .preview-section .link svg,
  body[data-uri="skill/genitor"] .page-skill[data-skill="genitor"] .preview-section .link svg,
  body[data-uri="genitor"] .page-case[data-case="genitor"] .preview-section .link svg,
  body[data-uri="genitor"] .page-skill[data-skill="genitor"] .preview-section .link svg,
  body[data-uri="/"][data-case="genitor"] .page-case[data-case="genitor"] .preview-section .link svg,
  body[data-uri="/"][data-case="genitor"] .page-skill[data-skill="genitor"] .preview-section .link svg {
    fill: #32c896; }
  body[data-touch="false"] body[data-uri="case/genitor"] .page-case[data-case="genitor"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/genitor"] .page-skill[data-skill="genitor"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/genitor"] .page-case[data-case="genitor"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/genitor"] .page-skill[data-skill="genitor"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="genitor"] .page-case[data-case="genitor"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="genitor"] .page-skill[data-skill="genitor"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="genitor"] .page-case[data-case="genitor"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="genitor"] .page-skill[data-skill="genitor"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/genitor"] .page-case[data-case="genitor"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/genitor"] .page-skill[data-skill="genitor"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/genitor"] .page-case[data-case="genitor"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/genitor"] .page-skill[data-skill="genitor"] .video-section .video .video-playpause .btn svg,
body[data-uri="genitor"] .page-case[data-case="genitor"] .video-section .video .video-playpause .btn svg,
body[data-uri="genitor"] .page-skill[data-skill="genitor"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="genitor"] .page-case[data-case="genitor"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="genitor"] .page-skill[data-skill="genitor"] .video-section .video .video-playpause .btn svg {
  fill: rgba(50, 200, 150, 0.9); }

body[data-uri="case/genitor"] .page-case[data-case="genitor"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/genitor"] .page-skill[data-skill="genitor"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/genitor"] .page-case[data-case="genitor"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/genitor"] .page-skill[data-skill="genitor"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="genitor"] .page-case[data-case="genitor"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="genitor"] .page-skill[data-skill="genitor"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="genitor"] .page-case[data-case="genitor"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="genitor"] .page-skill[data-skill="genitor"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(50, 200, 150, 0.9); }

body[data-uri="case/genitor"] .page-case[data-case="genitor"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/genitor"] .page-skill[data-skill="genitor"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/genitor"] .page-case[data-case="genitor"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/genitor"] .page-skill[data-skill="genitor"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="genitor"] .page-case[data-case="genitor"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="genitor"] .page-skill[data-skill="genitor"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="genitor"] .page-case[data-case="genitor"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="genitor"] .page-skill[data-skill="genitor"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(50, 200, 150, 0.9); }

body[data-uri="case/genitor"] .page-case[data-case="genitor"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/genitor"] .page-skill[data-skill="genitor"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/genitor"] .page-case[data-case="genitor"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/genitor"] .page-skill[data-skill="genitor"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="genitor"] .page-case[data-case="genitor"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="genitor"] .page-skill[data-skill="genitor"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="genitor"] .page-case[data-case="genitor"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="genitor"] .page-skill[data-skill="genitor"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(50, 200, 150, 0.9); }

body[data-uri="case/genitor"] .page-case[data-case="genitor"] .video-section .video .video-fullscreen,
body[data-uri="case/genitor"] .page-skill[data-skill="genitor"] .video-section .video .video-fullscreen,
body[data-uri="skill/genitor"] .page-case[data-case="genitor"] .video-section .video .video-fullscreen,
body[data-uri="skill/genitor"] .page-skill[data-skill="genitor"] .video-section .video .video-fullscreen,
body[data-uri="genitor"] .page-case[data-case="genitor"] .video-section .video .video-fullscreen,
body[data-uri="genitor"] .page-skill[data-skill="genitor"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="genitor"] .page-case[data-case="genitor"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="genitor"] .page-skill[data-skill="genitor"] .video-section .video .video-fullscreen {
  background-color: rgba(50, 200, 150, 0.9); }

body[data-uri="case/genitor"] .page-case[data-case="genitor"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/genitor"] .page-skill[data-skill="genitor"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/genitor"] .page-case[data-case="genitor"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/genitor"] .page-skill[data-skill="genitor"] .video-section .video.active .video-playpause .btn,
body[data-uri="genitor"] .page-case[data-case="genitor"] .video-section .video.active .video-playpause .btn,
body[data-uri="genitor"] .page-skill[data-skill="genitor"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="genitor"] .page-case[data-case="genitor"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="genitor"] .page-skill[data-skill="genitor"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(50, 200, 150, 0.9); }
  body[data-uri="case/genitor"] .page-case[data-case="genitor"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/genitor"] .page-skill[data-skill="genitor"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/genitor"] .page-case[data-case="genitor"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/genitor"] .page-skill[data-skill="genitor"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="genitor"] .page-case[data-case="genitor"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="genitor"] .page-skill[data-skill="genitor"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="genitor"] .page-case[data-case="genitor"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="genitor"] .page-skill[data-skill="genitor"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/genitor"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/genitor"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="genitor"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="genitor"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(50, 200, 150, 0.8) !important; }
  body[data-uri="case/genitor"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/genitor"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="genitor"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="genitor"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

body[data-performance="low"] .page-home .cases-section .overview .case[data-case="genitor"] .case-image {
  background-image: url("../img/home/cases/low/genitor.jpg"); }

body[data-performance="high"] .page-home .cases-section .overview .case[data-case="genitor"] .case-image {
  background-image: url("../img/home/cases/genitor.jpg"); }

body[data-performance="low"] .page-case[data-case="genitor"] section[data-section="topimage"] .topimage {
  background-image: url("../img/case/genitor/topimage/low/topimage.jpg"); }

body[data-performance="high"] .page-case[data-case="genitor"] section[data-section="topimage"] .topimage {
  background-image: url("../img/case/genitor/topimage/topimage.jpg"); }

body[data-performance="low"] .page-case[data-case="genitor"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/genitor/preview/low/browser-1.jpg"); }

body[data-performance="low"] .page-case[data-case="genitor"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/genitor/preview/low/browser-2.jpg"); }

body[data-performance="low"] .page-case[data-case="genitor"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/genitor/preview/low/browser-3.jpg"); }

body[data-performance="high"] .page-case[data-case="genitor"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/genitor/preview/browser-1.png"); }

body[data-performance="high"] .page-case[data-case="genitor"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/genitor/preview/browser-2.png"); }

body[data-performance="high"] .page-case[data-case="genitor"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/genitor/preview/browser-3.png"); }

body[data-performance="low"] .page-case[data-case="genitor"] section[data-section="posters"] .swiper-container .swiper-slide:nth-of-type(1) {
  background-image: url("../img/case/genitor/print/low/print-1.jpg"); }

body[data-performance="low"] .page-case[data-case="genitor"] section[data-section="posters"] .swiper-container .swiper-slide:nth-of-type(2) {
  background-image: url("../img/case/genitor/print/low/print-2.jpg"); }

body[data-performance="high"] .page-case[data-case="genitor"] section[data-section="posters"] .swiper-container .swiper-slide:nth-of-type(1) {
  background-image: url("../img/case/genitor/print/print-1.png"); }

body[data-performance="high"] .page-case[data-case="genitor"] section[data-section="posters"] .swiper-container .swiper-slide:nth-of-type(2) {
  background-image: url("../img/case/genitor/print/print-2.png"); }

body.subpage .cases-section .case[data-case="icann"] .case-image,
body.subpage .cases-section .case[data-case="icann"] .skill-image,
body.subpage .skills-section .skill[data-skill="icann"] .case-image,
body.subpage .skills-section .skill[data-skill="icann"] .skill-image {
  background-image: url("../img/cases/icann.jpg"); }
  body.subpage .cases-section .case[data-case="icann"] .case-image:before, body.subpage .cases-section .case[data-case="icann"] .case-image:after,
  body.subpage .cases-section .case[data-case="icann"] .skill-image:before,
  body.subpage .cases-section .case[data-case="icann"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="icann"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="icann"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="icann"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="icann"] .skill-image:after {
    background-color: rgba(90, 180, 60, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="icann"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="icann"]:hover .skill-description {
  border-top-color: #5ab43c; }
  body[data-touch="false"].subpage .cases-section .case[data-case="icann"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="icann"]:hover .skill-description h4 {
    color: #5ab43c; }

body[data-uri="case/icann"] #navigation-trigger,
body[data-uri="case/icann"] #page-title div,
body[data-uri="case/icann"] #menu,
body[data-uri="case/icann"] #page-close,
body[data-uri="skill/icann"] #navigation-trigger,
body[data-uri="skill/icann"] #page-title div,
body[data-uri="skill/icann"] #menu,
body[data-uri="skill/icann"] #page-close,
body[data-uri="icann"] #navigation-trigger,
body[data-uri="icann"] #page-title div,
body[data-uri="icann"] #menu,
body[data-uri="icann"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"] #page-close {
  background-color: rgba(90, 180, 60, 0.9); }

body[data-uri="case/icann"] #page-close,
body[data-uri="skill/icann"] #page-close,
body[data-uri="icann"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"] #page-close {
  background-color: transparent;
  border-color: #5ab43c; }
  body[data-uri="case/icann"] #page-close:before, body[data-uri="case/icann"] #page-close:after,
  body[data-uri="skill/icann"] #page-close:before,
  body[data-uri="skill/icann"] #page-close:after,
  body[data-uri="icann"] #page-close:before,
  body[data-uri="icann"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="icann"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="icann"] #page-close:after {
    background-color: rgba(90, 180, 60, 0.75); }
  body[data-uri="case/icann"] #page-close svg,
  body[data-uri="skill/icann"] #page-close svg,
  body[data-uri="icann"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="icann"] #page-close svg {
    fill: #5ab43c; }

body[data-uri="case/icann"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/icann"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/icann"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/icann"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="icann"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="icann"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #5ab43c; }

body[data-uri="case/icann"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/icann"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="icann"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #5ab43c; }

body[data-uri="case/icann"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/icann"][data-touch="false"] #page-close:hover svg,
body[data-uri="icann"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/icann"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/icann"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="icann"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #5ab43c; }

body[data-uri="case/icann"] a,
body[data-uri="case/icann"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/icann"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/icann"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/icann"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/icann"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/icann"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/icann"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/icann"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/icann"] a,
body[data-uri="skill/icann"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/icann"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/icann"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/icann"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/icann"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/icann"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/icann"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/icann"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="icann"] a,
body[data-uri="icann"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="icann"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="icann"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="icann"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="icann"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="icann"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="icann"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="icann"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #5ab43c; }

body[data-uri="case/icann"] .loader:before, body[data-uri="case/icann"] .loader:after,
body[data-uri="skill/icann"] .loader:before,
body[data-uri="skill/icann"] .loader:after,
body[data-uri="icann"] .loader:before,
body[data-uri="icann"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="icann"] .loader:after {
  background-color: #5ab43c; }

section#cases .case[data-case="icann"] .down svg {
  stroke: #5ab43c; }

body[data-uri="case/icann"] section#cases .description-box,
body[data-uri="skill/icann"] section#cases .description-box,
body[data-uri="icann"] section#cases .description-box,
body[data-uri="/"][data-case="icann"] section#cases .description-box {
  background-color: rgba(90, 180, 60, 0.9); }
  body[data-uri="case/icann"] section#cases .description-box .case-description[data-case="icann"],
  body[data-uri="skill/icann"] section#cases .description-box .case-description[data-case="icann"],
  body[data-uri="icann"] section#cases .description-box .case-description[data-case="icann"],
  body[data-uri="/"][data-case="icann"] section#cases .description-box .case-description[data-case="icann"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/icann"] section#cases .description-box .case-description[data-case="icann"] .text div,
    body[data-uri="skill/icann"] section#cases .description-box .case-description[data-case="icann"] .text div,
    body[data-uri="icann"] section#cases .description-box .case-description[data-case="icann"] .text div,
    body[data-uri="/"][data-case="icann"] section#cases .description-box .case-description[data-case="icann"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(1),
    body[data-uri="skill/icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(1),
    body[data-uri="icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(2),
    body[data-uri="skill/icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(2),
    body[data-uri="icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(3),
    body[data-uri="skill/icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(3),
    body[data-uri="icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(4),
    body[data-uri="skill/icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(4),
    body[data-uri="icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(5),
    body[data-uri="skill/icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(5),
    body[data-uri="icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(6),
    body[data-uri="skill/icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(6),
    body[data-uri="icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="icann"] section#cases .description-box .case-description[data-case="icann"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/icann"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/icann"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="icann"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="icann"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #5ab43c; }

body[data-uri="case/icann"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/icann"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="icann"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="icann"][data-touch="false"] section#cases .description-box:hover .text {
  color: #5ab43c; }
  body[data-uri="case/icann"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/icann"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="icann"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="icann"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #5ab43c !important; }
  body[data-uri="case/icann"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/icann"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="icann"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="icann"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #5ab43c !important; }

body[data-uri="case/icann"] .page-case[data-case="icann"] .color-primary,
body[data-uri="case/icann"] .page-skill[data-skill="icann"] .color-primary,
body[data-uri="skill/icann"] .page-case[data-case="icann"] .color-primary,
body[data-uri="skill/icann"] .page-skill[data-skill="icann"] .color-primary,
body[data-uri="icann"] .page-case[data-case="icann"] .color-primary,
body[data-uri="icann"] .page-skill[data-skill="icann"] .color-primary,
body[data-uri="/"][data-case="icann"] .page-case[data-case="icann"] .color-primary,
body[data-uri="/"][data-case="icann"] .page-skill[data-skill="icann"] .color-primary {
  color: #5ab43c; }

body[data-uri="case/icann"] .page-case[data-case="icann"] .color-white,
body[data-uri="case/icann"] .page-skill[data-skill="icann"] .color-white,
body[data-uri="skill/icann"] .page-case[data-case="icann"] .color-white,
body[data-uri="skill/icann"] .page-skill[data-skill="icann"] .color-white,
body[data-uri="icann"] .page-case[data-case="icann"] .color-white,
body[data-uri="icann"] .page-skill[data-skill="icann"] .color-white,
body[data-uri="/"][data-case="icann"] .page-case[data-case="icann"] .color-white,
body[data-uri="/"][data-case="icann"] .page-skill[data-skill="icann"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/icann"] .page-case[data-case="icann"] .bg-primary,
body[data-uri="case/icann"] .page-skill[data-skill="icann"] .bg-primary,
body[data-uri="skill/icann"] .page-case[data-case="icann"] .bg-primary,
body[data-uri="skill/icann"] .page-skill[data-skill="icann"] .bg-primary,
body[data-uri="icann"] .page-case[data-case="icann"] .bg-primary,
body[data-uri="icann"] .page-skill[data-skill="icann"] .bg-primary,
body[data-uri="/"][data-case="icann"] .page-case[data-case="icann"] .bg-primary,
body[data-uri="/"][data-case="icann"] .page-skill[data-skill="icann"] .bg-primary {
  background-color: #5ab43c !important; }

body[data-uri="case/icann"] .page-case[data-case="icann"] .topimage-section .down svg,
body[data-uri="case/icann"] .page-skill[data-skill="icann"] .topimage-section .down svg,
body[data-uri="skill/icann"] .page-case[data-case="icann"] .topimage-section .down svg,
body[data-uri="skill/icann"] .page-skill[data-skill="icann"] .topimage-section .down svg,
body[data-uri="icann"] .page-case[data-case="icann"] .topimage-section .down svg,
body[data-uri="icann"] .page-skill[data-skill="icann"] .topimage-section .down svg,
body[data-uri="/"][data-case="icann"] .page-case[data-case="icann"] .topimage-section .down svg,
body[data-uri="/"][data-case="icann"] .page-skill[data-skill="icann"] .topimage-section .down svg {
  stroke: #5ab43c; }

body[data-uri="case/icann"] .page-case[data-case="icann"] .textbox-bordered,
body[data-uri="case/icann"] .page-skill[data-skill="icann"] .textbox-bordered,
body[data-uri="skill/icann"] .page-case[data-case="icann"] .textbox-bordered,
body[data-uri="skill/icann"] .page-skill[data-skill="icann"] .textbox-bordered,
body[data-uri="icann"] .page-case[data-case="icann"] .textbox-bordered,
body[data-uri="icann"] .page-skill[data-skill="icann"] .textbox-bordered,
body[data-uri="/"][data-case="icann"] .page-case[data-case="icann"] .textbox-bordered,
body[data-uri="/"][data-case="icann"] .page-skill[data-skill="icann"] .textbox-bordered {
  border-top-color: #5ab43c; }

body[data-uri="case/icann"] .page-case[data-case="icann"] .textbox-background,
body[data-uri="case/icann"] .page-skill[data-skill="icann"] .textbox-background,
body[data-uri="skill/icann"] .page-case[data-case="icann"] .textbox-background,
body[data-uri="skill/icann"] .page-skill[data-skill="icann"] .textbox-background,
body[data-uri="icann"] .page-case[data-case="icann"] .textbox-background,
body[data-uri="icann"] .page-skill[data-skill="icann"] .textbox-background,
body[data-uri="/"][data-case="icann"] .page-case[data-case="icann"] .textbox-background,
body[data-uri="/"][data-case="icann"] .page-skill[data-skill="icann"] .textbox-background {
  background-color: rgba(90, 180, 60, 0.9); }

body[data-uri="case/icann"] .page-case[data-case="icann"] .preview-section .link,
body[data-uri="case/icann"] .page-skill[data-skill="icann"] .preview-section .link,
body[data-uri="skill/icann"] .page-case[data-case="icann"] .preview-section .link,
body[data-uri="skill/icann"] .page-skill[data-skill="icann"] .preview-section .link,
body[data-uri="icann"] .page-case[data-case="icann"] .preview-section .link,
body[data-uri="icann"] .page-skill[data-skill="icann"] .preview-section .link,
body[data-uri="/"][data-case="icann"] .page-case[data-case="icann"] .preview-section .link,
body[data-uri="/"][data-case="icann"] .page-skill[data-skill="icann"] .preview-section .link {
  background-color: transparent;
  border-color: #5ab43c; }
  body[data-uri="case/icann"] .page-case[data-case="icann"] .preview-section .link:before, body[data-uri="case/icann"] .page-case[data-case="icann"] .preview-section .link:after,
  body[data-uri="case/icann"] .page-skill[data-skill="icann"] .preview-section .link:before,
  body[data-uri="case/icann"] .page-skill[data-skill="icann"] .preview-section .link:after,
  body[data-uri="skill/icann"] .page-case[data-case="icann"] .preview-section .link:before,
  body[data-uri="skill/icann"] .page-case[data-case="icann"] .preview-section .link:after,
  body[data-uri="skill/icann"] .page-skill[data-skill="icann"] .preview-section .link:before,
  body[data-uri="skill/icann"] .page-skill[data-skill="icann"] .preview-section .link:after,
  body[data-uri="icann"] .page-case[data-case="icann"] .preview-section .link:before,
  body[data-uri="icann"] .page-case[data-case="icann"] .preview-section .link:after,
  body[data-uri="icann"] .page-skill[data-skill="icann"] .preview-section .link:before,
  body[data-uri="icann"] .page-skill[data-skill="icann"] .preview-section .link:after,
  body[data-uri="/"][data-case="icann"] .page-case[data-case="icann"] .preview-section .link:before,
  body[data-uri="/"][data-case="icann"] .page-case[data-case="icann"] .preview-section .link:after,
  body[data-uri="/"][data-case="icann"] .page-skill[data-skill="icann"] .preview-section .link:before,
  body[data-uri="/"][data-case="icann"] .page-skill[data-skill="icann"] .preview-section .link:after {
    background-color: rgba(90, 180, 60, 0.75); }
  body[data-uri="case/icann"] .page-case[data-case="icann"] .preview-section .link svg,
  body[data-uri="case/icann"] .page-skill[data-skill="icann"] .preview-section .link svg,
  body[data-uri="skill/icann"] .page-case[data-case="icann"] .preview-section .link svg,
  body[data-uri="skill/icann"] .page-skill[data-skill="icann"] .preview-section .link svg,
  body[data-uri="icann"] .page-case[data-case="icann"] .preview-section .link svg,
  body[data-uri="icann"] .page-skill[data-skill="icann"] .preview-section .link svg,
  body[data-uri="/"][data-case="icann"] .page-case[data-case="icann"] .preview-section .link svg,
  body[data-uri="/"][data-case="icann"] .page-skill[data-skill="icann"] .preview-section .link svg {
    fill: #5ab43c; }
  body[data-touch="false"] body[data-uri="case/icann"] .page-case[data-case="icann"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/icann"] .page-skill[data-skill="icann"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/icann"] .page-case[data-case="icann"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/icann"] .page-skill[data-skill="icann"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="icann"] .page-case[data-case="icann"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="icann"] .page-skill[data-skill="icann"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="icann"] .page-case[data-case="icann"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="icann"] .page-skill[data-skill="icann"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/icann"] .page-case[data-case="icann"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/icann"] .page-skill[data-skill="icann"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/icann"] .page-case[data-case="icann"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/icann"] .page-skill[data-skill="icann"] .video-section .video .video-playpause .btn svg,
body[data-uri="icann"] .page-case[data-case="icann"] .video-section .video .video-playpause .btn svg,
body[data-uri="icann"] .page-skill[data-skill="icann"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="icann"] .page-case[data-case="icann"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="icann"] .page-skill[data-skill="icann"] .video-section .video .video-playpause .btn svg {
  fill: rgba(90, 180, 60, 0.9); }

body[data-uri="case/icann"] .page-case[data-case="icann"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/icann"] .page-skill[data-skill="icann"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/icann"] .page-case[data-case="icann"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/icann"] .page-skill[data-skill="icann"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="icann"] .page-case[data-case="icann"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="icann"] .page-skill[data-skill="icann"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="icann"] .page-case[data-case="icann"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="icann"] .page-skill[data-skill="icann"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(90, 180, 60, 0.9); }

body[data-uri="case/icann"] .page-case[data-case="icann"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/icann"] .page-skill[data-skill="icann"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/icann"] .page-case[data-case="icann"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/icann"] .page-skill[data-skill="icann"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="icann"] .page-case[data-case="icann"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="icann"] .page-skill[data-skill="icann"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="icann"] .page-case[data-case="icann"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="icann"] .page-skill[data-skill="icann"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(90, 180, 60, 0.9); }

body[data-uri="case/icann"] .page-case[data-case="icann"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/icann"] .page-skill[data-skill="icann"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/icann"] .page-case[data-case="icann"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/icann"] .page-skill[data-skill="icann"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="icann"] .page-case[data-case="icann"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="icann"] .page-skill[data-skill="icann"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="icann"] .page-case[data-case="icann"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="icann"] .page-skill[data-skill="icann"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(90, 180, 60, 0.9); }

body[data-uri="case/icann"] .page-case[data-case="icann"] .video-section .video .video-fullscreen,
body[data-uri="case/icann"] .page-skill[data-skill="icann"] .video-section .video .video-fullscreen,
body[data-uri="skill/icann"] .page-case[data-case="icann"] .video-section .video .video-fullscreen,
body[data-uri="skill/icann"] .page-skill[data-skill="icann"] .video-section .video .video-fullscreen,
body[data-uri="icann"] .page-case[data-case="icann"] .video-section .video .video-fullscreen,
body[data-uri="icann"] .page-skill[data-skill="icann"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="icann"] .page-case[data-case="icann"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="icann"] .page-skill[data-skill="icann"] .video-section .video .video-fullscreen {
  background-color: rgba(90, 180, 60, 0.9); }

body[data-uri="case/icann"] .page-case[data-case="icann"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/icann"] .page-skill[data-skill="icann"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/icann"] .page-case[data-case="icann"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/icann"] .page-skill[data-skill="icann"] .video-section .video.active .video-playpause .btn,
body[data-uri="icann"] .page-case[data-case="icann"] .video-section .video.active .video-playpause .btn,
body[data-uri="icann"] .page-skill[data-skill="icann"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="icann"] .page-case[data-case="icann"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="icann"] .page-skill[data-skill="icann"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(90, 180, 60, 0.9); }
  body[data-uri="case/icann"] .page-case[data-case="icann"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/icann"] .page-skill[data-skill="icann"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/icann"] .page-case[data-case="icann"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/icann"] .page-skill[data-skill="icann"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="icann"] .page-case[data-case="icann"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="icann"] .page-skill[data-skill="icann"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="icann"] .page-case[data-case="icann"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="icann"] .page-skill[data-skill="icann"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/icann"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/icann"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="icann"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="icann"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(90, 180, 60, 0.8) !important; }
  body[data-uri="case/icann"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/icann"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="icann"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="icann"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

body[data-performance="low"] .page-case[data-case="icann"] section[data-section="topimage"] .topimage {
  background-image: url("../img/case/icann/topimage/low/topimage.jpg"); }

body[data-performance="high"] .page-case[data-case="icann"] section[data-section="topimage"] .topimage {
  background-image: url("../img/case/icann/topimage/topimage.jpg"); }

body[data-performance="low"] .page-case[data-case="icann"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/icann/preview/low/browser-1.jpg"); }

body[data-performance="low"] .page-case[data-case="icann"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/icann/preview/low/browser-2.jpg"); }

body[data-performance="low"] .page-case[data-case="icann"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/icann/preview/low/browser-3.jpg"); }

body[data-performance="low"] .page-case[data-case="icann"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/case/icann/preview/low/browser-4.jpg"); }

body[data-performance="high"] .page-case[data-case="icann"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/icann/preview/browser-1.png"); }

body[data-performance="high"] .page-case[data-case="icann"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/icann/preview/browser-2.png"); }

body[data-performance="high"] .page-case[data-case="icann"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/icann/preview/browser-3.png"); }

body[data-performance="high"] .page-case[data-case="icann"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/case/icann/preview/browser-4.png"); }

body.subpage .cases-section .case[data-case="incita"] .case-image,
body.subpage .cases-section .case[data-case="incita"] .skill-image,
body.subpage .skills-section .skill[data-skill="incita"] .case-image,
body.subpage .skills-section .skill[data-skill="incita"] .skill-image {
  background-image: url("../img/cases/incita.svg"); }
  body.subpage .cases-section .case[data-case="incita"] .case-image:before, body.subpage .cases-section .case[data-case="incita"] .case-image:after,
  body.subpage .cases-section .case[data-case="incita"] .skill-image:before,
  body.subpage .cases-section .case[data-case="incita"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="incita"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="incita"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="incita"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="incita"] .skill-image:after {
    background-color: rgba(150, 200, 250, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="incita"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="incita"]:hover .skill-description {
  border-top-color: #96c8fa; }
  body[data-touch="false"].subpage .cases-section .case[data-case="incita"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="incita"]:hover .skill-description h4 {
    color: #96c8fa; }

body[data-uri="case/incita"] #navigation-trigger,
body[data-uri="case/incita"] #page-title div,
body[data-uri="case/incita"] #menu,
body[data-uri="case/incita"] #page-close,
body[data-uri="skill/incita"] #navigation-trigger,
body[data-uri="skill/incita"] #page-title div,
body[data-uri="skill/incita"] #menu,
body[data-uri="skill/incita"] #page-close,
body[data-uri="incita"] #navigation-trigger,
body[data-uri="incita"] #page-title div,
body[data-uri="incita"] #menu,
body[data-uri="incita"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"] #page-close {
  background-color: rgba(150, 200, 250, 0.9); }

body[data-uri="case/incita"] #page-close,
body[data-uri="skill/incita"] #page-close,
body[data-uri="incita"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"] #page-close {
  background-color: transparent;
  border-color: #96c8fa; }
  body[data-uri="case/incita"] #page-close:before, body[data-uri="case/incita"] #page-close:after,
  body[data-uri="skill/incita"] #page-close:before,
  body[data-uri="skill/incita"] #page-close:after,
  body[data-uri="incita"] #page-close:before,
  body[data-uri="incita"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="incita"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="incita"] #page-close:after {
    background-color: rgba(150, 200, 250, 0.75); }
  body[data-uri="case/incita"] #page-close svg,
  body[data-uri="skill/incita"] #page-close svg,
  body[data-uri="incita"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="incita"] #page-close svg {
    fill: #96c8fa; }

body[data-uri="case/incita"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/incita"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/incita"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/incita"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="incita"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="incita"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #96c8fa; }

body[data-uri="case/incita"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/incita"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="incita"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #96c8fa; }

body[data-uri="case/incita"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/incita"][data-touch="false"] #page-close:hover svg,
body[data-uri="incita"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/incita"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/incita"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="incita"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #96c8fa; }

body[data-uri="case/incita"] a,
body[data-uri="case/incita"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/incita"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/incita"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/incita"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/incita"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/incita"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/incita"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/incita"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/incita"] a,
body[data-uri="skill/incita"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/incita"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/incita"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/incita"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/incita"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/incita"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/incita"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/incita"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="incita"] a,
body[data-uri="incita"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="incita"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="incita"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="incita"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="incita"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="incita"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="incita"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="incita"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #96c8fa; }

body[data-uri="case/incita"] .loader:before, body[data-uri="case/incita"] .loader:after,
body[data-uri="skill/incita"] .loader:before,
body[data-uri="skill/incita"] .loader:after,
body[data-uri="incita"] .loader:before,
body[data-uri="incita"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="incita"] .loader:after {
  background-color: #96c8fa; }

section#cases .case[data-case="incita"] .down svg {
  stroke: #96c8fa; }

body[data-uri="case/incita"] section#cases .description-box,
body[data-uri="skill/incita"] section#cases .description-box,
body[data-uri="incita"] section#cases .description-box,
body[data-uri="/"][data-case="incita"] section#cases .description-box {
  background-color: rgba(150, 200, 250, 0.9); }
  body[data-uri="case/incita"] section#cases .description-box .case-description[data-case="incita"],
  body[data-uri="skill/incita"] section#cases .description-box .case-description[data-case="incita"],
  body[data-uri="incita"] section#cases .description-box .case-description[data-case="incita"],
  body[data-uri="/"][data-case="incita"] section#cases .description-box .case-description[data-case="incita"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/incita"] section#cases .description-box .case-description[data-case="incita"] .text div,
    body[data-uri="skill/incita"] section#cases .description-box .case-description[data-case="incita"] .text div,
    body[data-uri="incita"] section#cases .description-box .case-description[data-case="incita"] .text div,
    body[data-uri="/"][data-case="incita"] section#cases .description-box .case-description[data-case="incita"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(1),
    body[data-uri="skill/incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(1),
    body[data-uri="incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(2),
    body[data-uri="skill/incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(2),
    body[data-uri="incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(3),
    body[data-uri="skill/incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(3),
    body[data-uri="incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(4),
    body[data-uri="skill/incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(4),
    body[data-uri="incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(5),
    body[data-uri="skill/incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(5),
    body[data-uri="incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(6),
    body[data-uri="skill/incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(6),
    body[data-uri="incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="incita"] section#cases .description-box .case-description[data-case="incita"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/incita"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/incita"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="incita"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="incita"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #96c8fa; }

body[data-uri="case/incita"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/incita"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="incita"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="incita"][data-touch="false"] section#cases .description-box:hover .text {
  color: #96c8fa; }
  body[data-uri="case/incita"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/incita"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="incita"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="incita"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #96c8fa !important; }
  body[data-uri="case/incita"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/incita"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="incita"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="incita"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #96c8fa !important; }

body[data-uri="case/incita"] .page-case[data-case="incita"] .color-primary,
body[data-uri="case/incita"] .page-skill[data-skill="incita"] .color-primary,
body[data-uri="skill/incita"] .page-case[data-case="incita"] .color-primary,
body[data-uri="skill/incita"] .page-skill[data-skill="incita"] .color-primary,
body[data-uri="incita"] .page-case[data-case="incita"] .color-primary,
body[data-uri="incita"] .page-skill[data-skill="incita"] .color-primary,
body[data-uri="/"][data-case="incita"] .page-case[data-case="incita"] .color-primary,
body[data-uri="/"][data-case="incita"] .page-skill[data-skill="incita"] .color-primary {
  color: #96c8fa; }

body[data-uri="case/incita"] .page-case[data-case="incita"] .color-white,
body[data-uri="case/incita"] .page-skill[data-skill="incita"] .color-white,
body[data-uri="skill/incita"] .page-case[data-case="incita"] .color-white,
body[data-uri="skill/incita"] .page-skill[data-skill="incita"] .color-white,
body[data-uri="incita"] .page-case[data-case="incita"] .color-white,
body[data-uri="incita"] .page-skill[data-skill="incita"] .color-white,
body[data-uri="/"][data-case="incita"] .page-case[data-case="incita"] .color-white,
body[data-uri="/"][data-case="incita"] .page-skill[data-skill="incita"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/incita"] .page-case[data-case="incita"] .bg-primary,
body[data-uri="case/incita"] .page-skill[data-skill="incita"] .bg-primary,
body[data-uri="skill/incita"] .page-case[data-case="incita"] .bg-primary,
body[data-uri="skill/incita"] .page-skill[data-skill="incita"] .bg-primary,
body[data-uri="incita"] .page-case[data-case="incita"] .bg-primary,
body[data-uri="incita"] .page-skill[data-skill="incita"] .bg-primary,
body[data-uri="/"][data-case="incita"] .page-case[data-case="incita"] .bg-primary,
body[data-uri="/"][data-case="incita"] .page-skill[data-skill="incita"] .bg-primary {
  background-color: #96c8fa !important; }

body[data-uri="case/incita"] .page-case[data-case="incita"] .topimage-section .down svg,
body[data-uri="case/incita"] .page-skill[data-skill="incita"] .topimage-section .down svg,
body[data-uri="skill/incita"] .page-case[data-case="incita"] .topimage-section .down svg,
body[data-uri="skill/incita"] .page-skill[data-skill="incita"] .topimage-section .down svg,
body[data-uri="incita"] .page-case[data-case="incita"] .topimage-section .down svg,
body[data-uri="incita"] .page-skill[data-skill="incita"] .topimage-section .down svg,
body[data-uri="/"][data-case="incita"] .page-case[data-case="incita"] .topimage-section .down svg,
body[data-uri="/"][data-case="incita"] .page-skill[data-skill="incita"] .topimage-section .down svg {
  stroke: #96c8fa; }

body[data-uri="case/incita"] .page-case[data-case="incita"] .textbox-bordered,
body[data-uri="case/incita"] .page-skill[data-skill="incita"] .textbox-bordered,
body[data-uri="skill/incita"] .page-case[data-case="incita"] .textbox-bordered,
body[data-uri="skill/incita"] .page-skill[data-skill="incita"] .textbox-bordered,
body[data-uri="incita"] .page-case[data-case="incita"] .textbox-bordered,
body[data-uri="incita"] .page-skill[data-skill="incita"] .textbox-bordered,
body[data-uri="/"][data-case="incita"] .page-case[data-case="incita"] .textbox-bordered,
body[data-uri="/"][data-case="incita"] .page-skill[data-skill="incita"] .textbox-bordered {
  border-top-color: #96c8fa; }

body[data-uri="case/incita"] .page-case[data-case="incita"] .textbox-background,
body[data-uri="case/incita"] .page-skill[data-skill="incita"] .textbox-background,
body[data-uri="skill/incita"] .page-case[data-case="incita"] .textbox-background,
body[data-uri="skill/incita"] .page-skill[data-skill="incita"] .textbox-background,
body[data-uri="incita"] .page-case[data-case="incita"] .textbox-background,
body[data-uri="incita"] .page-skill[data-skill="incita"] .textbox-background,
body[data-uri="/"][data-case="incita"] .page-case[data-case="incita"] .textbox-background,
body[data-uri="/"][data-case="incita"] .page-skill[data-skill="incita"] .textbox-background {
  background-color: rgba(150, 200, 250, 0.9); }

body[data-uri="case/incita"] .page-case[data-case="incita"] .preview-section .link,
body[data-uri="case/incita"] .page-skill[data-skill="incita"] .preview-section .link,
body[data-uri="skill/incita"] .page-case[data-case="incita"] .preview-section .link,
body[data-uri="skill/incita"] .page-skill[data-skill="incita"] .preview-section .link,
body[data-uri="incita"] .page-case[data-case="incita"] .preview-section .link,
body[data-uri="incita"] .page-skill[data-skill="incita"] .preview-section .link,
body[data-uri="/"][data-case="incita"] .page-case[data-case="incita"] .preview-section .link,
body[data-uri="/"][data-case="incita"] .page-skill[data-skill="incita"] .preview-section .link {
  background-color: transparent;
  border-color: #96c8fa; }
  body[data-uri="case/incita"] .page-case[data-case="incita"] .preview-section .link:before, body[data-uri="case/incita"] .page-case[data-case="incita"] .preview-section .link:after,
  body[data-uri="case/incita"] .page-skill[data-skill="incita"] .preview-section .link:before,
  body[data-uri="case/incita"] .page-skill[data-skill="incita"] .preview-section .link:after,
  body[data-uri="skill/incita"] .page-case[data-case="incita"] .preview-section .link:before,
  body[data-uri="skill/incita"] .page-case[data-case="incita"] .preview-section .link:after,
  body[data-uri="skill/incita"] .page-skill[data-skill="incita"] .preview-section .link:before,
  body[data-uri="skill/incita"] .page-skill[data-skill="incita"] .preview-section .link:after,
  body[data-uri="incita"] .page-case[data-case="incita"] .preview-section .link:before,
  body[data-uri="incita"] .page-case[data-case="incita"] .preview-section .link:after,
  body[data-uri="incita"] .page-skill[data-skill="incita"] .preview-section .link:before,
  body[data-uri="incita"] .page-skill[data-skill="incita"] .preview-section .link:after,
  body[data-uri="/"][data-case="incita"] .page-case[data-case="incita"] .preview-section .link:before,
  body[data-uri="/"][data-case="incita"] .page-case[data-case="incita"] .preview-section .link:after,
  body[data-uri="/"][data-case="incita"] .page-skill[data-skill="incita"] .preview-section .link:before,
  body[data-uri="/"][data-case="incita"] .page-skill[data-skill="incita"] .preview-section .link:after {
    background-color: rgba(150, 200, 250, 0.75); }
  body[data-uri="case/incita"] .page-case[data-case="incita"] .preview-section .link svg,
  body[data-uri="case/incita"] .page-skill[data-skill="incita"] .preview-section .link svg,
  body[data-uri="skill/incita"] .page-case[data-case="incita"] .preview-section .link svg,
  body[data-uri="skill/incita"] .page-skill[data-skill="incita"] .preview-section .link svg,
  body[data-uri="incita"] .page-case[data-case="incita"] .preview-section .link svg,
  body[data-uri="incita"] .page-skill[data-skill="incita"] .preview-section .link svg,
  body[data-uri="/"][data-case="incita"] .page-case[data-case="incita"] .preview-section .link svg,
  body[data-uri="/"][data-case="incita"] .page-skill[data-skill="incita"] .preview-section .link svg {
    fill: #96c8fa; }
  body[data-touch="false"] body[data-uri="case/incita"] .page-case[data-case="incita"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/incita"] .page-skill[data-skill="incita"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/incita"] .page-case[data-case="incita"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/incita"] .page-skill[data-skill="incita"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="incita"] .page-case[data-case="incita"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="incita"] .page-skill[data-skill="incita"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="incita"] .page-case[data-case="incita"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="incita"] .page-skill[data-skill="incita"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/incita"] .page-case[data-case="incita"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/incita"] .page-skill[data-skill="incita"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/incita"] .page-case[data-case="incita"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/incita"] .page-skill[data-skill="incita"] .video-section .video .video-playpause .btn svg,
body[data-uri="incita"] .page-case[data-case="incita"] .video-section .video .video-playpause .btn svg,
body[data-uri="incita"] .page-skill[data-skill="incita"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="incita"] .page-case[data-case="incita"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="incita"] .page-skill[data-skill="incita"] .video-section .video .video-playpause .btn svg {
  fill: rgba(150, 200, 250, 0.9); }

body[data-uri="case/incita"] .page-case[data-case="incita"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/incita"] .page-skill[data-skill="incita"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/incita"] .page-case[data-case="incita"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/incita"] .page-skill[data-skill="incita"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="incita"] .page-case[data-case="incita"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="incita"] .page-skill[data-skill="incita"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="incita"] .page-case[data-case="incita"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="incita"] .page-skill[data-skill="incita"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(150, 200, 250, 0.9); }

body[data-uri="case/incita"] .page-case[data-case="incita"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/incita"] .page-skill[data-skill="incita"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/incita"] .page-case[data-case="incita"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/incita"] .page-skill[data-skill="incita"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="incita"] .page-case[data-case="incita"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="incita"] .page-skill[data-skill="incita"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="incita"] .page-case[data-case="incita"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="incita"] .page-skill[data-skill="incita"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(150, 200, 250, 0.9); }

body[data-uri="case/incita"] .page-case[data-case="incita"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/incita"] .page-skill[data-skill="incita"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/incita"] .page-case[data-case="incita"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/incita"] .page-skill[data-skill="incita"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="incita"] .page-case[data-case="incita"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="incita"] .page-skill[data-skill="incita"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="incita"] .page-case[data-case="incita"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="incita"] .page-skill[data-skill="incita"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(150, 200, 250, 0.9); }

body[data-uri="case/incita"] .page-case[data-case="incita"] .video-section .video .video-fullscreen,
body[data-uri="case/incita"] .page-skill[data-skill="incita"] .video-section .video .video-fullscreen,
body[data-uri="skill/incita"] .page-case[data-case="incita"] .video-section .video .video-fullscreen,
body[data-uri="skill/incita"] .page-skill[data-skill="incita"] .video-section .video .video-fullscreen,
body[data-uri="incita"] .page-case[data-case="incita"] .video-section .video .video-fullscreen,
body[data-uri="incita"] .page-skill[data-skill="incita"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="incita"] .page-case[data-case="incita"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="incita"] .page-skill[data-skill="incita"] .video-section .video .video-fullscreen {
  background-color: rgba(150, 200, 250, 0.9); }

body[data-uri="case/incita"] .page-case[data-case="incita"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/incita"] .page-skill[data-skill="incita"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/incita"] .page-case[data-case="incita"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/incita"] .page-skill[data-skill="incita"] .video-section .video.active .video-playpause .btn,
body[data-uri="incita"] .page-case[data-case="incita"] .video-section .video.active .video-playpause .btn,
body[data-uri="incita"] .page-skill[data-skill="incita"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="incita"] .page-case[data-case="incita"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="incita"] .page-skill[data-skill="incita"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(150, 200, 250, 0.9); }
  body[data-uri="case/incita"] .page-case[data-case="incita"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/incita"] .page-skill[data-skill="incita"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/incita"] .page-case[data-case="incita"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/incita"] .page-skill[data-skill="incita"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="incita"] .page-case[data-case="incita"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="incita"] .page-skill[data-skill="incita"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="incita"] .page-case[data-case="incita"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="incita"] .page-skill[data-skill="incita"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/incita"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/incita"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="incita"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="incita"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(150, 200, 250, 0.8) !important; }
  body[data-uri="case/incita"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/incita"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="incita"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="incita"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

body.subpage .cases-section .case[data-case="incita"] .case-image {
  background-position: center left 20%; }

.page-case[data-case="incita"] section[data-section="topimage"] .topimage {
  background-size: cover;
  background-image: url("../img/case/incita/topimage/topimage.svg");
  background-position: center left 10%; }

body[data-performance="low"] .page-case[data-case="incita"] section[data-section="bulletin-1"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/incita/print/low/print-2.jpg"); }

body[data-performance="high"] .page-case[data-case="incita"] section[data-section="bulletin-1"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/incita/print/print-2.jpg"); }

body[data-performance="low"] .page-case[data-case="incita"] section[data-section="bulletin-2"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/incita/print/low/print-3.png"); }

body[data-performance="high"] .page-case[data-case="incita"] section[data-section="bulletin-2"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/incita/print/print-3.png"); }

body[data-performance="low"] .page-case[data-case="incita"] section[data-section="bulletin-3"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/incita/print/low/print-4.jpg"); }

body[data-performance="high"] .page-case[data-case="incita"] section[data-section="bulletin-3"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/incita/print/print-4.png"); }

.page-case[data-case="incita"] section[data-section="planche"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/incita/print/print-5.svg"); }

body.subpage .cases-section .case[data-case="internetdagen"] .case-image,
body.subpage .cases-section .case[data-case="internetdagen"] .skill-image,
body.subpage .skills-section .skill[data-skill="internetdagen"] .case-image,
body.subpage .skills-section .skill[data-skill="internetdagen"] .skill-image {
  background-image: url("../img/cases/internetdagen.jpg"); }
  body.subpage .cases-section .case[data-case="internetdagen"] .case-image:before, body.subpage .cases-section .case[data-case="internetdagen"] .case-image:after,
  body.subpage .cases-section .case[data-case="internetdagen"] .skill-image:before,
  body.subpage .cases-section .case[data-case="internetdagen"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="internetdagen"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="internetdagen"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="internetdagen"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="internetdagen"] .skill-image:after {
    background-color: rgba(250, 42, 252, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="internetdagen"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="internetdagen"]:hover .skill-description {
  border-top-color: #fa2afc; }
  body[data-touch="false"].subpage .cases-section .case[data-case="internetdagen"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="internetdagen"]:hover .skill-description h4 {
    color: #fa2afc; }

body[data-uri="case/internetdagen"] #navigation-trigger,
body[data-uri="case/internetdagen"] #page-title div,
body[data-uri="case/internetdagen"] #menu,
body[data-uri="case/internetdagen"] #page-close,
body[data-uri="skill/internetdagen"] #navigation-trigger,
body[data-uri="skill/internetdagen"] #page-title div,
body[data-uri="skill/internetdagen"] #menu,
body[data-uri="skill/internetdagen"] #page-close,
body[data-uri="internetdagen"] #navigation-trigger,
body[data-uri="internetdagen"] #page-title div,
body[data-uri="internetdagen"] #menu,
body[data-uri="internetdagen"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"] #page-close {
  background-color: rgba(250, 42, 252, 0.9); }

body[data-uri="case/internetdagen"] #page-close,
body[data-uri="skill/internetdagen"] #page-close,
body[data-uri="internetdagen"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"] #page-close {
  background-color: transparent;
  border-color: #fa2afc; }
  body[data-uri="case/internetdagen"] #page-close:before, body[data-uri="case/internetdagen"] #page-close:after,
  body[data-uri="skill/internetdagen"] #page-close:before,
  body[data-uri="skill/internetdagen"] #page-close:after,
  body[data-uri="internetdagen"] #page-close:before,
  body[data-uri="internetdagen"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"] #page-close:after {
    background-color: rgba(250, 42, 252, 0.75); }
  body[data-uri="case/internetdagen"] #page-close svg,
  body[data-uri="skill/internetdagen"] #page-close svg,
  body[data-uri="internetdagen"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"] #page-close svg {
    fill: #fa2afc; }

body[data-uri="case/internetdagen"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/internetdagen"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/internetdagen"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/internetdagen"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="internetdagen"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="internetdagen"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #fa2afc; }

body[data-uri="case/internetdagen"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/internetdagen"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="internetdagen"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #fa2afc; }

body[data-uri="case/internetdagen"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/internetdagen"][data-touch="false"] #page-close:hover svg,
body[data-uri="internetdagen"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/internetdagen"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/internetdagen"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="internetdagen"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #fa2afc; }

body[data-uri="case/internetdagen"] a,
body[data-uri="case/internetdagen"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/internetdagen"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/internetdagen"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/internetdagen"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/internetdagen"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/internetdagen"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/internetdagen"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/internetdagen"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/internetdagen"] a,
body[data-uri="skill/internetdagen"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/internetdagen"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/internetdagen"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/internetdagen"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/internetdagen"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/internetdagen"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/internetdagen"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/internetdagen"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="internetdagen"] a,
body[data-uri="internetdagen"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="internetdagen"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="internetdagen"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="internetdagen"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="internetdagen"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="internetdagen"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="internetdagen"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="internetdagen"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #fa2afc; }

body[data-uri="case/internetdagen"] .loader:before, body[data-uri="case/internetdagen"] .loader:after,
body[data-uri="skill/internetdagen"] .loader:before,
body[data-uri="skill/internetdagen"] .loader:after,
body[data-uri="internetdagen"] .loader:before,
body[data-uri="internetdagen"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagen"] .loader:after {
  background-color: #fa2afc; }

section#cases .case[data-case="internetdagen"] .down svg {
  stroke: #fa2afc; }

body[data-uri="case/internetdagen"] section#cases .description-box,
body[data-uri="skill/internetdagen"] section#cases .description-box,
body[data-uri="internetdagen"] section#cases .description-box,
body[data-uri="/"][data-case="internetdagen"] section#cases .description-box {
  background-color: rgba(250, 42, 252, 0.9); }
  body[data-uri="case/internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"],
  body[data-uri="skill/internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"],
  body[data-uri="internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"],
  body[data-uri="/"][data-case="internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div,
    body[data-uri="skill/internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div,
    body[data-uri="internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div,
    body[data-uri="/"][data-case="internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(1),
    body[data-uri="skill/internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(1),
    body[data-uri="internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(2),
    body[data-uri="skill/internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(2),
    body[data-uri="internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(3),
    body[data-uri="skill/internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(3),
    body[data-uri="internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(4),
    body[data-uri="skill/internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(4),
    body[data-uri="internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(5),
    body[data-uri="skill/internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(5),
    body[data-uri="internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(6),
    body[data-uri="skill/internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(6),
    body[data-uri="internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="internetdagen"] section#cases .description-box .case-description[data-case="internetdagen"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/internetdagen"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/internetdagen"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="internetdagen"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="internetdagen"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #fa2afc; }

body[data-uri="case/internetdagen"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/internetdagen"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="internetdagen"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="internetdagen"][data-touch="false"] section#cases .description-box:hover .text {
  color: #fa2afc; }
  body[data-uri="case/internetdagen"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/internetdagen"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="internetdagen"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="internetdagen"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #fa2afc !important; }
  body[data-uri="case/internetdagen"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/internetdagen"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="internetdagen"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="internetdagen"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #fa2afc !important; }

body[data-uri="case/internetdagen"] .page-case[data-case="internetdagen"] .color-primary,
body[data-uri="case/internetdagen"] .page-skill[data-skill="internetdagen"] .color-primary,
body[data-uri="skill/internetdagen"] .page-case[data-case="internetdagen"] .color-primary,
body[data-uri="skill/internetdagen"] .page-skill[data-skill="internetdagen"] .color-primary,
body[data-uri="internetdagen"] .page-case[data-case="internetdagen"] .color-primary,
body[data-uri="internetdagen"] .page-skill[data-skill="internetdagen"] .color-primary,
body[data-uri="/"][data-case="internetdagen"] .page-case[data-case="internetdagen"] .color-primary,
body[data-uri="/"][data-case="internetdagen"] .page-skill[data-skill="internetdagen"] .color-primary {
  color: #fa2afc; }

body[data-uri="case/internetdagen"] .page-case[data-case="internetdagen"] .color-white,
body[data-uri="case/internetdagen"] .page-skill[data-skill="internetdagen"] .color-white,
body[data-uri="skill/internetdagen"] .page-case[data-case="internetdagen"] .color-white,
body[data-uri="skill/internetdagen"] .page-skill[data-skill="internetdagen"] .color-white,
body[data-uri="internetdagen"] .page-case[data-case="internetdagen"] .color-white,
body[data-uri="internetdagen"] .page-skill[data-skill="internetdagen"] .color-white,
body[data-uri="/"][data-case="internetdagen"] .page-case[data-case="internetdagen"] .color-white,
body[data-uri="/"][data-case="internetdagen"] .page-skill[data-skill="internetdagen"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/internetdagen"] .page-case[data-case="internetdagen"] .bg-primary,
body[data-uri="case/internetdagen"] .page-skill[data-skill="internetdagen"] .bg-primary,
body[data-uri="skill/internetdagen"] .page-case[data-case="internetdagen"] .bg-primary,
body[data-uri="skill/internetdagen"] .page-skill[data-skill="internetdagen"] .bg-primary,
body[data-uri="internetdagen"] .page-case[data-case="internetdagen"] .bg-primary,
body[data-uri="internetdagen"] .page-skill[data-skill="internetdagen"] .bg-primary,
body[data-uri="/"][data-case="internetdagen"] .page-case[data-case="internetdagen"] .bg-primary,
body[data-uri="/"][data-case="internetdagen"] .page-skill[data-skill="internetdagen"] .bg-primary {
  background-color: #fa2afc !important; }

body[data-uri="case/internetdagen"] .page-case[data-case="internetdagen"] .topimage-section .down svg,
body[data-uri="case/internetdagen"] .page-skill[data-skill="internetdagen"] .topimage-section .down svg,
body[data-uri="skill/internetdagen"] .page-case[data-case="internetdagen"] .topimage-section .down svg,
body[data-uri="skill/internetdagen"] .page-skill[data-skill="internetdagen"] .topimage-section .down svg,
body[data-uri="internetdagen"] .page-case[data-case="internetdagen"] .topimage-section .down svg,
body[data-uri="internetdagen"] .page-skill[data-skill="internetdagen"] .topimage-section .down svg,
body[data-uri="/"][data-case="internetdagen"] .page-case[data-case="internetdagen"] .topimage-section .down svg,
body[data-uri="/"][data-case="internetdagen"] .page-skill[data-skill="internetdagen"] .topimage-section .down svg {
  stroke: #fa2afc; }

body[data-uri="case/internetdagen"] .page-case[data-case="internetdagen"] .textbox-bordered,
body[data-uri="case/internetdagen"] .page-skill[data-skill="internetdagen"] .textbox-bordered,
body[data-uri="skill/internetdagen"] .page-case[data-case="internetdagen"] .textbox-bordered,
body[data-uri="skill/internetdagen"] .page-skill[data-skill="internetdagen"] .textbox-bordered,
body[data-uri="internetdagen"] .page-case[data-case="internetdagen"] .textbox-bordered,
body[data-uri="internetdagen"] .page-skill[data-skill="internetdagen"] .textbox-bordered,
body[data-uri="/"][data-case="internetdagen"] .page-case[data-case="internetdagen"] .textbox-bordered,
body[data-uri="/"][data-case="internetdagen"] .page-skill[data-skill="internetdagen"] .textbox-bordered {
  border-top-color: #fa2afc; }

body[data-uri="case/internetdagen"] .page-case[data-case="internetdagen"] .textbox-background,
body[data-uri="case/internetdagen"] .page-skill[data-skill="internetdagen"] .textbox-background,
body[data-uri="skill/internetdagen"] .page-case[data-case="internetdagen"] .textbox-background,
body[data-uri="skill/internetdagen"] .page-skill[data-skill="internetdagen"] .textbox-background,
body[data-uri="internetdagen"] .page-case[data-case="internetdagen"] .textbox-background,
body[data-uri="internetdagen"] .page-skill[data-skill="internetdagen"] .textbox-background,
body[data-uri="/"][data-case="internetdagen"] .page-case[data-case="internetdagen"] .textbox-background,
body[data-uri="/"][data-case="internetdagen"] .page-skill[data-skill="internetdagen"] .textbox-background {
  background-color: rgba(250, 42, 252, 0.9); }

body[data-uri="case/internetdagen"] .page-case[data-case="internetdagen"] .preview-section .link,
body[data-uri="case/internetdagen"] .page-skill[data-skill="internetdagen"] .preview-section .link,
body[data-uri="skill/internetdagen"] .page-case[data-case="internetdagen"] .preview-section .link,
body[data-uri="skill/internetdagen"] .page-skill[data-skill="internetdagen"] .preview-section .link,
body[data-uri="internetdagen"] .page-case[data-case="internetdagen"] .preview-section .link,
body[data-uri="internetdagen"] .page-skill[data-skill="internetdagen"] .preview-section .link,
body[data-uri="/"][data-case="internetdagen"] .page-case[data-case="internetdagen"] .preview-section .link,
body[data-uri="/"][data-case="internetdagen"] .page-skill[data-skill="internetdagen"] .preview-section .link {
  background-color: transparent;
  border-color: #fa2afc; }
  body[data-uri="case/internetdagen"] .page-case[data-case="internetdagen"] .preview-section .link:before, body[data-uri="case/internetdagen"] .page-case[data-case="internetdagen"] .preview-section .link:after,
  body[data-uri="case/internetdagen"] .page-skill[data-skill="internetdagen"] .preview-section .link:before,
  body[data-uri="case/internetdagen"] .page-skill[data-skill="internetdagen"] .preview-section .link:after,
  body[data-uri="skill/internetdagen"] .page-case[data-case="internetdagen"] .preview-section .link:before,
  body[data-uri="skill/internetdagen"] .page-case[data-case="internetdagen"] .preview-section .link:after,
  body[data-uri="skill/internetdagen"] .page-skill[data-skill="internetdagen"] .preview-section .link:before,
  body[data-uri="skill/internetdagen"] .page-skill[data-skill="internetdagen"] .preview-section .link:after,
  body[data-uri="internetdagen"] .page-case[data-case="internetdagen"] .preview-section .link:before,
  body[data-uri="internetdagen"] .page-case[data-case="internetdagen"] .preview-section .link:after,
  body[data-uri="internetdagen"] .page-skill[data-skill="internetdagen"] .preview-section .link:before,
  body[data-uri="internetdagen"] .page-skill[data-skill="internetdagen"] .preview-section .link:after,
  body[data-uri="/"][data-case="internetdagen"] .page-case[data-case="internetdagen"] .preview-section .link:before,
  body[data-uri="/"][data-case="internetdagen"] .page-case[data-case="internetdagen"] .preview-section .link:after,
  body[data-uri="/"][data-case="internetdagen"] .page-skill[data-skill="internetdagen"] .preview-section .link:before,
  body[data-uri="/"][data-case="internetdagen"] .page-skill[data-skill="internetdagen"] .preview-section .link:after {
    background-color: rgba(250, 42, 252, 0.75); }
  body[data-uri="case/internetdagen"] .page-case[data-case="internetdagen"] .preview-section .link svg,
  body[data-uri="case/internetdagen"] .page-skill[data-skill="internetdagen"] .preview-section .link svg,
  body[data-uri="skill/internetdagen"] .page-case[data-case="internetdagen"] .preview-section .link svg,
  body[data-uri="skill/internetdagen"] .page-skill[data-skill="internetdagen"] .preview-section .link svg,
  body[data-uri="internetdagen"] .page-case[data-case="internetdagen"] .preview-section .link svg,
  body[data-uri="internetdagen"] .page-skill[data-skill="internetdagen"] .preview-section .link svg,
  body[data-uri="/"][data-case="internetdagen"] .page-case[data-case="internetdagen"] .preview-section .link svg,
  body[data-uri="/"][data-case="internetdagen"] .page-skill[data-skill="internetdagen"] .preview-section .link svg {
    fill: #fa2afc; }
  body[data-touch="false"] body[data-uri="case/internetdagen"] .page-case[data-case="internetdagen"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/internetdagen"] .page-skill[data-skill="internetdagen"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/internetdagen"] .page-case[data-case="internetdagen"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/internetdagen"] .page-skill[data-skill="internetdagen"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="internetdagen"] .page-case[data-case="internetdagen"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="internetdagen"] .page-skill[data-skill="internetdagen"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="internetdagen"] .page-case[data-case="internetdagen"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="internetdagen"] .page-skill[data-skill="internetdagen"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/internetdagen"] .page-case[data-case="internetdagen"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/internetdagen"] .page-case[data-case="internetdagen"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video .video-playpause .btn svg,
body[data-uri="internetdagen"] .page-case[data-case="internetdagen"] .video-section .video .video-playpause .btn svg,
body[data-uri="internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="internetdagen"] .page-case[data-case="internetdagen"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video .video-playpause .btn svg {
  fill: rgba(250, 42, 252, 0.9); }

body[data-uri="case/internetdagen"] .page-case[data-case="internetdagen"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/internetdagen"] .page-case[data-case="internetdagen"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="internetdagen"] .page-case[data-case="internetdagen"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="internetdagen"] .page-case[data-case="internetdagen"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(250, 42, 252, 0.9); }

body[data-uri="case/internetdagen"] .page-case[data-case="internetdagen"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/internetdagen"] .page-case[data-case="internetdagen"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="internetdagen"] .page-case[data-case="internetdagen"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="internetdagen"] .page-case[data-case="internetdagen"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(250, 42, 252, 0.9); }

body[data-uri="case/internetdagen"] .page-case[data-case="internetdagen"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/internetdagen"] .page-case[data-case="internetdagen"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="internetdagen"] .page-case[data-case="internetdagen"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="internetdagen"] .page-case[data-case="internetdagen"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(250, 42, 252, 0.9); }

body[data-uri="case/internetdagen"] .page-case[data-case="internetdagen"] .video-section .video .video-fullscreen,
body[data-uri="case/internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video .video-fullscreen,
body[data-uri="skill/internetdagen"] .page-case[data-case="internetdagen"] .video-section .video .video-fullscreen,
body[data-uri="skill/internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video .video-fullscreen,
body[data-uri="internetdagen"] .page-case[data-case="internetdagen"] .video-section .video .video-fullscreen,
body[data-uri="internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="internetdagen"] .page-case[data-case="internetdagen"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video .video-fullscreen {
  background-color: rgba(250, 42, 252, 0.9); }

body[data-uri="case/internetdagen"] .page-case[data-case="internetdagen"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/internetdagen"] .page-case[data-case="internetdagen"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video.active .video-playpause .btn,
body[data-uri="internetdagen"] .page-case[data-case="internetdagen"] .video-section .video.active .video-playpause .btn,
body[data-uri="internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="internetdagen"] .page-case[data-case="internetdagen"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(250, 42, 252, 0.9); }
  body[data-uri="case/internetdagen"] .page-case[data-case="internetdagen"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/internetdagen"] .page-case[data-case="internetdagen"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="internetdagen"] .page-case[data-case="internetdagen"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="internetdagen"] .page-case[data-case="internetdagen"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="internetdagen"] .page-skill[data-skill="internetdagen"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/internetdagen"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/internetdagen"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="internetdagen"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="internetdagen"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(250, 42, 252, 0.8) !important; }
  body[data-uri="case/internetdagen"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/internetdagen"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="internetdagen"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="internetdagen"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-case[data-case="internetdagen"] section[data-section="topimage"] .topimage {
  background-image: url("../img/case/internetdagen/topimage/topimage.jpg"); }

@media (min-width: 992px) {
  .page-case[data-case="internetdagen"] section[data-section="intro"] .illustration-1 {
    margin-top: 6.5625rem; } }

@media (min-width: 1480px) {
  .page-case[data-case="internetdagen"] section[data-section="intro"] .illustration-1 {
    margin-top: 7.5rem; } }

@media (min-width: 1920px) {
  .page-case[data-case="internetdagen"] section[data-section="intro"] .illustration-1 {
    margin-top: 5.625rem; } }

.page-case[data-case="internetdagen"] section[data-section="logodesign"] .illustration-logo .logo-front {
  position: absolute;
  top: 0;
  left: 0; }
  body[data-performance="high"] .page-case[data-case="internetdagen"] section[data-section="logodesign"] .illustration-logo .logo-front {
    display: none;
    -webkit-animation: internetdagenLogoFront 1000ms cubic-bezier(0.645, 0.045, 0.355, 1);
    animation: internetdagenLogoFront 1000ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-delay: 750ms;
    animation-delay: 750ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

body[data-performance="high"] .page-case[data-case="internetdagen"] section[data-section="logodesign"] .illustration-logo.active .logo-front {
  display: inline-block; }

@-webkit-keyframes internetdagenLogoFront {
  0% {
    -webkit-transform: translateY(150%);
    transform: translateY(150%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes internetdagenLogoFront {
  0% {
    -webkit-transform: translateY(150%);
    transform: translateY(150%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

body[data-performance="low"] .page-case[data-case="internetdagen"] section[data-section="commercial"] .video .preview {
  background-image: url("../img/case/internetdagen/video/low/video.jpg"); }

body[data-performance="high"] .page-case[data-case="internetdagen"] section[data-section="commercial"] .video .preview {
  background-image: url("../img/case/internetdagen/video/video.png"); }

body[data-performance="low"] .page-case[data-case="internetdagen"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/internetdagen/preview/low/browser-1.jpg"); }

body[data-performance="low"] .page-case[data-case="internetdagen"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/internetdagen/preview/low/browser-2.jpg"); }

body[data-performance="high"] .page-case[data-case="internetdagen"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/internetdagen/preview/browser-1.png"); }

body[data-performance="high"] .page-case[data-case="internetdagen"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/internetdagen/preview/browser-2.png"); }

body.subpage .cases-section .case[data-case="krogsfiskerestaurant"] .case-image,
body.subpage .cases-section .case[data-case="krogsfiskerestaurant"] .skill-image,
body.subpage .skills-section .skill[data-skill="krogsfiskerestaurant"] .case-image,
body.subpage .skills-section .skill[data-skill="krogsfiskerestaurant"] .skill-image {
  background-image: url("../img/cases/krogsfiskerestaurant.svg"); }
  body.subpage .cases-section .case[data-case="krogsfiskerestaurant"] .case-image:before, body.subpage .cases-section .case[data-case="krogsfiskerestaurant"] .case-image:after,
  body.subpage .cases-section .case[data-case="krogsfiskerestaurant"] .skill-image:before,
  body.subpage .cases-section .case[data-case="krogsfiskerestaurant"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="krogsfiskerestaurant"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="krogsfiskerestaurant"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="krogsfiskerestaurant"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="krogsfiskerestaurant"] .skill-image:after {
    background-color: rgba(0, 200, 250, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="krogsfiskerestaurant"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="krogsfiskerestaurant"]:hover .skill-description {
  border-top-color: #00c8fa; }
  body[data-touch="false"].subpage .cases-section .case[data-case="krogsfiskerestaurant"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="krogsfiskerestaurant"]:hover .skill-description h4 {
    color: #00c8fa; }

body[data-uri="case/krogsfiskerestaurant"] #navigation-trigger,
body[data-uri="case/krogsfiskerestaurant"] #page-title div,
body[data-uri="case/krogsfiskerestaurant"] #menu,
body[data-uri="case/krogsfiskerestaurant"] #page-close,
body[data-uri="skill/krogsfiskerestaurant"] #navigation-trigger,
body[data-uri="skill/krogsfiskerestaurant"] #page-title div,
body[data-uri="skill/krogsfiskerestaurant"] #menu,
body[data-uri="skill/krogsfiskerestaurant"] #page-close,
body[data-uri="krogsfiskerestaurant"] #navigation-trigger,
body[data-uri="krogsfiskerestaurant"] #page-title div,
body[data-uri="krogsfiskerestaurant"] #menu,
body[data-uri="krogsfiskerestaurant"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"] #page-close {
  background-color: rgba(0, 200, 250, 0.9); }

body[data-uri="case/krogsfiskerestaurant"] #page-close,
body[data-uri="skill/krogsfiskerestaurant"] #page-close,
body[data-uri="krogsfiskerestaurant"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"] #page-close {
  background-color: transparent;
  border-color: #00c8fa; }
  body[data-uri="case/krogsfiskerestaurant"] #page-close:before, body[data-uri="case/krogsfiskerestaurant"] #page-close:after,
  body[data-uri="skill/krogsfiskerestaurant"] #page-close:before,
  body[data-uri="skill/krogsfiskerestaurant"] #page-close:after,
  body[data-uri="krogsfiskerestaurant"] #page-close:before,
  body[data-uri="krogsfiskerestaurant"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"] #page-close:after {
    background-color: rgba(0, 200, 250, 0.75); }
  body[data-uri="case/krogsfiskerestaurant"] #page-close svg,
  body[data-uri="skill/krogsfiskerestaurant"] #page-close svg,
  body[data-uri="krogsfiskerestaurant"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"] #page-close svg {
    fill: #00c8fa; }

body[data-uri="case/krogsfiskerestaurant"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/krogsfiskerestaurant"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/krogsfiskerestaurant"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/krogsfiskerestaurant"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="krogsfiskerestaurant"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="krogsfiskerestaurant"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #00c8fa; }

body[data-uri="case/krogsfiskerestaurant"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/krogsfiskerestaurant"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="krogsfiskerestaurant"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #00c8fa; }

body[data-uri="case/krogsfiskerestaurant"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/krogsfiskerestaurant"][data-touch="false"] #page-close:hover svg,
body[data-uri="krogsfiskerestaurant"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/krogsfiskerestaurant"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/krogsfiskerestaurant"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="krogsfiskerestaurant"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #00c8fa; }

body[data-uri="case/krogsfiskerestaurant"] a,
body[data-uri="case/krogsfiskerestaurant"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/krogsfiskerestaurant"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/krogsfiskerestaurant"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/krogsfiskerestaurant"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/krogsfiskerestaurant"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/krogsfiskerestaurant"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/krogsfiskerestaurant"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/krogsfiskerestaurant"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/krogsfiskerestaurant"] a,
body[data-uri="skill/krogsfiskerestaurant"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/krogsfiskerestaurant"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/krogsfiskerestaurant"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/krogsfiskerestaurant"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/krogsfiskerestaurant"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/krogsfiskerestaurant"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/krogsfiskerestaurant"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/krogsfiskerestaurant"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="krogsfiskerestaurant"] a,
body[data-uri="krogsfiskerestaurant"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="krogsfiskerestaurant"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="krogsfiskerestaurant"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="krogsfiskerestaurant"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="krogsfiskerestaurant"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="krogsfiskerestaurant"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="krogsfiskerestaurant"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="krogsfiskerestaurant"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #00c8fa; }

body[data-uri="case/krogsfiskerestaurant"] .loader:before, body[data-uri="case/krogsfiskerestaurant"] .loader:after,
body[data-uri="skill/krogsfiskerestaurant"] .loader:before,
body[data-uri="skill/krogsfiskerestaurant"] .loader:after,
body[data-uri="krogsfiskerestaurant"] .loader:before,
body[data-uri="krogsfiskerestaurant"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="krogsfiskerestaurant"] .loader:after {
  background-color: #00c8fa; }

section#cases .case[data-case="krogsfiskerestaurant"] .down svg {
  stroke: #00c8fa; }

body[data-uri="case/krogsfiskerestaurant"] section#cases .description-box,
body[data-uri="skill/krogsfiskerestaurant"] section#cases .description-box,
body[data-uri="krogsfiskerestaurant"] section#cases .description-box,
body[data-uri="/"][data-case="krogsfiskerestaurant"] section#cases .description-box {
  background-color: rgba(0, 200, 250, 0.9); }
  body[data-uri="case/krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"],
  body[data-uri="skill/krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"],
  body[data-uri="krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"],
  body[data-uri="/"][data-case="krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div,
    body[data-uri="skill/krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div,
    body[data-uri="krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div,
    body[data-uri="/"][data-case="krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(1),
    body[data-uri="skill/krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(1),
    body[data-uri="krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(2),
    body[data-uri="skill/krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(2),
    body[data-uri="krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(3),
    body[data-uri="skill/krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(3),
    body[data-uri="krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(4),
    body[data-uri="skill/krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(4),
    body[data-uri="krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(5),
    body[data-uri="skill/krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(5),
    body[data-uri="krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(6),
    body[data-uri="skill/krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(6),
    body[data-uri="krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="krogsfiskerestaurant"] section#cases .description-box .case-description[data-case="krogsfiskerestaurant"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/krogsfiskerestaurant"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/krogsfiskerestaurant"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="krogsfiskerestaurant"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="krogsfiskerestaurant"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #00c8fa; }

body[data-uri="case/krogsfiskerestaurant"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/krogsfiskerestaurant"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="krogsfiskerestaurant"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="krogsfiskerestaurant"][data-touch="false"] section#cases .description-box:hover .text {
  color: #00c8fa; }
  body[data-uri="case/krogsfiskerestaurant"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/krogsfiskerestaurant"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="krogsfiskerestaurant"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="krogsfiskerestaurant"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #00c8fa !important; }
  body[data-uri="case/krogsfiskerestaurant"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/krogsfiskerestaurant"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="krogsfiskerestaurant"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="krogsfiskerestaurant"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #00c8fa !important; }

body[data-uri="case/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .color-primary,
body[data-uri="case/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .color-primary,
body[data-uri="skill/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .color-primary,
body[data-uri="skill/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .color-primary,
body[data-uri="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .color-primary,
body[data-uri="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .color-primary,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .color-primary,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .color-primary {
  color: #00c8fa; }

body[data-uri="case/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .color-white,
body[data-uri="case/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .color-white,
body[data-uri="skill/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .color-white,
body[data-uri="skill/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .color-white,
body[data-uri="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .color-white,
body[data-uri="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .color-white,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .color-white,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .bg-primary,
body[data-uri="case/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .bg-primary,
body[data-uri="skill/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .bg-primary,
body[data-uri="skill/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .bg-primary,
body[data-uri="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .bg-primary,
body[data-uri="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .bg-primary,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .bg-primary,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .bg-primary {
  background-color: #00c8fa !important; }

body[data-uri="case/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .topimage-section .down svg,
body[data-uri="case/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .topimage-section .down svg,
body[data-uri="skill/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .topimage-section .down svg,
body[data-uri="skill/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .topimage-section .down svg,
body[data-uri="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .topimage-section .down svg,
body[data-uri="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .topimage-section .down svg,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .topimage-section .down svg,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .topimage-section .down svg {
  stroke: #00c8fa; }

body[data-uri="case/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .textbox-bordered,
body[data-uri="case/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .textbox-bordered,
body[data-uri="skill/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .textbox-bordered,
body[data-uri="skill/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .textbox-bordered,
body[data-uri="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .textbox-bordered,
body[data-uri="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .textbox-bordered,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .textbox-bordered,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .textbox-bordered {
  border-top-color: #00c8fa; }

body[data-uri="case/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .textbox-background,
body[data-uri="case/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .textbox-background,
body[data-uri="skill/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .textbox-background,
body[data-uri="skill/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .textbox-background,
body[data-uri="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .textbox-background,
body[data-uri="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .textbox-background,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .textbox-background,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .textbox-background {
  background-color: rgba(0, 200, 250, 0.9); }

body[data-uri="case/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .preview-section .link,
body[data-uri="case/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .preview-section .link,
body[data-uri="skill/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .preview-section .link,
body[data-uri="skill/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .preview-section .link,
body[data-uri="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .preview-section .link,
body[data-uri="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .preview-section .link,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .preview-section .link,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .preview-section .link {
  background-color: transparent;
  border-color: #00c8fa; }
  body[data-uri="case/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .preview-section .link:before, body[data-uri="case/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .preview-section .link:after,
  body[data-uri="case/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .preview-section .link:before,
  body[data-uri="case/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .preview-section .link:after,
  body[data-uri="skill/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .preview-section .link:before,
  body[data-uri="skill/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .preview-section .link:after,
  body[data-uri="skill/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .preview-section .link:before,
  body[data-uri="skill/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .preview-section .link:after,
  body[data-uri="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .preview-section .link:before,
  body[data-uri="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .preview-section .link:after,
  body[data-uri="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .preview-section .link:before,
  body[data-uri="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .preview-section .link:after,
  body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .preview-section .link:before,
  body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .preview-section .link:after,
  body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .preview-section .link:before,
  body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .preview-section .link:after {
    background-color: rgba(0, 200, 250, 0.75); }
  body[data-uri="case/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .preview-section .link svg,
  body[data-uri="case/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .preview-section .link svg,
  body[data-uri="skill/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .preview-section .link svg,
  body[data-uri="skill/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .preview-section .link svg,
  body[data-uri="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .preview-section .link svg,
  body[data-uri="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .preview-section .link svg,
  body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .preview-section .link svg,
  body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .preview-section .link svg {
    fill: #00c8fa; }
  body[data-touch="false"] body[data-uri="case/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video .video-playpause .btn svg,
body[data-uri="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video .video-playpause .btn svg,
body[data-uri="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video .video-playpause .btn svg {
  fill: rgba(0, 200, 250, 0.9); }

body[data-uri="case/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(0, 200, 250, 0.9); }

body[data-uri="case/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(0, 200, 250, 0.9); }

body[data-uri="case/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(0, 200, 250, 0.9); }

body[data-uri="case/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video .video-fullscreen,
body[data-uri="case/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video .video-fullscreen,
body[data-uri="skill/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video .video-fullscreen,
body[data-uri="skill/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video .video-fullscreen,
body[data-uri="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video .video-fullscreen,
body[data-uri="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video .video-fullscreen {
  background-color: rgba(0, 200, 250, 0.9); }

body[data-uri="case/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video.active .video-playpause .btn,
body[data-uri="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video.active .video-playpause .btn,
body[data-uri="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(0, 200, 250, 0.9); }
  body[data-uri="case/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-case[data-case="krogsfiskerestaurant"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="krogsfiskerestaurant"] .page-skill[data-skill="krogsfiskerestaurant"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/krogsfiskerestaurant"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/krogsfiskerestaurant"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="krogsfiskerestaurant"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="krogsfiskerestaurant"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(0, 200, 250, 0.8) !important; }
  body[data-uri="case/krogsfiskerestaurant"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/krogsfiskerestaurant"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="krogsfiskerestaurant"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="krogsfiskerestaurant"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

body[data-performance="low"] .page-home .cases-section .overview .case[data-case="krogsfiskerestaurant"] .case-image {
  background-image: url("../img/home/cases/low/krogsfiskerestaurant.jpg"); }

body[data-performance="high"] .page-home .cases-section .overview .case[data-case="krogsfiskerestaurant"] .case-image {
  background-image: url("../img/home/cases/krogsfiskerestaurant.jpg"); }

@media (max-width: 991px) {
  .page-home .cases-section .overview .case[data-case="krogsfiskerestaurant"] .case-image {
    background-position: left 20% center; } }

body[data-performance="low"] .page-case[data-case="krogsfiskerestaurant"] section[data-section="topimage"] .topimage {
  background-image: url("../img/case/krogsfiskerestaurant/topimage/low/topimage.jpg"); }

body[data-performance="high"] .page-case[data-case="krogsfiskerestaurant"] section[data-section="topimage"] .topimage {
  background-image: url("../img/case/krogsfiskerestaurant/topimage/topimage.jpg"); }

.page-case[data-case="krogsfiskerestaurant"] section[data-section="intro"] #illustration1-scene {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 18.75rem; }
  @media (min-width: 1480px) {
    .page-case[data-case="krogsfiskerestaurant"] section[data-section="intro"] #illustration1-scene {
      height: 28.125rem; } }
  .page-case[data-case="krogsfiskerestaurant"] section[data-section="intro"] #illustration1-scene svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    width: auto !important;
    height: 100%; }

body[data-performance="low"] .page-case[data-case="krogsfiskerestaurant"] section[data-section="menu"] .swiper-container .swiper-slide:nth-of-type(1) {
  background-image: url("../img/case/krogsfiskerestaurant/print/low/print-1.jpg"); }

body[data-performance="low"] .page-case[data-case="krogsfiskerestaurant"] section[data-section="menu"] .swiper-container .swiper-slide:nth-of-type(2) {
  background-image: url("../img/case/krogsfiskerestaurant/print/low/print-2.jpg"); }

body[data-performance="low"] .page-case[data-case="krogsfiskerestaurant"] section[data-section="menu"] .swiper-container .swiper-slide:nth-of-type(3) {
  background-image: url("../img/case/krogsfiskerestaurant/print/low/print-3.jpg"); }

body[data-performance="high"] .page-case[data-case="krogsfiskerestaurant"] section[data-section="menu"] .swiper-container .swiper-slide:nth-of-type(1) {
  background-image: url("../img/case/krogsfiskerestaurant/print/print-1.png"); }

body[data-performance="high"] .page-case[data-case="krogsfiskerestaurant"] section[data-section="menu"] .swiper-container .swiper-slide:nth-of-type(2) {
  background-image: url("../img/case/krogsfiskerestaurant/print/print-2.png"); }

body[data-performance="high"] .page-case[data-case="krogsfiskerestaurant"] section[data-section="menu"] .swiper-container .swiper-slide:nth-of-type(3) {
  background-image: url("../img/case/krogsfiskerestaurant/print/print-3.png"); }

.page-case[data-case="krogsfiskerestaurant"] section[data-section="website"] .detail {
  position: absolute;
  bottom: -5%;
  left: 72.5%;
  width: 50%;
  z-index: 0; }

body[data-performance="low"] .page-case[data-case="krogsfiskerestaurant"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/krogsfiskerestaurant/preview/low/browser-1.jpg"); }

body[data-performance="low"] .page-case[data-case="krogsfiskerestaurant"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/krogsfiskerestaurant/preview/low/mobile-1.jpg"); }

body[data-performance="high"] .page-case[data-case="krogsfiskerestaurant"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/krogsfiskerestaurant/preview/browser-1.png"); }

body[data-performance="high"] .page-case[data-case="krogsfiskerestaurant"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/krogsfiskerestaurant/preview/mobile-1.png"); }

body.subpage .cases-section .case[data-case="mettebruun"] .case-image,
body.subpage .cases-section .case[data-case="mettebruun"] .skill-image,
body.subpage .skills-section .skill[data-skill="mettebruun"] .case-image,
body.subpage .skills-section .skill[data-skill="mettebruun"] .skill-image {
  background-image: url("../img/cases/mettebruun.svg"); }
  body.subpage .cases-section .case[data-case="mettebruun"] .case-image:before, body.subpage .cases-section .case[data-case="mettebruun"] .case-image:after,
  body.subpage .cases-section .case[data-case="mettebruun"] .skill-image:before,
  body.subpage .cases-section .case[data-case="mettebruun"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="mettebruun"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="mettebruun"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="mettebruun"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="mettebruun"] .skill-image:after {
    background-color: rgba(150, 50, 150, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="mettebruun"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="mettebruun"]:hover .skill-description {
  border-top-color: #963296; }
  body[data-touch="false"].subpage .cases-section .case[data-case="mettebruun"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="mettebruun"]:hover .skill-description h4 {
    color: #963296; }

body[data-uri="case/mettebruun"] #navigation-trigger,
body[data-uri="case/mettebruun"] #page-title div,
body[data-uri="case/mettebruun"] #menu,
body[data-uri="case/mettebruun"] #page-close,
body[data-uri="skill/mettebruun"] #navigation-trigger,
body[data-uri="skill/mettebruun"] #page-title div,
body[data-uri="skill/mettebruun"] #menu,
body[data-uri="skill/mettebruun"] #page-close,
body[data-uri="mettebruun"] #navigation-trigger,
body[data-uri="mettebruun"] #page-title div,
body[data-uri="mettebruun"] #menu,
body[data-uri="mettebruun"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"] #page-close {
  background-color: rgba(150, 50, 150, 0.9); }

body[data-uri="case/mettebruun"] #page-close,
body[data-uri="skill/mettebruun"] #page-close,
body[data-uri="mettebruun"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"] #page-close {
  background-color: transparent;
  border-color: #963296; }
  body[data-uri="case/mettebruun"] #page-close:before, body[data-uri="case/mettebruun"] #page-close:after,
  body[data-uri="skill/mettebruun"] #page-close:before,
  body[data-uri="skill/mettebruun"] #page-close:after,
  body[data-uri="mettebruun"] #page-close:before,
  body[data-uri="mettebruun"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"] #page-close:after {
    background-color: rgba(150, 50, 150, 0.75); }
  body[data-uri="case/mettebruun"] #page-close svg,
  body[data-uri="skill/mettebruun"] #page-close svg,
  body[data-uri="mettebruun"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"] #page-close svg {
    fill: #963296; }

body[data-uri="case/mettebruun"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/mettebruun"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/mettebruun"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/mettebruun"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="mettebruun"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="mettebruun"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #963296; }

body[data-uri="case/mettebruun"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/mettebruun"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="mettebruun"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #963296; }

body[data-uri="case/mettebruun"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/mettebruun"][data-touch="false"] #page-close:hover svg,
body[data-uri="mettebruun"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/mettebruun"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/mettebruun"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="mettebruun"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #963296; }

body[data-uri="case/mettebruun"] a,
body[data-uri="case/mettebruun"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/mettebruun"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/mettebruun"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/mettebruun"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/mettebruun"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/mettebruun"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/mettebruun"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/mettebruun"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/mettebruun"] a,
body[data-uri="skill/mettebruun"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/mettebruun"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/mettebruun"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/mettebruun"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/mettebruun"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/mettebruun"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/mettebruun"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/mettebruun"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="mettebruun"] a,
body[data-uri="mettebruun"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="mettebruun"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="mettebruun"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="mettebruun"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="mettebruun"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="mettebruun"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="mettebruun"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="mettebruun"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #963296; }

body[data-uri="case/mettebruun"] .loader:before, body[data-uri="case/mettebruun"] .loader:after,
body[data-uri="skill/mettebruun"] .loader:before,
body[data-uri="skill/mettebruun"] .loader:after,
body[data-uri="mettebruun"] .loader:before,
body[data-uri="mettebruun"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="mettebruun"] .loader:after {
  background-color: #963296; }

section#cases .case[data-case="mettebruun"] .down svg {
  stroke: #963296; }

body[data-uri="case/mettebruun"] section#cases .description-box,
body[data-uri="skill/mettebruun"] section#cases .description-box,
body[data-uri="mettebruun"] section#cases .description-box,
body[data-uri="/"][data-case="mettebruun"] section#cases .description-box {
  background-color: rgba(150, 50, 150, 0.9); }
  body[data-uri="case/mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"],
  body[data-uri="skill/mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"],
  body[data-uri="mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"],
  body[data-uri="/"][data-case="mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div,
    body[data-uri="skill/mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div,
    body[data-uri="mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div,
    body[data-uri="/"][data-case="mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(1),
    body[data-uri="skill/mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(1),
    body[data-uri="mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(2),
    body[data-uri="skill/mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(2),
    body[data-uri="mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(3),
    body[data-uri="skill/mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(3),
    body[data-uri="mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(4),
    body[data-uri="skill/mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(4),
    body[data-uri="mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(5),
    body[data-uri="skill/mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(5),
    body[data-uri="mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(6),
    body[data-uri="skill/mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(6),
    body[data-uri="mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="mettebruun"] section#cases .description-box .case-description[data-case="mettebruun"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/mettebruun"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/mettebruun"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="mettebruun"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="mettebruun"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #963296; }

body[data-uri="case/mettebruun"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/mettebruun"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="mettebruun"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="mettebruun"][data-touch="false"] section#cases .description-box:hover .text {
  color: #963296; }
  body[data-uri="case/mettebruun"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/mettebruun"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="mettebruun"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="mettebruun"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #963296 !important; }
  body[data-uri="case/mettebruun"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/mettebruun"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="mettebruun"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="mettebruun"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #963296 !important; }

body[data-uri="case/mettebruun"] .page-case[data-case="mettebruun"] .color-primary,
body[data-uri="case/mettebruun"] .page-skill[data-skill="mettebruun"] .color-primary,
body[data-uri="skill/mettebruun"] .page-case[data-case="mettebruun"] .color-primary,
body[data-uri="skill/mettebruun"] .page-skill[data-skill="mettebruun"] .color-primary,
body[data-uri="mettebruun"] .page-case[data-case="mettebruun"] .color-primary,
body[data-uri="mettebruun"] .page-skill[data-skill="mettebruun"] .color-primary,
body[data-uri="/"][data-case="mettebruun"] .page-case[data-case="mettebruun"] .color-primary,
body[data-uri="/"][data-case="mettebruun"] .page-skill[data-skill="mettebruun"] .color-primary {
  color: #963296; }

body[data-uri="case/mettebruun"] .page-case[data-case="mettebruun"] .color-white,
body[data-uri="case/mettebruun"] .page-skill[data-skill="mettebruun"] .color-white,
body[data-uri="skill/mettebruun"] .page-case[data-case="mettebruun"] .color-white,
body[data-uri="skill/mettebruun"] .page-skill[data-skill="mettebruun"] .color-white,
body[data-uri="mettebruun"] .page-case[data-case="mettebruun"] .color-white,
body[data-uri="mettebruun"] .page-skill[data-skill="mettebruun"] .color-white,
body[data-uri="/"][data-case="mettebruun"] .page-case[data-case="mettebruun"] .color-white,
body[data-uri="/"][data-case="mettebruun"] .page-skill[data-skill="mettebruun"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/mettebruun"] .page-case[data-case="mettebruun"] .bg-primary,
body[data-uri="case/mettebruun"] .page-skill[data-skill="mettebruun"] .bg-primary,
body[data-uri="skill/mettebruun"] .page-case[data-case="mettebruun"] .bg-primary,
body[data-uri="skill/mettebruun"] .page-skill[data-skill="mettebruun"] .bg-primary,
body[data-uri="mettebruun"] .page-case[data-case="mettebruun"] .bg-primary,
body[data-uri="mettebruun"] .page-skill[data-skill="mettebruun"] .bg-primary,
body[data-uri="/"][data-case="mettebruun"] .page-case[data-case="mettebruun"] .bg-primary,
body[data-uri="/"][data-case="mettebruun"] .page-skill[data-skill="mettebruun"] .bg-primary {
  background-color: #963296 !important; }

body[data-uri="case/mettebruun"] .page-case[data-case="mettebruun"] .topimage-section .down svg,
body[data-uri="case/mettebruun"] .page-skill[data-skill="mettebruun"] .topimage-section .down svg,
body[data-uri="skill/mettebruun"] .page-case[data-case="mettebruun"] .topimage-section .down svg,
body[data-uri="skill/mettebruun"] .page-skill[data-skill="mettebruun"] .topimage-section .down svg,
body[data-uri="mettebruun"] .page-case[data-case="mettebruun"] .topimage-section .down svg,
body[data-uri="mettebruun"] .page-skill[data-skill="mettebruun"] .topimage-section .down svg,
body[data-uri="/"][data-case="mettebruun"] .page-case[data-case="mettebruun"] .topimage-section .down svg,
body[data-uri="/"][data-case="mettebruun"] .page-skill[data-skill="mettebruun"] .topimage-section .down svg {
  stroke: #963296; }

body[data-uri="case/mettebruun"] .page-case[data-case="mettebruun"] .textbox-bordered,
body[data-uri="case/mettebruun"] .page-skill[data-skill="mettebruun"] .textbox-bordered,
body[data-uri="skill/mettebruun"] .page-case[data-case="mettebruun"] .textbox-bordered,
body[data-uri="skill/mettebruun"] .page-skill[data-skill="mettebruun"] .textbox-bordered,
body[data-uri="mettebruun"] .page-case[data-case="mettebruun"] .textbox-bordered,
body[data-uri="mettebruun"] .page-skill[data-skill="mettebruun"] .textbox-bordered,
body[data-uri="/"][data-case="mettebruun"] .page-case[data-case="mettebruun"] .textbox-bordered,
body[data-uri="/"][data-case="mettebruun"] .page-skill[data-skill="mettebruun"] .textbox-bordered {
  border-top-color: #963296; }

body[data-uri="case/mettebruun"] .page-case[data-case="mettebruun"] .textbox-background,
body[data-uri="case/mettebruun"] .page-skill[data-skill="mettebruun"] .textbox-background,
body[data-uri="skill/mettebruun"] .page-case[data-case="mettebruun"] .textbox-background,
body[data-uri="skill/mettebruun"] .page-skill[data-skill="mettebruun"] .textbox-background,
body[data-uri="mettebruun"] .page-case[data-case="mettebruun"] .textbox-background,
body[data-uri="mettebruun"] .page-skill[data-skill="mettebruun"] .textbox-background,
body[data-uri="/"][data-case="mettebruun"] .page-case[data-case="mettebruun"] .textbox-background,
body[data-uri="/"][data-case="mettebruun"] .page-skill[data-skill="mettebruun"] .textbox-background {
  background-color: rgba(150, 50, 150, 0.9); }

body[data-uri="case/mettebruun"] .page-case[data-case="mettebruun"] .preview-section .link,
body[data-uri="case/mettebruun"] .page-skill[data-skill="mettebruun"] .preview-section .link,
body[data-uri="skill/mettebruun"] .page-case[data-case="mettebruun"] .preview-section .link,
body[data-uri="skill/mettebruun"] .page-skill[data-skill="mettebruun"] .preview-section .link,
body[data-uri="mettebruun"] .page-case[data-case="mettebruun"] .preview-section .link,
body[data-uri="mettebruun"] .page-skill[data-skill="mettebruun"] .preview-section .link,
body[data-uri="/"][data-case="mettebruun"] .page-case[data-case="mettebruun"] .preview-section .link,
body[data-uri="/"][data-case="mettebruun"] .page-skill[data-skill="mettebruun"] .preview-section .link {
  background-color: transparent;
  border-color: #963296; }
  body[data-uri="case/mettebruun"] .page-case[data-case="mettebruun"] .preview-section .link:before, body[data-uri="case/mettebruun"] .page-case[data-case="mettebruun"] .preview-section .link:after,
  body[data-uri="case/mettebruun"] .page-skill[data-skill="mettebruun"] .preview-section .link:before,
  body[data-uri="case/mettebruun"] .page-skill[data-skill="mettebruun"] .preview-section .link:after,
  body[data-uri="skill/mettebruun"] .page-case[data-case="mettebruun"] .preview-section .link:before,
  body[data-uri="skill/mettebruun"] .page-case[data-case="mettebruun"] .preview-section .link:after,
  body[data-uri="skill/mettebruun"] .page-skill[data-skill="mettebruun"] .preview-section .link:before,
  body[data-uri="skill/mettebruun"] .page-skill[data-skill="mettebruun"] .preview-section .link:after,
  body[data-uri="mettebruun"] .page-case[data-case="mettebruun"] .preview-section .link:before,
  body[data-uri="mettebruun"] .page-case[data-case="mettebruun"] .preview-section .link:after,
  body[data-uri="mettebruun"] .page-skill[data-skill="mettebruun"] .preview-section .link:before,
  body[data-uri="mettebruun"] .page-skill[data-skill="mettebruun"] .preview-section .link:after,
  body[data-uri="/"][data-case="mettebruun"] .page-case[data-case="mettebruun"] .preview-section .link:before,
  body[data-uri="/"][data-case="mettebruun"] .page-case[data-case="mettebruun"] .preview-section .link:after,
  body[data-uri="/"][data-case="mettebruun"] .page-skill[data-skill="mettebruun"] .preview-section .link:before,
  body[data-uri="/"][data-case="mettebruun"] .page-skill[data-skill="mettebruun"] .preview-section .link:after {
    background-color: rgba(150, 50, 150, 0.75); }
  body[data-uri="case/mettebruun"] .page-case[data-case="mettebruun"] .preview-section .link svg,
  body[data-uri="case/mettebruun"] .page-skill[data-skill="mettebruun"] .preview-section .link svg,
  body[data-uri="skill/mettebruun"] .page-case[data-case="mettebruun"] .preview-section .link svg,
  body[data-uri="skill/mettebruun"] .page-skill[data-skill="mettebruun"] .preview-section .link svg,
  body[data-uri="mettebruun"] .page-case[data-case="mettebruun"] .preview-section .link svg,
  body[data-uri="mettebruun"] .page-skill[data-skill="mettebruun"] .preview-section .link svg,
  body[data-uri="/"][data-case="mettebruun"] .page-case[data-case="mettebruun"] .preview-section .link svg,
  body[data-uri="/"][data-case="mettebruun"] .page-skill[data-skill="mettebruun"] .preview-section .link svg {
    fill: #963296; }
  body[data-touch="false"] body[data-uri="case/mettebruun"] .page-case[data-case="mettebruun"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/mettebruun"] .page-skill[data-skill="mettebruun"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/mettebruun"] .page-case[data-case="mettebruun"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/mettebruun"] .page-skill[data-skill="mettebruun"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="mettebruun"] .page-case[data-case="mettebruun"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="mettebruun"] .page-skill[data-skill="mettebruun"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="mettebruun"] .page-case[data-case="mettebruun"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="mettebruun"] .page-skill[data-skill="mettebruun"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/mettebruun"] .page-case[data-case="mettebruun"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/mettebruun"] .page-case[data-case="mettebruun"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video .video-playpause .btn svg,
body[data-uri="mettebruun"] .page-case[data-case="mettebruun"] .video-section .video .video-playpause .btn svg,
body[data-uri="mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="mettebruun"] .page-case[data-case="mettebruun"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video .video-playpause .btn svg {
  fill: rgba(150, 50, 150, 0.9); }

body[data-uri="case/mettebruun"] .page-case[data-case="mettebruun"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/mettebruun"] .page-case[data-case="mettebruun"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="mettebruun"] .page-case[data-case="mettebruun"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="mettebruun"] .page-case[data-case="mettebruun"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(150, 50, 150, 0.9); }

body[data-uri="case/mettebruun"] .page-case[data-case="mettebruun"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/mettebruun"] .page-case[data-case="mettebruun"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="mettebruun"] .page-case[data-case="mettebruun"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="mettebruun"] .page-case[data-case="mettebruun"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(150, 50, 150, 0.9); }

body[data-uri="case/mettebruun"] .page-case[data-case="mettebruun"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/mettebruun"] .page-case[data-case="mettebruun"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="mettebruun"] .page-case[data-case="mettebruun"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="mettebruun"] .page-case[data-case="mettebruun"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(150, 50, 150, 0.9); }

body[data-uri="case/mettebruun"] .page-case[data-case="mettebruun"] .video-section .video .video-fullscreen,
body[data-uri="case/mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video .video-fullscreen,
body[data-uri="skill/mettebruun"] .page-case[data-case="mettebruun"] .video-section .video .video-fullscreen,
body[data-uri="skill/mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video .video-fullscreen,
body[data-uri="mettebruun"] .page-case[data-case="mettebruun"] .video-section .video .video-fullscreen,
body[data-uri="mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="mettebruun"] .page-case[data-case="mettebruun"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video .video-fullscreen {
  background-color: rgba(150, 50, 150, 0.9); }

body[data-uri="case/mettebruun"] .page-case[data-case="mettebruun"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/mettebruun"] .page-case[data-case="mettebruun"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video.active .video-playpause .btn,
body[data-uri="mettebruun"] .page-case[data-case="mettebruun"] .video-section .video.active .video-playpause .btn,
body[data-uri="mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="mettebruun"] .page-case[data-case="mettebruun"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(150, 50, 150, 0.9); }
  body[data-uri="case/mettebruun"] .page-case[data-case="mettebruun"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/mettebruun"] .page-case[data-case="mettebruun"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="mettebruun"] .page-case[data-case="mettebruun"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="mettebruun"] .page-case[data-case="mettebruun"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="mettebruun"] .page-skill[data-skill="mettebruun"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/mettebruun"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/mettebruun"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="mettebruun"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="mettebruun"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(150, 50, 150, 0.8) !important; }
  body[data-uri="case/mettebruun"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/mettebruun"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="mettebruun"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="mettebruun"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-case[data-case="mettebruun"] section[data-section="topimage"] {
  background-color: #fff9b9; }
  .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    width: 100%;
    height: 60vw; }
    .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 120%;
      background-position: top;
      background-repeat: no-repeat;
      background-size: contain; }
      .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer .sublayer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain; }
    .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.face {
      background-image: url("../img/case/mettebruun/topimage/illustration/face.svg"); }
    .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.face-eyes-open {
      background-image: url("../img/case/mettebruun/topimage/illustration/face-eyes-open.svg");
      -webkit-animation: mettebruunFaceEyesOpen 5s linear infinite;
      animation: mettebruunFaceEyesOpen 5s linear infinite;
      -webkit-animation-play-state: paused;
      animation-play-state: paused;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }

@-webkit-keyframes mettebruunFaceEyesOpen {
  0% {
    opacity: 1; }
  97.49% {
    opacity: 1; }
  97.50% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes mettebruunFaceEyesOpen {
  0% {
    opacity: 1; }
  97.49% {
    opacity: 1; }
  97.50% {
    opacity: 0; }
  100% {
    opacity: 0; } }
    .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.face-eyes-closed {
      background-image: url("../img/case/mettebruun/topimage/illustration/face-eyes-closed.svg");
      -webkit-animation: mettebruunFaceEyesClosed 5s linear infinite;
      animation: mettebruunFaceEyesClosed 5s linear infinite;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-play-state: paused;
      animation-play-state: paused; }

@-webkit-keyframes mettebruunFaceEyesClosed {
  0% {
    opacity: 0; }
  97.49% {
    opacity: 0; }
  97.50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes mettebruunFaceEyesClosed {
  0% {
    opacity: 0; }
  97.49% {
    opacity: 0; }
  97.50% {
    opacity: 1; }
  100% {
    opacity: 1; } }
    .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.face-hair {
      background-image: url("../img/case/mettebruun/topimage/illustration/face-hair.svg"); }
    .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.face-mad {
      background-image: url("../img/case/mettebruun/topimage/illustration/face-mad.svg");
      -webkit-animation: mettebruunFaceMad 20s linear infinite;
      animation: mettebruunFaceMad 20s linear infinite;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-play-state: paused;
      animation-play-state: paused; }

@-webkit-keyframes mettebruunFaceMad {
  0% {
    opacity: 0; }
  33% {
    opacity: 0; }
  34% {
    opacity: 1; }
  66% {
    opacity: 1; }
  67% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes mettebruunFaceMad {
  0% {
    opacity: 0; }
  33% {
    opacity: 0; }
  34% {
    opacity: 1; }
  66% {
    opacity: 1; }
  67% {
    opacity: 0; }
  100% {
    opacity: 0; } }
    .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.extra-hands .sublayer.hand-left {
      background-image: url("../img/case/mettebruun/topimage/illustration/extra-hands/hand-left.svg");
      -webkit-animation: mettebruunExtraHandsLeft 20s linear infinite;
      animation: mettebruunExtraHandsLeft 20s linear infinite;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-play-state: paused;
      animation-play-state: paused;
      -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
      transform-origin: bottom; }

@-webkit-keyframes mettebruunExtraHandsLeft {
  0% {
    -webkit-transform: rotate(-10deg) translate(-10%, 20%);
    transform: rotate(-10deg) translate(-10%, 20%);
    opacity: 0; }
  66% {
    -webkit-transform: rotate(-10deg) translate(-10%, 20%);
    transform: rotate(-10deg) translate(-10%, 20%);
    opacity: 0; }
  67% {
    -webkit-transform: rotate(0) translate(0, 0);
    transform: rotate(0) translate(0, 0);
    opacity: 1; }
  99% {
    -webkit-transform: rotate(0) translate(0, 0);
    transform: rotate(0) translate(0, 0);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(-10deg) translate(-10%, 20%);
    transform: rotate(-10deg) translate(-10%, 20%);
    opacity: 0; } }

@keyframes mettebruunExtraHandsLeft {
  0% {
    -webkit-transform: rotate(-10deg) translate(-10%, 20%);
    transform: rotate(-10deg) translate(-10%, 20%);
    opacity: 0; }
  66% {
    -webkit-transform: rotate(-10deg) translate(-10%, 20%);
    transform: rotate(-10deg) translate(-10%, 20%);
    opacity: 0; }
  67% {
    -webkit-transform: rotate(0) translate(0, 0);
    transform: rotate(0) translate(0, 0);
    opacity: 1; }
  99% {
    -webkit-transform: rotate(0) translate(0, 0);
    transform: rotate(0) translate(0, 0);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(-10deg) translate(-10%, 20%);
    transform: rotate(-10deg) translate(-10%, 20%);
    opacity: 0; } }
    .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.extra-hands .sublayer.hand-right {
      background-image: url("../img/case/mettebruun/topimage/illustration/extra-hands/hand-right.svg");
      -webkit-animation: mettebruunExtraHandsRight 20s linear infinite;
      animation: mettebruunExtraHandsRight 20s linear infinite;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-play-state: paused;
      animation-play-state: paused;
      -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
      transform-origin: bottom; }

@-webkit-keyframes mettebruunExtraHandsRight {
  0% {
    -webkit-transform: rotate(10deg) translate(10%, 20%);
    transform: rotate(10deg) translate(10%, 20%);
    opacity: 0; }
  66% {
    -webkit-transform: rotate(10deg) translate(10%, 20%);
    transform: rotate(10deg) translate(10%, 20%);
    opacity: 0; }
  67% {
    -webkit-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
    opacity: 1; }
  99% {
    -webkit-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(10deg) translate(10%, 20%);
    transform: rotate(10deg) translate(10%, 20%);
    opacity: 0; } }

@keyframes mettebruunExtraHandsRight {
  0% {
    -webkit-transform: rotate(10deg) translate(10%, 20%);
    transform: rotate(10deg) translate(10%, 20%);
    opacity: 0; }
  66% {
    -webkit-transform: rotate(10deg) translate(10%, 20%);
    transform: rotate(10deg) translate(10%, 20%);
    opacity: 0; }
  67% {
    -webkit-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
    opacity: 1; }
  99% {
    -webkit-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(10deg) translate(10%, 20%);
    transform: rotate(10deg) translate(10%, 20%);
    opacity: 0; } }
    .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.extra-branch {
      -webkit-animation: mettebruunExtraBranch 20s linear infinite;
      animation: mettebruunExtraBranch 20s linear infinite;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-play-state: paused;
      animation-play-state: paused; }
      .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.extra-branch .sublayer.sun {
        background-image: url("../img/case/mettebruun/topimage/illustration/extra-branch/sun.svg"); }
      .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.extra-branch .sublayer.branch {
        background-image: url("../img/case/mettebruun/topimage/illustration/extra-branch/branch.svg"); }

@-webkit-keyframes mettebruunExtraBranch {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }
  33% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }
  34% {
    -webkit-transform: translate(0, 25%);
    transform: translate(0, 25%);
    opacity: 0; }
  98.99% {
    -webkit-transform: translate(0, 25%);
    transform: translate(0, 25%);
    opacity: 0; }
  99% {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; } }

@keyframes mettebruunExtraBranch {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }
  33% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }
  34% {
    -webkit-transform: translate(0, 25%);
    transform: translate(0, 25%);
    opacity: 0; }
  98.99% {
    -webkit-transform: translate(0, 25%);
    transform: translate(0, 25%);
    opacity: 0; }
  99% {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; } }
    .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.extra-cloud {
      -webkit-animation: mettebruunExtraCloud 20s linear infinite;
      animation: mettebruunExtraCloud 20s linear infinite;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-play-state: paused;
      animation-play-state: paused; }

@-webkit-keyframes mettebruunExtraCloud {
  0% {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    opacity: 0; }
  33% {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    opacity: 0; }
  34% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }
  66% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }
  67% {
    -webkit-transform: translate(0, 25%);
    transform: translate(0, 25%);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0, 25%);
    transform: translate(0, 25%);
    opacity: 0; } }

@keyframes mettebruunExtraCloud {
  0% {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    opacity: 0; }
  33% {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    opacity: 0; }
  34% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }
  66% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }
  67% {
    -webkit-transform: translate(0, 25%);
    transform: translate(0, 25%);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0, 25%);
    transform: translate(0, 25%);
    opacity: 0; } }
      .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.extra-cloud .sublayer.cloud {
        background-image: url("../img/case/mettebruun/topimage/illustration/extra-cloud/cloud.svg");
        -webkit-animation: mettebruunExtraCloudCloud 5s ease-in-out infinite;
        animation: mettebruunExtraCloudCloud 5s ease-in-out infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-play-state: paused;
        animation-play-state: paused; }

@-webkit-keyframes mettebruunExtraCloudCloud {
  0% {
    -webkit-transform: translate(-1%, -1%);
    transform: translate(-1%, -1%); }
  50% {
    -webkit-transform: translate(1%, 1%);
    transform: translate(1%, 1%); }
  100% {
    -webkit-transform: translate(-1%, -1%);
    transform: translate(-1%, -1%); } }

@keyframes mettebruunExtraCloudCloud {
  0% {
    -webkit-transform: translate(-1%, -1%);
    transform: translate(-1%, -1%); }
  50% {
    -webkit-transform: translate(1%, 1%);
    transform: translate(1%, 1%); }
  100% {
    -webkit-transform: translate(-1%, -1%);
    transform: translate(-1%, -1%); } }
        body.ie .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.extra-cloud .sublayer.cloud {
          -webkit-animation: none;
          animation: none; }
      .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.extra-cloud .sublayer.lightning {
        background-image: url("../img/case/mettebruun/topimage/illustration/extra-cloud/lightning.svg");
        -webkit-animation: mettebruunExtraCloudLightning 2.5s ease-in-out infinite;
        animation: mettebruunExtraCloudLightning 2.5s ease-in-out infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-play-state: paused;
        animation-play-state: paused; }

@-webkit-keyframes mettebruunExtraCloudLightning {
  0% {
    -webkit-transform: translate(1%, -1%);
    transform: translate(1%, -1%);
    opacity: 0; }
  49.99% {
    -webkit-transform: translate(-3%, -2%);
    transform: translate(-3%, -2%);
    opacity: 0; }
  50% {
    -webkit-transform: translate(-3%, -2%);
    transform: translate(-3%, -2%);
    opacity: 1; }
  59.99% {
    -webkit-transform: translate(-3%, -2%);
    transform: translate(-3%, -2%);
    opacity: 1; }
  60% {
    -webkit-transform: translate(-3%, -2%);
    transform: translate(-3%, -2%);
    opacity: 0; }
  69.99% {
    -webkit-transform: translate(1%, -1%);
    transform: translate(1%, -1%);
    opacity: 0; }
  70% {
    -webkit-transform: translate(1%, -1%);
    transform: translate(1%, -1%);
    opacity: 1; }
  79.99% {
    -webkit-transform: translate(1%, -1%);
    transform: translate(1%, -1%);
    opacity: 1; }
  80% {
    -webkit-transform: translate(1%, -1%);
    transform: translate(1%, -1%);
    opacity: 0; }
  100% {
    -webkit-transform: translate(1%, -1%);
    transform: translate(1%, -1%);
    opacity: 0; } }

@keyframes mettebruunExtraCloudLightning {
  0% {
    -webkit-transform: translate(1%, -1%);
    transform: translate(1%, -1%);
    opacity: 0; }
  49.99% {
    -webkit-transform: translate(-3%, -2%);
    transform: translate(-3%, -2%);
    opacity: 0; }
  50% {
    -webkit-transform: translate(-3%, -2%);
    transform: translate(-3%, -2%);
    opacity: 1; }
  59.99% {
    -webkit-transform: translate(-3%, -2%);
    transform: translate(-3%, -2%);
    opacity: 1; }
  60% {
    -webkit-transform: translate(-3%, -2%);
    transform: translate(-3%, -2%);
    opacity: 0; }
  69.99% {
    -webkit-transform: translate(1%, -1%);
    transform: translate(1%, -1%);
    opacity: 0; }
  70% {
    -webkit-transform: translate(1%, -1%);
    transform: translate(1%, -1%);
    opacity: 1; }
  79.99% {
    -webkit-transform: translate(1%, -1%);
    transform: translate(1%, -1%);
    opacity: 1; }
  80% {
    -webkit-transform: translate(1%, -1%);
    transform: translate(1%, -1%);
    opacity: 0; }
  100% {
    -webkit-transform: translate(1%, -1%);
    transform: translate(1%, -1%);
    opacity: 0; } }
    .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.extra-eyes {
      -webkit-animation: mettebruunExtraEyes 20s linear infinite;
      animation: mettebruunExtraEyes 20s linear infinite;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-play-state: paused;
      animation-play-state: paused; }
      .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.extra-eyes .sublayer.eye-1 {
        background-image: url("../img/case/mettebruun/topimage/illustration/extra-eyes/eye-1.svg");
        -webkit-animation: mettebruunExtraEye 5s linear infinite;
        animation: mettebruunExtraEye 5s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-play-state: paused;
        animation-play-state: paused; }
      .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.extra-eyes .sublayer.eye-2 {
        background-image: url("../img/case/mettebruun/topimage/illustration/extra-eyes/eye-2.svg");
        -webkit-animation: mettebruunExtraEye 5s 3.33333s linear infinite;
        animation: mettebruunExtraEye 5s 3.33333s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-play-state: paused;
        animation-play-state: paused; }
      .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.extra-eyes .sublayer.eye-3 {
        background-image: url("../img/case/mettebruun/topimage/illustration/extra-eyes/eye-3.svg");
        -webkit-animation: mettebruunExtraEye 10s 4s linear infinite;
        animation: mettebruunExtraEye 10s 4s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-play-state: paused;
        animation-play-state: paused; }
      .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.extra-eyes .sublayer.eye-4 {
        background-image: url("../img/case/mettebruun/topimage/illustration/extra-eyes/eye-4.svg");
        -webkit-animation: mettebruunExtraEye 5s 5s linear infinite;
        animation: mettebruunExtraEye 5s 5s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-play-state: paused;
        animation-play-state: paused; }
      .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.extra-eyes .sublayer.eye-5 {
        background-image: url("../img/case/mettebruun/topimage/illustration/extra-eyes/eye-5.svg");
        -webkit-animation: mettebruunExtraEye 10s 6.66667s linear infinite;
        animation: mettebruunExtraEye 10s 6.66667s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-play-state: paused;
        animation-play-state: paused; }
      .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer.extra-eyes .sublayer.eye-6 {
        background-image: url("../img/case/mettebruun/topimage/illustration/extra-eyes/eye-6.svg");
        -webkit-animation: mettebruunExtraEye 10s 10s linear infinite;
        animation: mettebruunExtraEye 10s 10s linear infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-play-state: paused;
        animation-play-state: paused; }

@-webkit-keyframes mettebruunExtraEye {
  0% {
    opacity: 0; }
  40% {
    opacity: 0; }
  45% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes mettebruunExtraEye {
  0% {
    opacity: 0; }
  40% {
    opacity: 0; }
  45% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes mettebruunExtraEyes {
  0% {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    opacity: 0; }
  66% {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    opacity: 0; }
  67% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }
  99% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }
  100% {
    -webkit-transform: translate(0, 25%);
    transform: translate(0, 25%);
    opacity: 0; } }

@keyframes mettebruunExtraEyes {
  0% {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    opacity: 0; }
  66% {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    opacity: 0; }
  67% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }
  99% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }
  100% {
    -webkit-transform: translate(0, 25%);
    transform: translate(0, 25%);
    opacity: 0; } }
    body:not(.loading)[data-performance="high"] .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer,
    body:not(.loading)[data-performance="high"] .page-case[data-case="mettebruun"] section[data-section="topimage"] .illustration .layer .sublayer {
      -webkit-animation-play-state: running !important;
      animation-play-state: running !important; }

@media (min-width: 1480px) and (max-width: 1919px) {
  .page-case[data-case="mettebruun"] section[data-section="illustrations"] .textbox-bordered {
    margin-top: 3.75rem; } }

@media (min-width: 1920px) {
  .page-case[data-case="mettebruun"] section[data-section="illustrations"] .textbox-bordered {
    margin-top: 7.5rem; } }

body[data-performance="low"] .page-case[data-case="mettebruun"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/mettebruun/preview/low/browser-1.jpg"); }

body[data-performance="low"] .page-case[data-case="mettebruun"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/mettebruun/preview/low/browser-6.jpg"); }

body[data-performance="low"] .page-case[data-case="mettebruun"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/mettebruun/preview/low/browser-7.jpg"); }

body[data-performance="low"] .page-case[data-case="mettebruun"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/case/mettebruun/preview/low/browser-8.jpg"); }

body[data-performance="high"] .page-case[data-case="mettebruun"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/mettebruun/preview/browser-1.png"); }

body[data-performance="high"] .page-case[data-case="mettebruun"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/mettebruun/preview/browser-6.png"); }

body[data-performance="high"] .page-case[data-case="mettebruun"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/mettebruun/preview/browser-7.png"); }

body[data-performance="high"] .page-case[data-case="mettebruun"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/case/mettebruun/preview/browser-8.png"); }

body.subpage .cases-section .case[data-case="riemann"] .case-image,
body.subpage .cases-section .case[data-case="riemann"] .skill-image,
body.subpage .skills-section .skill[data-skill="riemann"] .case-image,
body.subpage .skills-section .skill[data-skill="riemann"] .skill-image {
  background-image: url("../img/cases/riemann.svg"); }
  body.subpage .cases-section .case[data-case="riemann"] .case-image:before, body.subpage .cases-section .case[data-case="riemann"] .case-image:after,
  body.subpage .cases-section .case[data-case="riemann"] .skill-image:before,
  body.subpage .cases-section .case[data-case="riemann"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="riemann"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="riemann"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="riemann"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="riemann"] .skill-image:after {
    background-color: rgba(200, 0, 75, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="riemann"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="riemann"]:hover .skill-description {
  border-top-color: #c8004b; }
  body[data-touch="false"].subpage .cases-section .case[data-case="riemann"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="riemann"]:hover .skill-description h4 {
    color: #c8004b; }

body[data-uri="case/riemann"] #navigation-trigger,
body[data-uri="case/riemann"] #page-title div,
body[data-uri="case/riemann"] #menu,
body[data-uri="case/riemann"] #page-close,
body[data-uri="skill/riemann"] #navigation-trigger,
body[data-uri="skill/riemann"] #page-title div,
body[data-uri="skill/riemann"] #menu,
body[data-uri="skill/riemann"] #page-close,
body[data-uri="riemann"] #navigation-trigger,
body[data-uri="riemann"] #page-title div,
body[data-uri="riemann"] #menu,
body[data-uri="riemann"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"] #page-close {
  background-color: rgba(200, 0, 75, 0.9); }

body[data-uri="case/riemann"] #page-close,
body[data-uri="skill/riemann"] #page-close,
body[data-uri="riemann"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"] #page-close {
  background-color: transparent;
  border-color: #c8004b; }
  body[data-uri="case/riemann"] #page-close:before, body[data-uri="case/riemann"] #page-close:after,
  body[data-uri="skill/riemann"] #page-close:before,
  body[data-uri="skill/riemann"] #page-close:after,
  body[data-uri="riemann"] #page-close:before,
  body[data-uri="riemann"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="riemann"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="riemann"] #page-close:after {
    background-color: rgba(200, 0, 75, 0.75); }
  body[data-uri="case/riemann"] #page-close svg,
  body[data-uri="skill/riemann"] #page-close svg,
  body[data-uri="riemann"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="riemann"] #page-close svg {
    fill: #c8004b; }

body[data-uri="case/riemann"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/riemann"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/riemann"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/riemann"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="riemann"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="riemann"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #c8004b; }

body[data-uri="case/riemann"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/riemann"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="riemann"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #c8004b; }

body[data-uri="case/riemann"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/riemann"][data-touch="false"] #page-close:hover svg,
body[data-uri="riemann"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/riemann"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/riemann"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="riemann"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #c8004b; }

body[data-uri="case/riemann"] a,
body[data-uri="case/riemann"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/riemann"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/riemann"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/riemann"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/riemann"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/riemann"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/riemann"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/riemann"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/riemann"] a,
body[data-uri="skill/riemann"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/riemann"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/riemann"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/riemann"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/riemann"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/riemann"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/riemann"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/riemann"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="riemann"] a,
body[data-uri="riemann"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="riemann"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="riemann"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="riemann"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="riemann"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="riemann"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="riemann"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="riemann"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #c8004b; }

body[data-uri="case/riemann"] .loader:before, body[data-uri="case/riemann"] .loader:after,
body[data-uri="skill/riemann"] .loader:before,
body[data-uri="skill/riemann"] .loader:after,
body[data-uri="riemann"] .loader:before,
body[data-uri="riemann"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="riemann"] .loader:after {
  background-color: #c8004b; }

section#cases .case[data-case="riemann"] .down svg {
  stroke: #c8004b; }

body[data-uri="case/riemann"] section#cases .description-box,
body[data-uri="skill/riemann"] section#cases .description-box,
body[data-uri="riemann"] section#cases .description-box,
body[data-uri="/"][data-case="riemann"] section#cases .description-box {
  background-color: rgba(200, 0, 75, 0.9); }
  body[data-uri="case/riemann"] section#cases .description-box .case-description[data-case="riemann"],
  body[data-uri="skill/riemann"] section#cases .description-box .case-description[data-case="riemann"],
  body[data-uri="riemann"] section#cases .description-box .case-description[data-case="riemann"],
  body[data-uri="/"][data-case="riemann"] section#cases .description-box .case-description[data-case="riemann"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div,
    body[data-uri="skill/riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div,
    body[data-uri="riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div,
    body[data-uri="/"][data-case="riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(1),
    body[data-uri="skill/riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(1),
    body[data-uri="riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(2),
    body[data-uri="skill/riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(2),
    body[data-uri="riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(3),
    body[data-uri="skill/riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(3),
    body[data-uri="riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(4),
    body[data-uri="skill/riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(4),
    body[data-uri="riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(5),
    body[data-uri="skill/riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(5),
    body[data-uri="riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(6),
    body[data-uri="skill/riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(6),
    body[data-uri="riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="riemann"] section#cases .description-box .case-description[data-case="riemann"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/riemann"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/riemann"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="riemann"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="riemann"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #c8004b; }

body[data-uri="case/riemann"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/riemann"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="riemann"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="riemann"][data-touch="false"] section#cases .description-box:hover .text {
  color: #c8004b; }
  body[data-uri="case/riemann"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/riemann"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="riemann"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="riemann"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #c8004b !important; }
  body[data-uri="case/riemann"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/riemann"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="riemann"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="riemann"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #c8004b !important; }

body[data-uri="case/riemann"] .page-case[data-case="riemann"] .color-primary,
body[data-uri="case/riemann"] .page-skill[data-skill="riemann"] .color-primary,
body[data-uri="skill/riemann"] .page-case[data-case="riemann"] .color-primary,
body[data-uri="skill/riemann"] .page-skill[data-skill="riemann"] .color-primary,
body[data-uri="riemann"] .page-case[data-case="riemann"] .color-primary,
body[data-uri="riemann"] .page-skill[data-skill="riemann"] .color-primary,
body[data-uri="/"][data-case="riemann"] .page-case[data-case="riemann"] .color-primary,
body[data-uri="/"][data-case="riemann"] .page-skill[data-skill="riemann"] .color-primary {
  color: #c8004b; }

body[data-uri="case/riemann"] .page-case[data-case="riemann"] .color-white,
body[data-uri="case/riemann"] .page-skill[data-skill="riemann"] .color-white,
body[data-uri="skill/riemann"] .page-case[data-case="riemann"] .color-white,
body[data-uri="skill/riemann"] .page-skill[data-skill="riemann"] .color-white,
body[data-uri="riemann"] .page-case[data-case="riemann"] .color-white,
body[data-uri="riemann"] .page-skill[data-skill="riemann"] .color-white,
body[data-uri="/"][data-case="riemann"] .page-case[data-case="riemann"] .color-white,
body[data-uri="/"][data-case="riemann"] .page-skill[data-skill="riemann"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/riemann"] .page-case[data-case="riemann"] .bg-primary,
body[data-uri="case/riemann"] .page-skill[data-skill="riemann"] .bg-primary,
body[data-uri="skill/riemann"] .page-case[data-case="riemann"] .bg-primary,
body[data-uri="skill/riemann"] .page-skill[data-skill="riemann"] .bg-primary,
body[data-uri="riemann"] .page-case[data-case="riemann"] .bg-primary,
body[data-uri="riemann"] .page-skill[data-skill="riemann"] .bg-primary,
body[data-uri="/"][data-case="riemann"] .page-case[data-case="riemann"] .bg-primary,
body[data-uri="/"][data-case="riemann"] .page-skill[data-skill="riemann"] .bg-primary {
  background-color: #c8004b !important; }

body[data-uri="case/riemann"] .page-case[data-case="riemann"] .topimage-section .down svg,
body[data-uri="case/riemann"] .page-skill[data-skill="riemann"] .topimage-section .down svg,
body[data-uri="skill/riemann"] .page-case[data-case="riemann"] .topimage-section .down svg,
body[data-uri="skill/riemann"] .page-skill[data-skill="riemann"] .topimage-section .down svg,
body[data-uri="riemann"] .page-case[data-case="riemann"] .topimage-section .down svg,
body[data-uri="riemann"] .page-skill[data-skill="riemann"] .topimage-section .down svg,
body[data-uri="/"][data-case="riemann"] .page-case[data-case="riemann"] .topimage-section .down svg,
body[data-uri="/"][data-case="riemann"] .page-skill[data-skill="riemann"] .topimage-section .down svg {
  stroke: #c8004b; }

body[data-uri="case/riemann"] .page-case[data-case="riemann"] .textbox-bordered,
body[data-uri="case/riemann"] .page-skill[data-skill="riemann"] .textbox-bordered,
body[data-uri="skill/riemann"] .page-case[data-case="riemann"] .textbox-bordered,
body[data-uri="skill/riemann"] .page-skill[data-skill="riemann"] .textbox-bordered,
body[data-uri="riemann"] .page-case[data-case="riemann"] .textbox-bordered,
body[data-uri="riemann"] .page-skill[data-skill="riemann"] .textbox-bordered,
body[data-uri="/"][data-case="riemann"] .page-case[data-case="riemann"] .textbox-bordered,
body[data-uri="/"][data-case="riemann"] .page-skill[data-skill="riemann"] .textbox-bordered {
  border-top-color: #c8004b; }

body[data-uri="case/riemann"] .page-case[data-case="riemann"] .textbox-background,
body[data-uri="case/riemann"] .page-skill[data-skill="riemann"] .textbox-background,
body[data-uri="skill/riemann"] .page-case[data-case="riemann"] .textbox-background,
body[data-uri="skill/riemann"] .page-skill[data-skill="riemann"] .textbox-background,
body[data-uri="riemann"] .page-case[data-case="riemann"] .textbox-background,
body[data-uri="riemann"] .page-skill[data-skill="riemann"] .textbox-background,
body[data-uri="/"][data-case="riemann"] .page-case[data-case="riemann"] .textbox-background,
body[data-uri="/"][data-case="riemann"] .page-skill[data-skill="riemann"] .textbox-background {
  background-color: rgba(200, 0, 75, 0.9); }

body[data-uri="case/riemann"] .page-case[data-case="riemann"] .preview-section .link,
body[data-uri="case/riemann"] .page-skill[data-skill="riemann"] .preview-section .link,
body[data-uri="skill/riemann"] .page-case[data-case="riemann"] .preview-section .link,
body[data-uri="skill/riemann"] .page-skill[data-skill="riemann"] .preview-section .link,
body[data-uri="riemann"] .page-case[data-case="riemann"] .preview-section .link,
body[data-uri="riemann"] .page-skill[data-skill="riemann"] .preview-section .link,
body[data-uri="/"][data-case="riemann"] .page-case[data-case="riemann"] .preview-section .link,
body[data-uri="/"][data-case="riemann"] .page-skill[data-skill="riemann"] .preview-section .link {
  background-color: transparent;
  border-color: #c8004b; }
  body[data-uri="case/riemann"] .page-case[data-case="riemann"] .preview-section .link:before, body[data-uri="case/riemann"] .page-case[data-case="riemann"] .preview-section .link:after,
  body[data-uri="case/riemann"] .page-skill[data-skill="riemann"] .preview-section .link:before,
  body[data-uri="case/riemann"] .page-skill[data-skill="riemann"] .preview-section .link:after,
  body[data-uri="skill/riemann"] .page-case[data-case="riemann"] .preview-section .link:before,
  body[data-uri="skill/riemann"] .page-case[data-case="riemann"] .preview-section .link:after,
  body[data-uri="skill/riemann"] .page-skill[data-skill="riemann"] .preview-section .link:before,
  body[data-uri="skill/riemann"] .page-skill[data-skill="riemann"] .preview-section .link:after,
  body[data-uri="riemann"] .page-case[data-case="riemann"] .preview-section .link:before,
  body[data-uri="riemann"] .page-case[data-case="riemann"] .preview-section .link:after,
  body[data-uri="riemann"] .page-skill[data-skill="riemann"] .preview-section .link:before,
  body[data-uri="riemann"] .page-skill[data-skill="riemann"] .preview-section .link:after,
  body[data-uri="/"][data-case="riemann"] .page-case[data-case="riemann"] .preview-section .link:before,
  body[data-uri="/"][data-case="riemann"] .page-case[data-case="riemann"] .preview-section .link:after,
  body[data-uri="/"][data-case="riemann"] .page-skill[data-skill="riemann"] .preview-section .link:before,
  body[data-uri="/"][data-case="riemann"] .page-skill[data-skill="riemann"] .preview-section .link:after {
    background-color: rgba(200, 0, 75, 0.75); }
  body[data-uri="case/riemann"] .page-case[data-case="riemann"] .preview-section .link svg,
  body[data-uri="case/riemann"] .page-skill[data-skill="riemann"] .preview-section .link svg,
  body[data-uri="skill/riemann"] .page-case[data-case="riemann"] .preview-section .link svg,
  body[data-uri="skill/riemann"] .page-skill[data-skill="riemann"] .preview-section .link svg,
  body[data-uri="riemann"] .page-case[data-case="riemann"] .preview-section .link svg,
  body[data-uri="riemann"] .page-skill[data-skill="riemann"] .preview-section .link svg,
  body[data-uri="/"][data-case="riemann"] .page-case[data-case="riemann"] .preview-section .link svg,
  body[data-uri="/"][data-case="riemann"] .page-skill[data-skill="riemann"] .preview-section .link svg {
    fill: #c8004b; }
  body[data-touch="false"] body[data-uri="case/riemann"] .page-case[data-case="riemann"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/riemann"] .page-skill[data-skill="riemann"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/riemann"] .page-case[data-case="riemann"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/riemann"] .page-skill[data-skill="riemann"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="riemann"] .page-case[data-case="riemann"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="riemann"] .page-skill[data-skill="riemann"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="riemann"] .page-case[data-case="riemann"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="riemann"] .page-skill[data-skill="riemann"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/riemann"] .page-case[data-case="riemann"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/riemann"] .page-skill[data-skill="riemann"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/riemann"] .page-case[data-case="riemann"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/riemann"] .page-skill[data-skill="riemann"] .video-section .video .video-playpause .btn svg,
body[data-uri="riemann"] .page-case[data-case="riemann"] .video-section .video .video-playpause .btn svg,
body[data-uri="riemann"] .page-skill[data-skill="riemann"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="riemann"] .page-case[data-case="riemann"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="riemann"] .page-skill[data-skill="riemann"] .video-section .video .video-playpause .btn svg {
  fill: rgba(200, 0, 75, 0.9); }

body[data-uri="case/riemann"] .page-case[data-case="riemann"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/riemann"] .page-skill[data-skill="riemann"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/riemann"] .page-case[data-case="riemann"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/riemann"] .page-skill[data-skill="riemann"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="riemann"] .page-case[data-case="riemann"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="riemann"] .page-skill[data-skill="riemann"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="riemann"] .page-case[data-case="riemann"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="riemann"] .page-skill[data-skill="riemann"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(200, 0, 75, 0.9); }

body[data-uri="case/riemann"] .page-case[data-case="riemann"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/riemann"] .page-skill[data-skill="riemann"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/riemann"] .page-case[data-case="riemann"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/riemann"] .page-skill[data-skill="riemann"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="riemann"] .page-case[data-case="riemann"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="riemann"] .page-skill[data-skill="riemann"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="riemann"] .page-case[data-case="riemann"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="riemann"] .page-skill[data-skill="riemann"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(200, 0, 75, 0.9); }

body[data-uri="case/riemann"] .page-case[data-case="riemann"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/riemann"] .page-skill[data-skill="riemann"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/riemann"] .page-case[data-case="riemann"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/riemann"] .page-skill[data-skill="riemann"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="riemann"] .page-case[data-case="riemann"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="riemann"] .page-skill[data-skill="riemann"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="riemann"] .page-case[data-case="riemann"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="riemann"] .page-skill[data-skill="riemann"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(200, 0, 75, 0.9); }

body[data-uri="case/riemann"] .page-case[data-case="riemann"] .video-section .video .video-fullscreen,
body[data-uri="case/riemann"] .page-skill[data-skill="riemann"] .video-section .video .video-fullscreen,
body[data-uri="skill/riemann"] .page-case[data-case="riemann"] .video-section .video .video-fullscreen,
body[data-uri="skill/riemann"] .page-skill[data-skill="riemann"] .video-section .video .video-fullscreen,
body[data-uri="riemann"] .page-case[data-case="riemann"] .video-section .video .video-fullscreen,
body[data-uri="riemann"] .page-skill[data-skill="riemann"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="riemann"] .page-case[data-case="riemann"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="riemann"] .page-skill[data-skill="riemann"] .video-section .video .video-fullscreen {
  background-color: rgba(200, 0, 75, 0.9); }

body[data-uri="case/riemann"] .page-case[data-case="riemann"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/riemann"] .page-skill[data-skill="riemann"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/riemann"] .page-case[data-case="riemann"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/riemann"] .page-skill[data-skill="riemann"] .video-section .video.active .video-playpause .btn,
body[data-uri="riemann"] .page-case[data-case="riemann"] .video-section .video.active .video-playpause .btn,
body[data-uri="riemann"] .page-skill[data-skill="riemann"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="riemann"] .page-case[data-case="riemann"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="riemann"] .page-skill[data-skill="riemann"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(200, 0, 75, 0.9); }
  body[data-uri="case/riemann"] .page-case[data-case="riemann"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/riemann"] .page-skill[data-skill="riemann"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/riemann"] .page-case[data-case="riemann"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/riemann"] .page-skill[data-skill="riemann"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="riemann"] .page-case[data-case="riemann"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="riemann"] .page-skill[data-skill="riemann"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="riemann"] .page-case[data-case="riemann"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="riemann"] .page-skill[data-skill="riemann"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/riemann"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/riemann"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="riemann"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="riemann"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(200, 0, 75, 0.8) !important; }
  body[data-uri="case/riemann"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/riemann"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="riemann"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="riemann"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-home .cases-section .overview .case[data-case="riemann"] .case-image {
  background-image: url("../img/home/cases/riemann.svg");
  background-color: #ffff01;
  background-size: auto 100%;
  background-position: left 5% center; }
  @media (max-width: 991px) {
    .page-home .cases-section .overview .case[data-case="riemann"] .case-image {
      background-position: center;
      background-size: cover; } }

.page-case[data-case="riemann"] section[data-section="topimage"] {
  background-color: #3fa9f5;
  background-image: url("") !important;
  overflow: hidden; }
  .page-case[data-case="riemann"] section[data-section="topimage"] .illustration {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -65%);
    -ms-transform: translate(-50%, -65%);
    transform: translate(-50%, -65%);
    width: 1480px;
    width: 102%; }
    .page-case[data-case="riemann"] section[data-section="topimage"] .illustration img {
      -webkit-animation-fill-mode: both !important;
      animation-fill-mode: both !important; }
      .page-case[data-case="riemann"] section[data-section="topimage"] .illustration img:nth-of-type(1) {
        -webkit-animation: riemannTopimage1 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;
        animation: riemannTopimage1 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right; }
        body.done .page-case[data-case="riemann"] section[data-section="topimage"] .illustration img:nth-of-type(1) {
          -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms; }

@-webkit-keyframes riemannTopimage1 {
  0% {
    -webkit-transform: rotate(-5deg) translateX(100%);
    transform: rotate(-5deg) translateX(100%);
    opacity: 0; }
  50% {
    -webkit-transform: rotate(1deg) translateX(-3%);
    transform: rotate(1deg) translateX(-3%);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%);
    opacity: 1; } }

@keyframes riemannTopimage1 {
  0% {
    -webkit-transform: rotate(-5deg) translateX(100%);
    transform: rotate(-5deg) translateX(100%);
    opacity: 0; }
  50% {
    -webkit-transform: rotate(1deg) translateX(-3%);
    transform: rotate(1deg) translateX(-3%);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%);
    opacity: 1; } }
      .page-case[data-case="riemann"] section[data-section="topimage"] .illustration img:nth-of-type(2) {
        -webkit-animation: riemannTopimage2 500ms linear 950ms;
        animation: riemannTopimage2 500ms linear 950ms;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center; }
        body.done .page-case[data-case="riemann"] section[data-section="topimage"] .illustration img:nth-of-type(2) {
          -webkit-animation-delay: 1450ms;
          animation-delay: 1450ms; }

@-webkit-keyframes riemannTopimage2 {
  0% {
    -webkit-transform: translateY(25%) scale(0.1);
    transform: translateY(25%) scale(0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: translateY(10%) scale(1.2);
    transform: translateY(10%) scale(1.2);
    opacity: 0; } }

@keyframes riemannTopimage2 {
  0% {
    -webkit-transform: translateY(25%) scale(0.1);
    transform: translateY(25%) scale(0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: translateY(10%) scale(1.2);
    transform: translateY(10%) scale(1.2);
    opacity: 0; } }
      .page-case[data-case="riemann"] section[data-section="topimage"] .illustration img:nth-of-type(3) {
        -webkit-animation: riemannTopimage3 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;
        animation: riemannTopimage3 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left; }
        body.done .page-case[data-case="riemann"] section[data-section="topimage"] .illustration img:nth-of-type(3) {
          -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms; }

@-webkit-keyframes riemannTopimage3 {
  0% {
    -webkit-transform: rotate(5deg) translateX(-100%);
    transform: rotate(5deg) translateX(-100%);
    opacity: 0; }
  50% {
    -webkit-transform: rotate(-1deg) translateX(3%);
    transform: rotate(-1deg) translateX(3%);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%);
    opacity: 1; } }

@keyframes riemannTopimage3 {
  0% {
    -webkit-transform: rotate(5deg) translateX(-100%);
    transform: rotate(5deg) translateX(-100%);
    opacity: 0; }
  50% {
    -webkit-transform: rotate(-1deg) translateX(3%);
    transform: rotate(-1deg) translateX(3%);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%);
    opacity: 1; } }
      body.loading .page-case[data-case="riemann"] section[data-section="topimage"] .illustration img {
        -webkit-animation-play-state: paused !important;
        animation-play-state: paused !important; }
    .page-case[data-case="riemann"] section[data-section="topimage"] .illustration .layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }

.page-case[data-case="riemann"] section[data-section="intro"] .illustration {
  margin-top: -3.75rem; }

.page-case[data-case="riemann"] section[data-section="illustrations"] .row {
  margin: 0;
  padding-left: 2.8125rem;
  padding-right: 2.8125rem; }

.page-case[data-case="riemann"] section[data-section="illustrations"] .column {
  padding: 0 0.9375rem; }

body[data-performance="low"] .page-case[data-case="riemann"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/riemann/preview/low/browser-1.jpg"); }

body[data-performance="low"] .page-case[data-case="riemann"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/riemann/preview/low/browser-2.jpg"); }

body[data-performance="low"] .page-case[data-case="riemann"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/riemann/preview/low/browser-3.jpg"); }

body[data-performance="low"] .page-case[data-case="riemann"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/case/riemann/preview/low/browser-4.jpg"); }

body[data-performance="low"] .page-case[data-case="riemann"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(5) .image {
  background-image: url("../img/case/riemann/preview/low/browser-5.jpg"); }

body[data-performance="high"] .page-case[data-case="riemann"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/riemann/preview/browser-1.png"); }

body[data-performance="high"] .page-case[data-case="riemann"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/riemann/preview/browser-2.png"); }

body[data-performance="high"] .page-case[data-case="riemann"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/riemann/preview/browser-3.png"); }

body[data-performance="high"] .page-case[data-case="riemann"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/case/riemann/preview/browser-4.png"); }

body[data-performance="high"] .page-case[data-case="riemann"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(5) .image {
  background-image: url("../img/case/riemann/preview/browser-5.png"); }

body.subpage .cases-section .case[data-case="thomasinternational"] .case-image,
body.subpage .cases-section .case[data-case="thomasinternational"] .skill-image,
body.subpage .skills-section .skill[data-skill="thomasinternational"] .case-image,
body.subpage .skills-section .skill[data-skill="thomasinternational"] .skill-image {
  background-image: url("../img/cases/thomasinternational.svg"); }
  body.subpage .cases-section .case[data-case="thomasinternational"] .case-image:before, body.subpage .cases-section .case[data-case="thomasinternational"] .case-image:after,
  body.subpage .cases-section .case[data-case="thomasinternational"] .skill-image:before,
  body.subpage .cases-section .case[data-case="thomasinternational"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="thomasinternational"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="thomasinternational"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="thomasinternational"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="thomasinternational"] .skill-image:after {
    background-color: rgba(250, 100, 75, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="thomasinternational"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="thomasinternational"]:hover .skill-description {
  border-top-color: #fa644b; }
  body[data-touch="false"].subpage .cases-section .case[data-case="thomasinternational"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="thomasinternational"]:hover .skill-description h4 {
    color: #fa644b; }

body[data-uri="case/thomasinternational"] #navigation-trigger,
body[data-uri="case/thomasinternational"] #page-title div,
body[data-uri="case/thomasinternational"] #menu,
body[data-uri="case/thomasinternational"] #page-close,
body[data-uri="skill/thomasinternational"] #navigation-trigger,
body[data-uri="skill/thomasinternational"] #page-title div,
body[data-uri="skill/thomasinternational"] #menu,
body[data-uri="skill/thomasinternational"] #page-close,
body[data-uri="thomasinternational"] #navigation-trigger,
body[data-uri="thomasinternational"] #page-title div,
body[data-uri="thomasinternational"] #menu,
body[data-uri="thomasinternational"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"] #page-close {
  background-color: rgba(250, 100, 75, 0.9); }

body[data-uri="case/thomasinternational"] #page-close,
body[data-uri="skill/thomasinternational"] #page-close,
body[data-uri="thomasinternational"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"] #page-close {
  background-color: transparent;
  border-color: #fa644b; }
  body[data-uri="case/thomasinternational"] #page-close:before, body[data-uri="case/thomasinternational"] #page-close:after,
  body[data-uri="skill/thomasinternational"] #page-close:before,
  body[data-uri="skill/thomasinternational"] #page-close:after,
  body[data-uri="thomasinternational"] #page-close:before,
  body[data-uri="thomasinternational"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"] #page-close:after {
    background-color: rgba(250, 100, 75, 0.75); }
  body[data-uri="case/thomasinternational"] #page-close svg,
  body[data-uri="skill/thomasinternational"] #page-close svg,
  body[data-uri="thomasinternational"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"] #page-close svg {
    fill: #fa644b; }

body[data-uri="case/thomasinternational"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/thomasinternational"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/thomasinternational"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/thomasinternational"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="thomasinternational"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="thomasinternational"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #fa644b; }

body[data-uri="case/thomasinternational"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/thomasinternational"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="thomasinternational"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #fa644b; }

body[data-uri="case/thomasinternational"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/thomasinternational"][data-touch="false"] #page-close:hover svg,
body[data-uri="thomasinternational"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/thomasinternational"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/thomasinternational"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="thomasinternational"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #fa644b; }

body[data-uri="case/thomasinternational"] a,
body[data-uri="case/thomasinternational"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/thomasinternational"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/thomasinternational"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/thomasinternational"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/thomasinternational"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/thomasinternational"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/thomasinternational"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/thomasinternational"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/thomasinternational"] a,
body[data-uri="skill/thomasinternational"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/thomasinternational"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/thomasinternational"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/thomasinternational"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/thomasinternational"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/thomasinternational"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/thomasinternational"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/thomasinternational"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="thomasinternational"] a,
body[data-uri="thomasinternational"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="thomasinternational"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="thomasinternational"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="thomasinternational"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="thomasinternational"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="thomasinternational"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="thomasinternational"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="thomasinternational"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #fa644b; }

body[data-uri="case/thomasinternational"] .loader:before, body[data-uri="case/thomasinternational"] .loader:after,
body[data-uri="skill/thomasinternational"] .loader:before,
body[data-uri="skill/thomasinternational"] .loader:after,
body[data-uri="thomasinternational"] .loader:before,
body[data-uri="thomasinternational"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="thomasinternational"] .loader:after {
  background-color: #fa644b; }

section#cases .case[data-case="thomasinternational"] .down svg {
  stroke: #fa644b; }

body[data-uri="case/thomasinternational"] section#cases .description-box,
body[data-uri="skill/thomasinternational"] section#cases .description-box,
body[data-uri="thomasinternational"] section#cases .description-box,
body[data-uri="/"][data-case="thomasinternational"] section#cases .description-box {
  background-color: rgba(250, 100, 75, 0.9); }
  body[data-uri="case/thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"],
  body[data-uri="skill/thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"],
  body[data-uri="thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"],
  body[data-uri="/"][data-case="thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div,
    body[data-uri="skill/thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div,
    body[data-uri="thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div,
    body[data-uri="/"][data-case="thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(1),
    body[data-uri="skill/thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(1),
    body[data-uri="thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(2),
    body[data-uri="skill/thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(2),
    body[data-uri="thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(3),
    body[data-uri="skill/thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(3),
    body[data-uri="thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(4),
    body[data-uri="skill/thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(4),
    body[data-uri="thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(5),
    body[data-uri="skill/thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(5),
    body[data-uri="thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(6),
    body[data-uri="skill/thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(6),
    body[data-uri="thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="thomasinternational"] section#cases .description-box .case-description[data-case="thomasinternational"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/thomasinternational"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/thomasinternational"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="thomasinternational"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="thomasinternational"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #fa644b; }

body[data-uri="case/thomasinternational"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/thomasinternational"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="thomasinternational"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="thomasinternational"][data-touch="false"] section#cases .description-box:hover .text {
  color: #fa644b; }
  body[data-uri="case/thomasinternational"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/thomasinternational"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="thomasinternational"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="thomasinternational"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #fa644b !important; }
  body[data-uri="case/thomasinternational"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/thomasinternational"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="thomasinternational"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="thomasinternational"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #fa644b !important; }

body[data-uri="case/thomasinternational"] .page-case[data-case="thomasinternational"] .color-primary,
body[data-uri="case/thomasinternational"] .page-skill[data-skill="thomasinternational"] .color-primary,
body[data-uri="skill/thomasinternational"] .page-case[data-case="thomasinternational"] .color-primary,
body[data-uri="skill/thomasinternational"] .page-skill[data-skill="thomasinternational"] .color-primary,
body[data-uri="thomasinternational"] .page-case[data-case="thomasinternational"] .color-primary,
body[data-uri="thomasinternational"] .page-skill[data-skill="thomasinternational"] .color-primary,
body[data-uri="/"][data-case="thomasinternational"] .page-case[data-case="thomasinternational"] .color-primary,
body[data-uri="/"][data-case="thomasinternational"] .page-skill[data-skill="thomasinternational"] .color-primary {
  color: #fa644b; }

body[data-uri="case/thomasinternational"] .page-case[data-case="thomasinternational"] .color-white,
body[data-uri="case/thomasinternational"] .page-skill[data-skill="thomasinternational"] .color-white,
body[data-uri="skill/thomasinternational"] .page-case[data-case="thomasinternational"] .color-white,
body[data-uri="skill/thomasinternational"] .page-skill[data-skill="thomasinternational"] .color-white,
body[data-uri="thomasinternational"] .page-case[data-case="thomasinternational"] .color-white,
body[data-uri="thomasinternational"] .page-skill[data-skill="thomasinternational"] .color-white,
body[data-uri="/"][data-case="thomasinternational"] .page-case[data-case="thomasinternational"] .color-white,
body[data-uri="/"][data-case="thomasinternational"] .page-skill[data-skill="thomasinternational"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/thomasinternational"] .page-case[data-case="thomasinternational"] .bg-primary,
body[data-uri="case/thomasinternational"] .page-skill[data-skill="thomasinternational"] .bg-primary,
body[data-uri="skill/thomasinternational"] .page-case[data-case="thomasinternational"] .bg-primary,
body[data-uri="skill/thomasinternational"] .page-skill[data-skill="thomasinternational"] .bg-primary,
body[data-uri="thomasinternational"] .page-case[data-case="thomasinternational"] .bg-primary,
body[data-uri="thomasinternational"] .page-skill[data-skill="thomasinternational"] .bg-primary,
body[data-uri="/"][data-case="thomasinternational"] .page-case[data-case="thomasinternational"] .bg-primary,
body[data-uri="/"][data-case="thomasinternational"] .page-skill[data-skill="thomasinternational"] .bg-primary {
  background-color: #fa644b !important; }

body[data-uri="case/thomasinternational"] .page-case[data-case="thomasinternational"] .topimage-section .down svg,
body[data-uri="case/thomasinternational"] .page-skill[data-skill="thomasinternational"] .topimage-section .down svg,
body[data-uri="skill/thomasinternational"] .page-case[data-case="thomasinternational"] .topimage-section .down svg,
body[data-uri="skill/thomasinternational"] .page-skill[data-skill="thomasinternational"] .topimage-section .down svg,
body[data-uri="thomasinternational"] .page-case[data-case="thomasinternational"] .topimage-section .down svg,
body[data-uri="thomasinternational"] .page-skill[data-skill="thomasinternational"] .topimage-section .down svg,
body[data-uri="/"][data-case="thomasinternational"] .page-case[data-case="thomasinternational"] .topimage-section .down svg,
body[data-uri="/"][data-case="thomasinternational"] .page-skill[data-skill="thomasinternational"] .topimage-section .down svg {
  stroke: #fa644b; }

body[data-uri="case/thomasinternational"] .page-case[data-case="thomasinternational"] .textbox-bordered,
body[data-uri="case/thomasinternational"] .page-skill[data-skill="thomasinternational"] .textbox-bordered,
body[data-uri="skill/thomasinternational"] .page-case[data-case="thomasinternational"] .textbox-bordered,
body[data-uri="skill/thomasinternational"] .page-skill[data-skill="thomasinternational"] .textbox-bordered,
body[data-uri="thomasinternational"] .page-case[data-case="thomasinternational"] .textbox-bordered,
body[data-uri="thomasinternational"] .page-skill[data-skill="thomasinternational"] .textbox-bordered,
body[data-uri="/"][data-case="thomasinternational"] .page-case[data-case="thomasinternational"] .textbox-bordered,
body[data-uri="/"][data-case="thomasinternational"] .page-skill[data-skill="thomasinternational"] .textbox-bordered {
  border-top-color: #fa644b; }

body[data-uri="case/thomasinternational"] .page-case[data-case="thomasinternational"] .textbox-background,
body[data-uri="case/thomasinternational"] .page-skill[data-skill="thomasinternational"] .textbox-background,
body[data-uri="skill/thomasinternational"] .page-case[data-case="thomasinternational"] .textbox-background,
body[data-uri="skill/thomasinternational"] .page-skill[data-skill="thomasinternational"] .textbox-background,
body[data-uri="thomasinternational"] .page-case[data-case="thomasinternational"] .textbox-background,
body[data-uri="thomasinternational"] .page-skill[data-skill="thomasinternational"] .textbox-background,
body[data-uri="/"][data-case="thomasinternational"] .page-case[data-case="thomasinternational"] .textbox-background,
body[data-uri="/"][data-case="thomasinternational"] .page-skill[data-skill="thomasinternational"] .textbox-background {
  background-color: rgba(250, 100, 75, 0.9); }

body[data-uri="case/thomasinternational"] .page-case[data-case="thomasinternational"] .preview-section .link,
body[data-uri="case/thomasinternational"] .page-skill[data-skill="thomasinternational"] .preview-section .link,
body[data-uri="skill/thomasinternational"] .page-case[data-case="thomasinternational"] .preview-section .link,
body[data-uri="skill/thomasinternational"] .page-skill[data-skill="thomasinternational"] .preview-section .link,
body[data-uri="thomasinternational"] .page-case[data-case="thomasinternational"] .preview-section .link,
body[data-uri="thomasinternational"] .page-skill[data-skill="thomasinternational"] .preview-section .link,
body[data-uri="/"][data-case="thomasinternational"] .page-case[data-case="thomasinternational"] .preview-section .link,
body[data-uri="/"][data-case="thomasinternational"] .page-skill[data-skill="thomasinternational"] .preview-section .link {
  background-color: transparent;
  border-color: #fa644b; }
  body[data-uri="case/thomasinternational"] .page-case[data-case="thomasinternational"] .preview-section .link:before, body[data-uri="case/thomasinternational"] .page-case[data-case="thomasinternational"] .preview-section .link:after,
  body[data-uri="case/thomasinternational"] .page-skill[data-skill="thomasinternational"] .preview-section .link:before,
  body[data-uri="case/thomasinternational"] .page-skill[data-skill="thomasinternational"] .preview-section .link:after,
  body[data-uri="skill/thomasinternational"] .page-case[data-case="thomasinternational"] .preview-section .link:before,
  body[data-uri="skill/thomasinternational"] .page-case[data-case="thomasinternational"] .preview-section .link:after,
  body[data-uri="skill/thomasinternational"] .page-skill[data-skill="thomasinternational"] .preview-section .link:before,
  body[data-uri="skill/thomasinternational"] .page-skill[data-skill="thomasinternational"] .preview-section .link:after,
  body[data-uri="thomasinternational"] .page-case[data-case="thomasinternational"] .preview-section .link:before,
  body[data-uri="thomasinternational"] .page-case[data-case="thomasinternational"] .preview-section .link:after,
  body[data-uri="thomasinternational"] .page-skill[data-skill="thomasinternational"] .preview-section .link:before,
  body[data-uri="thomasinternational"] .page-skill[data-skill="thomasinternational"] .preview-section .link:after,
  body[data-uri="/"][data-case="thomasinternational"] .page-case[data-case="thomasinternational"] .preview-section .link:before,
  body[data-uri="/"][data-case="thomasinternational"] .page-case[data-case="thomasinternational"] .preview-section .link:after,
  body[data-uri="/"][data-case="thomasinternational"] .page-skill[data-skill="thomasinternational"] .preview-section .link:before,
  body[data-uri="/"][data-case="thomasinternational"] .page-skill[data-skill="thomasinternational"] .preview-section .link:after {
    background-color: rgba(250, 100, 75, 0.75); }
  body[data-uri="case/thomasinternational"] .page-case[data-case="thomasinternational"] .preview-section .link svg,
  body[data-uri="case/thomasinternational"] .page-skill[data-skill="thomasinternational"] .preview-section .link svg,
  body[data-uri="skill/thomasinternational"] .page-case[data-case="thomasinternational"] .preview-section .link svg,
  body[data-uri="skill/thomasinternational"] .page-skill[data-skill="thomasinternational"] .preview-section .link svg,
  body[data-uri="thomasinternational"] .page-case[data-case="thomasinternational"] .preview-section .link svg,
  body[data-uri="thomasinternational"] .page-skill[data-skill="thomasinternational"] .preview-section .link svg,
  body[data-uri="/"][data-case="thomasinternational"] .page-case[data-case="thomasinternational"] .preview-section .link svg,
  body[data-uri="/"][data-case="thomasinternational"] .page-skill[data-skill="thomasinternational"] .preview-section .link svg {
    fill: #fa644b; }
  body[data-touch="false"] body[data-uri="case/thomasinternational"] .page-case[data-case="thomasinternational"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/thomasinternational"] .page-skill[data-skill="thomasinternational"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/thomasinternational"] .page-case[data-case="thomasinternational"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/thomasinternational"] .page-skill[data-skill="thomasinternational"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="thomasinternational"] .page-case[data-case="thomasinternational"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="thomasinternational"] .page-skill[data-skill="thomasinternational"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="thomasinternational"] .page-case[data-case="thomasinternational"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="thomasinternational"] .page-skill[data-skill="thomasinternational"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video .video-playpause .btn svg,
body[data-uri="thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video .video-playpause .btn svg,
body[data-uri="thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video .video-playpause .btn svg {
  fill: rgba(250, 100, 75, 0.9); }

body[data-uri="case/thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(250, 100, 75, 0.9); }

body[data-uri="case/thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(250, 100, 75, 0.9); }

body[data-uri="case/thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(250, 100, 75, 0.9); }

body[data-uri="case/thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video .video-fullscreen,
body[data-uri="case/thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video .video-fullscreen,
body[data-uri="skill/thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video .video-fullscreen,
body[data-uri="skill/thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video .video-fullscreen,
body[data-uri="thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video .video-fullscreen,
body[data-uri="thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video .video-fullscreen {
  background-color: rgba(250, 100, 75, 0.9); }

body[data-uri="case/thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video.active .video-playpause .btn,
body[data-uri="thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video.active .video-playpause .btn,
body[data-uri="thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(250, 100, 75, 0.9); }
  body[data-uri="case/thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="thomasinternational"] .page-case[data-case="thomasinternational"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="thomasinternational"] .page-skill[data-skill="thomasinternational"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/thomasinternational"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/thomasinternational"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="thomasinternational"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="thomasinternational"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(250, 100, 75, 0.8) !important; }
  body[data-uri="case/thomasinternational"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/thomasinternational"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="thomasinternational"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="thomasinternational"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

body[data-performance="low"] .page-home .cases-section .overview .case[data-case="thomasinternational"] .case-image {
  background-image: url("../img/home/cases/low/thomasinternational.jpg"); }

body[data-performance="high"] .page-home .cases-section .overview .case[data-case="thomasinternational"] .case-image {
  background-image: url("../img/home/cases/thomasinternational.jpg"); }

@media (max-width: 991px) {
  .page-home .cases-section .overview .case[data-case="thomasinternational"] .case-image {
    background-position: left 22.5% center; } }

.page-case[data-case="thomasinternational"] section[data-section="topimage"] {
  background-image: url() !important;
  background-image: url("../img/case/thomasinternational/topimage/background.svg") !important;
  background-size: 100%;
  background-position: center;
  overflow: hidden; }
  @media (max-width: 991px) {
    .page-case[data-case="thomasinternational"] section[data-section="topimage"] {
      background-size: 200%; } }
  @media (max-width: 991px) {
    .page-case[data-case="thomasinternational"] section[data-section="topimage"] .topimage {
      width: 200%;
      left: -50%; } }
  .page-case[data-case="thomasinternational"] section[data-section="topimage"] .topimage .illustration {
    position: absolute;
    bottom: 0%;
    left: 50%;
    -webkit-transform: translate(-50%, 5%);
    -ms-transform: translate(-50%, 5%);
    transform: translate(-50%, 5%);
    width: 100%; }
    .page-case[data-case="thomasinternational"] section[data-section="topimage"] .topimage .illustration img {
      -webkit-animation-fill-mode: both !important;
      animation-fill-mode: both !important; }
      .page-case[data-case="thomasinternational"] section[data-section="topimage"] .topimage .illustration img:nth-of-type(2) {
        -webkit-animation: fadeFromBottom 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
        animation: fadeFromBottom 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms; }
        body.done .page-case[data-case="thomasinternational"] section[data-section="topimage"] .topimage .illustration img:nth-of-type(2) {
          -webkit-animation-delay: 750ms;
          animation-delay: 750ms; }
      .page-case[data-case="thomasinternational"] section[data-section="topimage"] .topimage .illustration img:nth-of-type(3) {
        -webkit-animation: fadeFromBottom 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;
        animation: fadeFromBottom 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms; }
        body.done .page-case[data-case="thomasinternational"] section[data-section="topimage"] .topimage .illustration img:nth-of-type(3) {
          -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms; }
      .page-case[data-case="thomasinternational"] section[data-section="topimage"] .topimage .illustration img:nth-of-type(4) {
        -webkit-animation: fadeFromBottom 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 750ms;
        animation: fadeFromBottom 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 750ms; }
        body.done .page-case[data-case="thomasinternational"] section[data-section="topimage"] .topimage .illustration img:nth-of-type(4) {
          -webkit-animation-delay: 1250ms;
          animation-delay: 1250ms; }
      .page-case[data-case="thomasinternational"] section[data-section="topimage"] .topimage .illustration img:nth-of-type(5) {
        -webkit-animation: fadeFromBottom 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1000ms;
        animation: fadeFromBottom 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1000ms; }
        body.done .page-case[data-case="thomasinternational"] section[data-section="topimage"] .topimage .illustration img:nth-of-type(5) {
          -webkit-animation-delay: 1500ms;
          animation-delay: 1500ms; }
      body.loading .page-case[data-case="thomasinternational"] section[data-section="topimage"] .topimage .illustration img {
        -webkit-animation-play-state: paused !important;
        animation-play-state: paused !important; }
    .page-case[data-case="thomasinternational"] section[data-section="topimage"] .topimage .illustration .layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }

.page-case[data-case="thomasinternational"] section[data-section="intro"] .illustration-1 .ratio-container div {
  position: absolute;
  left: 0;
  top: 0%;
  width: 90%;
  height: 150%;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%; }

.page-case[data-case="thomasinternational"] section[data-section="intro"] .illustration-1 .ratio-container div.cloud {
  background-image: url("../img/case/thomasinternational/illustrations/illustration-1/cloud.svg");
  opacity: 0; }

.page-case[data-case="thomasinternational"] section[data-section="intro"] .illustration-1 .ratio-container div.woman {
  background-image: url("../img/case/thomasinternational/illustrations/illustration-1/woman.svg"); }

.page-case[data-case="thomasinternational"] section[data-section="intro"] .illustration-1 .ratio-container div.crowd {
  background-image: url("../img/case/thomasinternational/illustrations/illustration-1/crowd.svg"); }

body:not(.loading)[data-performance="high"] .page-case[data-case="thomasinternational"] section[data-section="intro"] .illustration-1 .ratio-container .woman {
  -webkit-animation: fadeOut 50ms linear 1500ms;
  animation: fadeOut 50ms linear 1500ms; }

body:not(.loading)[data-performance="high"] .page-case[data-case="thomasinternational"] section[data-section="intro"] .illustration-1 .ratio-container .cloud {
  -webkit-animation: thomasinternationalEmployeeCloud 1250ms linear 1500ms;
  animation: thomasinternationalEmployeeCloud 1250ms linear 1500ms;
  -webkit-transform-origin: 63% 42%;
  -ms-transform-origin: 63% 42%;
  transform-origin: 63% 42%; }

body:not(.loading)[data-performance="high"] .page-case[data-case="thomasinternational"] section[data-section="intro"] .illustration-1 .ratio-container .woman,
body:not(.loading)[data-performance="high"] .page-case[data-case="thomasinternational"] section[data-section="intro"] .illustration-1 .ratio-container .cloud {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.page-case[data-case="thomasinternational"] section[data-section="intro"] .illustration-1.active .ratio-container div {
  -webkit-animation-play-state: running !important;
  animation-play-state: running !important; }

@-webkit-keyframes thomasinternationalEmployeeCloud {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  0.1% {
    opacity: 0.25;
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2); } }

@keyframes thomasinternationalEmployeeCloud {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  0.1% {
    opacity: 0.25;
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2); } }

.page-case[data-case="thomasinternational"] section[data-section="tool"] #curve-scene {
  position: relative; }
  .page-case[data-case="thomasinternational"] section[data-section="tool"] #curve-scene svg {
    position: absolute;
    top: 50%;
    left: 52.5%;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    width: 80% !important;
    height: auto; }

.page-case[data-case="thomasinternational"] section[data-section="illustrations"] .illustration-slider {
  position: relative;
  width: 100%;
  height: -webkit-calc(100vw - 1.875rem);
  height: calc(100vw - 1.875rem); }
  @media (min-width: 1920px) {
    .page-case[data-case="thomasinternational"] section[data-section="illustrations"] .illustration-slider {
      height: 49.125rem;
      height: 53.8125rem; } }

@media (min-width: 1480px) and (max-width: 1919px) {
  .page-case[data-case="thomasinternational"] section[data-section="illustrations"] .illustration-slider {
    height: 43.59375rem;
    height: 48.5625rem; } }

@media (min-width: 1200px) and (max-width: 1479px) {
  .page-case[data-case="thomasinternational"] section[data-section="illustrations"] .illustration-slider {
    height: 37.5rem; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .page-case[data-case="thomasinternational"] section[data-section="illustrations"] .illustration-slider {
    height: 24.9375rem; } }

@media (min-width: 768px) and (max-width: 991px) {
  .page-case[data-case="thomasinternational"] section[data-section="illustrations"] .illustration-slider {
    height: 42.375rem; } }
  .page-case[data-case="thomasinternational"] section[data-section="illustrations"] .illustration-slider .illustration {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0; }
    .page-case[data-case="thomasinternational"] section[data-section="illustrations"] .illustration-slider .illustration img {
      width: 100%;
      height: auto; }
    .page-case[data-case="thomasinternational"] section[data-section="illustrations"] .illustration-slider .illustration.active {
      opacity: 1; }
    @media (min-width: 992px) {
      .page-case[data-case="thomasinternational"] section[data-section="illustrations"] .illustration-slider .illustration.out {
        -webkit-animation: 1s fadeToLeft20 ease-in-out;
        animation: 1s fadeToLeft20 ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both; } }
    @media (max-width: 991px) {
      .page-case[data-case="thomasinternational"] section[data-section="illustrations"] .illustration-slider .illustration.out {
        -webkit-animation: 1s fadeToRight20 ease-in-out;
        animation: 1s fadeToRight20 ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both; } }
    .page-case[data-case="thomasinternational"] section[data-section="illustrations"] .illustration-slider .illustration.in {
      -webkit-animation: 1s fadeFromLeft20 ease-in-out 1s;
      animation: 1s fadeFromLeft20 ease-in-out 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }

body[data-performance="low"] .page-case[data-case="thomasinternational"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/thomasinternational/preview/low/browser-1.jpg"); }

body[data-performance="low"] .page-case[data-case="thomasinternational"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/thomasinternational/preview/low/browser-2.jpg"); }

body[data-performance="low"] .page-case[data-case="thomasinternational"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/thomasinternational/preview/low/browser-3.jpg"); }

body[data-performance="low"] .page-case[data-case="thomasinternational"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/case/thomasinternational/preview/low/browser-4.jpg"); }

body[data-performance="high"] .page-case[data-case="thomasinternational"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/thomasinternational/preview/browser-1.png"); }

body[data-performance="high"] .page-case[data-case="thomasinternational"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/thomasinternational/preview/browser-2.png"); }

body[data-performance="high"] .page-case[data-case="thomasinternational"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/thomasinternational/preview/browser-3.png"); }

body[data-performance="high"] .page-case[data-case="thomasinternational"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/case/thomasinternational/preview/browser-4.png"); }

body.subpage .cases-section .case[data-case="topdanmark"] .case-image,
body.subpage .cases-section .case[data-case="topdanmark"] .skill-image,
body.subpage .skills-section .skill[data-skill="topdanmark"] .case-image,
body.subpage .skills-section .skill[data-skill="topdanmark"] .skill-image {
  background-image: url("../img/cases/topdanmark.jpg"); }
  body.subpage .cases-section .case[data-case="topdanmark"] .case-image:before, body.subpage .cases-section .case[data-case="topdanmark"] .case-image:after,
  body.subpage .cases-section .case[data-case="topdanmark"] .skill-image:before,
  body.subpage .cases-section .case[data-case="topdanmark"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="topdanmark"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="topdanmark"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="topdanmark"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="topdanmark"] .skill-image:after {
    background-color: rgba(250, 150, 50, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="topdanmark"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="topdanmark"]:hover .skill-description {
  border-top-color: #fa9632; }
  body[data-touch="false"].subpage .cases-section .case[data-case="topdanmark"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="topdanmark"]:hover .skill-description h4 {
    color: #fa9632; }

body[data-uri="case/topdanmark"] #navigation-trigger,
body[data-uri="case/topdanmark"] #page-title div,
body[data-uri="case/topdanmark"] #menu,
body[data-uri="case/topdanmark"] #page-close,
body[data-uri="skill/topdanmark"] #navigation-trigger,
body[data-uri="skill/topdanmark"] #page-title div,
body[data-uri="skill/topdanmark"] #menu,
body[data-uri="skill/topdanmark"] #page-close,
body[data-uri="topdanmark"] #navigation-trigger,
body[data-uri="topdanmark"] #page-title div,
body[data-uri="topdanmark"] #menu,
body[data-uri="topdanmark"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"] #page-close {
  background-color: rgba(250, 150, 50, 0.9); }

body[data-uri="case/topdanmark"] #page-close,
body[data-uri="skill/topdanmark"] #page-close,
body[data-uri="topdanmark"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"] #page-close {
  background-color: transparent;
  border-color: #fa9632; }
  body[data-uri="case/topdanmark"] #page-close:before, body[data-uri="case/topdanmark"] #page-close:after,
  body[data-uri="skill/topdanmark"] #page-close:before,
  body[data-uri="skill/topdanmark"] #page-close:after,
  body[data-uri="topdanmark"] #page-close:before,
  body[data-uri="topdanmark"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"] #page-close:after {
    background-color: rgba(250, 150, 50, 0.75); }
  body[data-uri="case/topdanmark"] #page-close svg,
  body[data-uri="skill/topdanmark"] #page-close svg,
  body[data-uri="topdanmark"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"] #page-close svg {
    fill: #fa9632; }

body[data-uri="case/topdanmark"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/topdanmark"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/topdanmark"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/topdanmark"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="topdanmark"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="topdanmark"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #fa9632; }

body[data-uri="case/topdanmark"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/topdanmark"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="topdanmark"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #fa9632; }

body[data-uri="case/topdanmark"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/topdanmark"][data-touch="false"] #page-close:hover svg,
body[data-uri="topdanmark"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/topdanmark"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/topdanmark"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="topdanmark"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #fa9632; }

body[data-uri="case/topdanmark"] a,
body[data-uri="case/topdanmark"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/topdanmark"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/topdanmark"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/topdanmark"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/topdanmark"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/topdanmark"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/topdanmark"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/topdanmark"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/topdanmark"] a,
body[data-uri="skill/topdanmark"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/topdanmark"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/topdanmark"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/topdanmark"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/topdanmark"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/topdanmark"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/topdanmark"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/topdanmark"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="topdanmark"] a,
body[data-uri="topdanmark"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="topdanmark"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="topdanmark"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="topdanmark"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="topdanmark"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="topdanmark"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="topdanmark"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="topdanmark"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #fa9632; }

body[data-uri="case/topdanmark"] .loader:before, body[data-uri="case/topdanmark"] .loader:after,
body[data-uri="skill/topdanmark"] .loader:before,
body[data-uri="skill/topdanmark"] .loader:after,
body[data-uri="topdanmark"] .loader:before,
body[data-uri="topdanmark"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="topdanmark"] .loader:after {
  background-color: #fa9632; }

section#cases .case[data-case="topdanmark"] .down svg {
  stroke: #fa9632; }

body[data-uri="case/topdanmark"] section#cases .description-box,
body[data-uri="skill/topdanmark"] section#cases .description-box,
body[data-uri="topdanmark"] section#cases .description-box,
body[data-uri="/"][data-case="topdanmark"] section#cases .description-box {
  background-color: rgba(250, 150, 50, 0.9); }
  body[data-uri="case/topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"],
  body[data-uri="skill/topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"],
  body[data-uri="topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"],
  body[data-uri="/"][data-case="topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div,
    body[data-uri="skill/topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div,
    body[data-uri="topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div,
    body[data-uri="/"][data-case="topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(1),
    body[data-uri="skill/topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(1),
    body[data-uri="topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(2),
    body[data-uri="skill/topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(2),
    body[data-uri="topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(3),
    body[data-uri="skill/topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(3),
    body[data-uri="topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(4),
    body[data-uri="skill/topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(4),
    body[data-uri="topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(5),
    body[data-uri="skill/topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(5),
    body[data-uri="topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(6),
    body[data-uri="skill/topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(6),
    body[data-uri="topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="topdanmark"] section#cases .description-box .case-description[data-case="topdanmark"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/topdanmark"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/topdanmark"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="topdanmark"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="topdanmark"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #fa9632; }

body[data-uri="case/topdanmark"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/topdanmark"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="topdanmark"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="topdanmark"][data-touch="false"] section#cases .description-box:hover .text {
  color: #fa9632; }
  body[data-uri="case/topdanmark"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/topdanmark"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="topdanmark"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="topdanmark"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #fa9632 !important; }
  body[data-uri="case/topdanmark"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/topdanmark"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="topdanmark"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="topdanmark"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #fa9632 !important; }

body[data-uri="case/topdanmark"] .page-case[data-case="topdanmark"] .color-primary,
body[data-uri="case/topdanmark"] .page-skill[data-skill="topdanmark"] .color-primary,
body[data-uri="skill/topdanmark"] .page-case[data-case="topdanmark"] .color-primary,
body[data-uri="skill/topdanmark"] .page-skill[data-skill="topdanmark"] .color-primary,
body[data-uri="topdanmark"] .page-case[data-case="topdanmark"] .color-primary,
body[data-uri="topdanmark"] .page-skill[data-skill="topdanmark"] .color-primary,
body[data-uri="/"][data-case="topdanmark"] .page-case[data-case="topdanmark"] .color-primary,
body[data-uri="/"][data-case="topdanmark"] .page-skill[data-skill="topdanmark"] .color-primary {
  color: #fa9632; }

body[data-uri="case/topdanmark"] .page-case[data-case="topdanmark"] .color-white,
body[data-uri="case/topdanmark"] .page-skill[data-skill="topdanmark"] .color-white,
body[data-uri="skill/topdanmark"] .page-case[data-case="topdanmark"] .color-white,
body[data-uri="skill/topdanmark"] .page-skill[data-skill="topdanmark"] .color-white,
body[data-uri="topdanmark"] .page-case[data-case="topdanmark"] .color-white,
body[data-uri="topdanmark"] .page-skill[data-skill="topdanmark"] .color-white,
body[data-uri="/"][data-case="topdanmark"] .page-case[data-case="topdanmark"] .color-white,
body[data-uri="/"][data-case="topdanmark"] .page-skill[data-skill="topdanmark"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/topdanmark"] .page-case[data-case="topdanmark"] .bg-primary,
body[data-uri="case/topdanmark"] .page-skill[data-skill="topdanmark"] .bg-primary,
body[data-uri="skill/topdanmark"] .page-case[data-case="topdanmark"] .bg-primary,
body[data-uri="skill/topdanmark"] .page-skill[data-skill="topdanmark"] .bg-primary,
body[data-uri="topdanmark"] .page-case[data-case="topdanmark"] .bg-primary,
body[data-uri="topdanmark"] .page-skill[data-skill="topdanmark"] .bg-primary,
body[data-uri="/"][data-case="topdanmark"] .page-case[data-case="topdanmark"] .bg-primary,
body[data-uri="/"][data-case="topdanmark"] .page-skill[data-skill="topdanmark"] .bg-primary {
  background-color: #fa9632 !important; }

body[data-uri="case/topdanmark"] .page-case[data-case="topdanmark"] .topimage-section .down svg,
body[data-uri="case/topdanmark"] .page-skill[data-skill="topdanmark"] .topimage-section .down svg,
body[data-uri="skill/topdanmark"] .page-case[data-case="topdanmark"] .topimage-section .down svg,
body[data-uri="skill/topdanmark"] .page-skill[data-skill="topdanmark"] .topimage-section .down svg,
body[data-uri="topdanmark"] .page-case[data-case="topdanmark"] .topimage-section .down svg,
body[data-uri="topdanmark"] .page-skill[data-skill="topdanmark"] .topimage-section .down svg,
body[data-uri="/"][data-case="topdanmark"] .page-case[data-case="topdanmark"] .topimage-section .down svg,
body[data-uri="/"][data-case="topdanmark"] .page-skill[data-skill="topdanmark"] .topimage-section .down svg {
  stroke: #fa9632; }

body[data-uri="case/topdanmark"] .page-case[data-case="topdanmark"] .textbox-bordered,
body[data-uri="case/topdanmark"] .page-skill[data-skill="topdanmark"] .textbox-bordered,
body[data-uri="skill/topdanmark"] .page-case[data-case="topdanmark"] .textbox-bordered,
body[data-uri="skill/topdanmark"] .page-skill[data-skill="topdanmark"] .textbox-bordered,
body[data-uri="topdanmark"] .page-case[data-case="topdanmark"] .textbox-bordered,
body[data-uri="topdanmark"] .page-skill[data-skill="topdanmark"] .textbox-bordered,
body[data-uri="/"][data-case="topdanmark"] .page-case[data-case="topdanmark"] .textbox-bordered,
body[data-uri="/"][data-case="topdanmark"] .page-skill[data-skill="topdanmark"] .textbox-bordered {
  border-top-color: #fa9632; }

body[data-uri="case/topdanmark"] .page-case[data-case="topdanmark"] .textbox-background,
body[data-uri="case/topdanmark"] .page-skill[data-skill="topdanmark"] .textbox-background,
body[data-uri="skill/topdanmark"] .page-case[data-case="topdanmark"] .textbox-background,
body[data-uri="skill/topdanmark"] .page-skill[data-skill="topdanmark"] .textbox-background,
body[data-uri="topdanmark"] .page-case[data-case="topdanmark"] .textbox-background,
body[data-uri="topdanmark"] .page-skill[data-skill="topdanmark"] .textbox-background,
body[data-uri="/"][data-case="topdanmark"] .page-case[data-case="topdanmark"] .textbox-background,
body[data-uri="/"][data-case="topdanmark"] .page-skill[data-skill="topdanmark"] .textbox-background {
  background-color: rgba(250, 150, 50, 0.9); }

body[data-uri="case/topdanmark"] .page-case[data-case="topdanmark"] .preview-section .link,
body[data-uri="case/topdanmark"] .page-skill[data-skill="topdanmark"] .preview-section .link,
body[data-uri="skill/topdanmark"] .page-case[data-case="topdanmark"] .preview-section .link,
body[data-uri="skill/topdanmark"] .page-skill[data-skill="topdanmark"] .preview-section .link,
body[data-uri="topdanmark"] .page-case[data-case="topdanmark"] .preview-section .link,
body[data-uri="topdanmark"] .page-skill[data-skill="topdanmark"] .preview-section .link,
body[data-uri="/"][data-case="topdanmark"] .page-case[data-case="topdanmark"] .preview-section .link,
body[data-uri="/"][data-case="topdanmark"] .page-skill[data-skill="topdanmark"] .preview-section .link {
  background-color: transparent;
  border-color: #fa9632; }
  body[data-uri="case/topdanmark"] .page-case[data-case="topdanmark"] .preview-section .link:before, body[data-uri="case/topdanmark"] .page-case[data-case="topdanmark"] .preview-section .link:after,
  body[data-uri="case/topdanmark"] .page-skill[data-skill="topdanmark"] .preview-section .link:before,
  body[data-uri="case/topdanmark"] .page-skill[data-skill="topdanmark"] .preview-section .link:after,
  body[data-uri="skill/topdanmark"] .page-case[data-case="topdanmark"] .preview-section .link:before,
  body[data-uri="skill/topdanmark"] .page-case[data-case="topdanmark"] .preview-section .link:after,
  body[data-uri="skill/topdanmark"] .page-skill[data-skill="topdanmark"] .preview-section .link:before,
  body[data-uri="skill/topdanmark"] .page-skill[data-skill="topdanmark"] .preview-section .link:after,
  body[data-uri="topdanmark"] .page-case[data-case="topdanmark"] .preview-section .link:before,
  body[data-uri="topdanmark"] .page-case[data-case="topdanmark"] .preview-section .link:after,
  body[data-uri="topdanmark"] .page-skill[data-skill="topdanmark"] .preview-section .link:before,
  body[data-uri="topdanmark"] .page-skill[data-skill="topdanmark"] .preview-section .link:after,
  body[data-uri="/"][data-case="topdanmark"] .page-case[data-case="topdanmark"] .preview-section .link:before,
  body[data-uri="/"][data-case="topdanmark"] .page-case[data-case="topdanmark"] .preview-section .link:after,
  body[data-uri="/"][data-case="topdanmark"] .page-skill[data-skill="topdanmark"] .preview-section .link:before,
  body[data-uri="/"][data-case="topdanmark"] .page-skill[data-skill="topdanmark"] .preview-section .link:after {
    background-color: rgba(250, 150, 50, 0.75); }
  body[data-uri="case/topdanmark"] .page-case[data-case="topdanmark"] .preview-section .link svg,
  body[data-uri="case/topdanmark"] .page-skill[data-skill="topdanmark"] .preview-section .link svg,
  body[data-uri="skill/topdanmark"] .page-case[data-case="topdanmark"] .preview-section .link svg,
  body[data-uri="skill/topdanmark"] .page-skill[data-skill="topdanmark"] .preview-section .link svg,
  body[data-uri="topdanmark"] .page-case[data-case="topdanmark"] .preview-section .link svg,
  body[data-uri="topdanmark"] .page-skill[data-skill="topdanmark"] .preview-section .link svg,
  body[data-uri="/"][data-case="topdanmark"] .page-case[data-case="topdanmark"] .preview-section .link svg,
  body[data-uri="/"][data-case="topdanmark"] .page-skill[data-skill="topdanmark"] .preview-section .link svg {
    fill: #fa9632; }
  body[data-touch="false"] body[data-uri="case/topdanmark"] .page-case[data-case="topdanmark"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/topdanmark"] .page-skill[data-skill="topdanmark"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/topdanmark"] .page-case[data-case="topdanmark"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/topdanmark"] .page-skill[data-skill="topdanmark"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="topdanmark"] .page-case[data-case="topdanmark"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="topdanmark"] .page-skill[data-skill="topdanmark"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="topdanmark"] .page-case[data-case="topdanmark"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="topdanmark"] .page-skill[data-skill="topdanmark"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/topdanmark"] .page-case[data-case="topdanmark"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/topdanmark"] .page-case[data-case="topdanmark"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video .video-playpause .btn svg,
body[data-uri="topdanmark"] .page-case[data-case="topdanmark"] .video-section .video .video-playpause .btn svg,
body[data-uri="topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="topdanmark"] .page-case[data-case="topdanmark"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video .video-playpause .btn svg {
  fill: rgba(250, 150, 50, 0.9); }

body[data-uri="case/topdanmark"] .page-case[data-case="topdanmark"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/topdanmark"] .page-case[data-case="topdanmark"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="topdanmark"] .page-case[data-case="topdanmark"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="topdanmark"] .page-case[data-case="topdanmark"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(250, 150, 50, 0.9); }

body[data-uri="case/topdanmark"] .page-case[data-case="topdanmark"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/topdanmark"] .page-case[data-case="topdanmark"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="topdanmark"] .page-case[data-case="topdanmark"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="topdanmark"] .page-case[data-case="topdanmark"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(250, 150, 50, 0.9); }

body[data-uri="case/topdanmark"] .page-case[data-case="topdanmark"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/topdanmark"] .page-case[data-case="topdanmark"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="topdanmark"] .page-case[data-case="topdanmark"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="topdanmark"] .page-case[data-case="topdanmark"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(250, 150, 50, 0.9); }

body[data-uri="case/topdanmark"] .page-case[data-case="topdanmark"] .video-section .video .video-fullscreen,
body[data-uri="case/topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video .video-fullscreen,
body[data-uri="skill/topdanmark"] .page-case[data-case="topdanmark"] .video-section .video .video-fullscreen,
body[data-uri="skill/topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video .video-fullscreen,
body[data-uri="topdanmark"] .page-case[data-case="topdanmark"] .video-section .video .video-fullscreen,
body[data-uri="topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="topdanmark"] .page-case[data-case="topdanmark"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video .video-fullscreen {
  background-color: rgba(250, 150, 50, 0.9); }

body[data-uri="case/topdanmark"] .page-case[data-case="topdanmark"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/topdanmark"] .page-case[data-case="topdanmark"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video.active .video-playpause .btn,
body[data-uri="topdanmark"] .page-case[data-case="topdanmark"] .video-section .video.active .video-playpause .btn,
body[data-uri="topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="topdanmark"] .page-case[data-case="topdanmark"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(250, 150, 50, 0.9); }
  body[data-uri="case/topdanmark"] .page-case[data-case="topdanmark"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/topdanmark"] .page-case[data-case="topdanmark"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="topdanmark"] .page-case[data-case="topdanmark"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="topdanmark"] .page-case[data-case="topdanmark"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="topdanmark"] .page-skill[data-skill="topdanmark"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/topdanmark"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/topdanmark"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="topdanmark"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="topdanmark"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(250, 150, 50, 0.8) !important; }
  body[data-uri="case/topdanmark"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/topdanmark"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="topdanmark"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="topdanmark"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-case[data-case="topdanmark"] section[data-section="topimage"] {
  background-color: #f2f2f2; }
  .page-case[data-case="topdanmark"] section[data-section="topimage"] .topimage {
    background-image: url("../img/case/topdanmark/topimage/topimage.png");
    background-size: contain; }
    @media (max-width: 991px) {
      .page-case[data-case="topdanmark"] section[data-section="topimage"] .topimage {
        width: 150%;
        left: -25%; } }

@media (min-width: 1200px) and (max-width: 1479px) {
  .page-case[data-case="topdanmark"] section[data-section="products"] .textbox-bordered {
    margin-top: 3.75rem; } }

@media (min-width: 1480px) and (max-width: 1919px) {
  .page-case[data-case="topdanmark"] section[data-section="products"] .textbox-bordered {
    margin-top: 20.625rem; } }

@media (min-width: 1920px) {
  .page-case[data-case="topdanmark"] section[data-section="products"] .textbox-bordered {
    margin-top: 30rem; } }

body[data-performance="low"] .page-case[data-case="topdanmark"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/topdanmark/preview/low/browser-1.jpg"); }

body[data-performance="low"] .page-case[data-case="topdanmark"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/topdanmark/preview/low/browser-2.jpg"); }

body[data-performance="low"] .page-case[data-case="topdanmark"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/topdanmark/preview/low/browser-3.jpg"); }

body[data-performance="high"] .page-case[data-case="topdanmark"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/topdanmark/preview/browser-1.png"); }

body[data-performance="high"] .page-case[data-case="topdanmark"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/topdanmark/preview/browser-2.png"); }

body[data-performance="high"] .page-case[data-case="topdanmark"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/topdanmark/preview/browser-3.png"); }

.page-case[data-case="topdanmark"] section[data-section="topimage"] {
  background-color: #d5e7f7; }

.page-case[data-case="topdanmark"] section {
  position: relative; }
  .page-case[data-case="topdanmark"] section .timeline {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none; }
    @media (max-width: 991px) {
      .page-case[data-case="topdanmark"] section .timeline {
        display: none; } }
    .page-case[data-case="topdanmark"] section .timeline .line {
      position: absolute;
      top: 0;
      left: 50%;
      height: 100%;
      width: 0.625rem;
      width: 4px;
      background-color: #3f799b;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
    .page-case[data-case="topdanmark"] section .timeline .title {
      position: absolute;
      top: 15rem;
      color: #3f799b;
      border: 4px solid #fff;
      font-size: 2.5rem;
      white-space: nowrap;
      -webkit-border-radius: 0.625rem;
      border-radius: 0.625rem;
      background-color: #fff;
      padding: 0.9375rem 1.875rem;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      .page-case[data-case="topdanmark"] section .timeline .title:after {
        content: '';
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-top: 1.875rem solid transparent;
        border-bottom: 1.875rem solid transparent; }
      .page-case[data-case="topdanmark"] section .timeline .title.left {
        right: 2.8125rem; }
        .page-case[data-case="topdanmark"] section .timeline .title.left:after {
          right: -20px;
          border-left: 1.875rem solid #fff; }
      .page-case[data-case="topdanmark"] section .timeline .title.right {
        left: 2.8125rem; }
        .page-case[data-case="topdanmark"] section .timeline .title.right:after {
          left: -20px;
          border-right: 1.875rem solid #fff; }
    .page-case[data-case="topdanmark"] section .timeline .dot {
      position: absolute;
      top: 15rem;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 1.875rem;
      height: 1.875rem;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      border: 4px solid #3f799b; }
      .page-case[data-case="topdanmark"] section .timeline .dot:nth-of-type(2) {
        top: -webkit-calc(25% + 7.5rem);
        top: calc(25% + 7.5rem); }
      .page-case[data-case="topdanmark"] section .timeline .dot:nth-of-type(3) {
        top: 50%; }
      .page-case[data-case="topdanmark"] section .timeline .dot:nth-of-type(4) {
        top: -webkit-calc(75% - 7.5rem);
        top: calc(75% - 7.5rem); }
      .page-case[data-case="topdanmark"] section .timeline .dot:nth-of-type(5) {
        top: -webkit-calc(100% - 15rem);
        top: calc(100% - 15rem); }

.page-case[data-case="topdanmark"] section[data-section="sickness"] {
  background-color: #d5e7f7;
  background: -webkit-gradient(linear, left top, left bottom, from(#d5e7f7), color-stop(80%, #d5e7f7), to(#e4edf5));
  background: linear-gradient(#d5e7f7 0%, #d5e7f7 80%, #e4edf5 100%); }
  @media (min-width: 992px) {
    .page-case[data-case="topdanmark"] section[data-section="sickness"] {
      padding-top: 15rem;
      padding-bottom: 15rem; } }
  @media (min-width: 1920px) {
    .page-case[data-case="topdanmark"] section[data-section="sickness"] .textbox-bordered {
      margin-top: 11.25rem; } }

@media (min-width: 992px) and (max-width: 1919px) {
  .page-case[data-case="topdanmark"] section[data-section="sickness"] .textbox-bordered {
    margin-top: 7.5rem; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .page-case[data-case="topdanmark"] section[data-section="sickness"] .illustration {
    margin-top: 11.25rem; } }
  .page-case[data-case="topdanmark"] section[data-section="sickness"] .illustration.play img:nth-of-type(2) {
    -webkit-animation: topdanmarkAmbulance 2000ms cubic-bezier(0.645, 0.045, 0.355, 1) 2000ms;
    animation: topdanmarkAmbulance 2000ms cubic-bezier(0.645, 0.045, 0.355, 1) 2000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .page-case[data-case="topdanmark"] section[data-section="sickness"] .timeline .line {
    top: 3.75rem;
    -webkit-border-radius: 1.875rem 1.875rem 0 0;
    border-radius: 1.875rem 1.875rem 0 0; }
  .page-case[data-case="topdanmark"] section[data-section="sickness"] .timeline .dot {
    background-color: #d5e7f7; }

.page-case[data-case="topdanmark"] section[data-section="death"] {
  background-color: #f2f2f2;
  background: -webkit-gradient(linear, left top, left bottom, from(#e4edf5), color-stop(20%, #f2f2f2), color-stop(80%, #f2f2f2), to(#e5ecd1));
  background: linear-gradient(#e4edf5 0%, #f2f2f2 20%, #f2f2f2 80%, #e5ecd1 100%); }
  @media (min-width: 992px) {
    .page-case[data-case="topdanmark"] section[data-section="death"] {
      padding-top: 15rem;
      padding-bottom: 15rem; } }
  @media (min-width: 1920px) {
    .page-case[data-case="topdanmark"] section[data-section="death"] .textbox-bordered {
      margin-top: 11.25rem; } }

@media (min-width: 992px) and (max-width: 1919px) {
  .page-case[data-case="topdanmark"] section[data-section="death"] .textbox-bordered {
    margin-top: 7.5rem; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .page-case[data-case="topdanmark"] section[data-section="death"] .illustration {
    margin-top: 1.875rem; } }
  .page-case[data-case="topdanmark"] section[data-section="death"] .illustration img:nth-of-type(3),
  .page-case[data-case="topdanmark"] section[data-section="death"] .illustration img:nth-of-type(4),
  .page-case[data-case="topdanmark"] section[data-section="death"] .illustration img:nth-of-type(5) {
    opacity: 0; }
  .page-case[data-case="topdanmark"] section[data-section="death"] .illustration.play img:nth-of-type(2) {
    -webkit-animation: topdanmarkScaleOut 250ms linear 2000ms;
    animation: topdanmarkScaleOut 250ms linear 2000ms;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .page-case[data-case="topdanmark"] section[data-section="death"] .illustration.play img:nth-of-type(3) {
    -webkit-animation: topdanmarkScaleIn 250ms linear 2000ms;
    animation: topdanmarkScaleIn 250ms linear 2000ms;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .page-case[data-case="topdanmark"] section[data-section="death"] .illustration.play img:nth-of-type(4) {
    -webkit-animation: topdanmarkBubble 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 2250ms;
    animation: topdanmarkBubble 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 2250ms;
    -webkit-transform-origin: 30% 35%;
    -ms-transform-origin: 30% 35%;
    transform-origin: 30% 35%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .page-case[data-case="topdanmark"] section[data-section="death"] .illustration.play img:nth-of-type(5) {
    -webkit-animation: topdanmarkBubble 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 2500ms;
    animation: topdanmarkBubble 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 2500ms;
    -webkit-transform-origin: 70% 30%;
    -ms-transform-origin: 70% 30%;
    transform-origin: 70% 30%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .page-case[data-case="topdanmark"] section[data-section="death"] .timeline .dot {
    background-color: #f2f2f2; }

.page-case[data-case="topdanmark"] section[data-section="pension"] {
  background-color: #d8e6b0;
  background: -webkit-gradient(linear, left top, left bottom, from(#e5ecd1), color-stop(20%, #d8e6b0), to(#d8e6b0));
  background: linear-gradient(#e5ecd1 0%, #d8e6b0 20%, #d8e6b0 100%); }
  @media (min-width: 992px) {
    .page-case[data-case="topdanmark"] section[data-section="pension"] {
      padding-top: 15rem;
      padding-bottom: 15rem; } }
  @media (min-width: 1920px) {
    .page-case[data-case="topdanmark"] section[data-section="pension"] .textbox-bordered {
      margin-top: 11.25rem; } }

@media (min-width: 992px) and (max-width: 1919px) {
  .page-case[data-case="topdanmark"] section[data-section="pension"] .textbox-bordered {
    margin-top: 7.5rem; } }
  .page-case[data-case="topdanmark"] section[data-section="pension"] .illustration img:nth-of-type(4),
  .page-case[data-case="topdanmark"] section[data-section="pension"] .illustration img:nth-of-type(5),
  .page-case[data-case="topdanmark"] section[data-section="pension"] .illustration img:nth-of-type(6) {
    opacity: 0; }
  .page-case[data-case="topdanmark"] section[data-section="pension"] .illustration.play img:nth-of-type(1) {
    -webkit-animation: topdanmarkScaleOut 200ms linear 2000ms;
    animation: topdanmarkScaleOut 200ms linear 2000ms;
    -webkit-transform-origin: 60% 50%;
    -ms-transform-origin: 60% 50%;
    transform-origin: 60% 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .page-case[data-case="topdanmark"] section[data-section="pension"] .illustration.play img:nth-of-type(2) {
    -webkit-animation: topdanmarkScaleOut 200ms linear 2250ms;
    animation: topdanmarkScaleOut 200ms linear 2250ms;
    -webkit-transform-origin: 20% 50%;
    -ms-transform-origin: 20% 50%;
    transform-origin: 20% 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .page-case[data-case="topdanmark"] section[data-section="pension"] .illustration.play img:nth-of-type(3) {
    -webkit-animation: topdanmarkScaleOut 200ms linear 2500ms;
    animation: topdanmarkScaleOut 200ms linear 2500ms;
    -webkit-transform-origin: 75% 50%;
    -ms-transform-origin: 75% 50%;
    transform-origin: 75% 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .page-case[data-case="topdanmark"] section[data-section="pension"] .illustration.play img:nth-of-type(4) {
    -webkit-animation: topdanmarkScaleIn 200ms linear 2000ms;
    animation: topdanmarkScaleIn 200ms linear 2000ms;
    -webkit-transform-origin: 60% 50%;
    -ms-transform-origin: 60% 50%;
    transform-origin: 60% 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .page-case[data-case="topdanmark"] section[data-section="pension"] .illustration.play img:nth-of-type(5) {
    -webkit-animation: topdanmarkScaleIn 200ms linear 2250ms;
    animation: topdanmarkScaleIn 200ms linear 2250ms;
    -webkit-transform-origin: 20% 50%;
    -ms-transform-origin: 20% 50%;
    transform-origin: 20% 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .page-case[data-case="topdanmark"] section[data-section="pension"] .illustration.play img:nth-of-type(6) {
    -webkit-animation: topdanmarkScaleIn 200ms linear 2500ms;
    animation: topdanmarkScaleIn 200ms linear 2500ms;
    -webkit-transform-origin: 75% 50%;
    -ms-transform-origin: 75% 50%;
    transform-origin: 75% 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .page-case[data-case="topdanmark"] section[data-section="pension"] .timeline .line {
    top: -3.75rem;
    -webkit-border-radius: 0 0 1.875rem 1.875rem;
    border-radius: 0 0 1.875rem 1.875rem; }
  .page-case[data-case="topdanmark"] section[data-section="pension"] .timeline .dot {
    background-color: #d8e6b0; }

@media (min-width: 1920px) {
  .page-case[data-case="topdanmark"] section[data-section="popups"] .textbox-bordered {
    margin-top: 11.25rem; } }

@media (min-width: 1480px) and (max-width: 1919px) {
  .page-case[data-case="topdanmark"] section[data-section="popups"] .textbox-bordered {
    margin-top: 3.75rem; } }

.page-case[data-case="topdanmark"] section[data-section="popups"] .illustration-slider {
  position: relative;
  width: 100%;
  height: -webkit-calc(100vw - 1.875rem);
  height: calc(100vw - 1.875rem); }
  @media (min-width: 1920px) {
    .page-case[data-case="topdanmark"] section[data-section="popups"] .illustration-slider {
      height: 45rem; } }

@media (min-width: 1480px) and (max-width: 1919px) {
  .page-case[data-case="topdanmark"] section[data-section="popups"] .illustration-slider {
    height: 34.36875rem; } }

@media (min-width: 1200px) and (max-width: 1479px) {
  .page-case[data-case="topdanmark"] section[data-section="popups"] .illustration-slider {
    height: 30.75rem; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .page-case[data-case="topdanmark"] section[data-section="popups"] .illustration-slider {
    height: 24.75rem; } }

@media (min-width: 768px) and (max-width: 991px) {
  .page-case[data-case="topdanmark"] section[data-section="popups"] .illustration-slider {
    height: 35.30625rem; } }
  .page-case[data-case="topdanmark"] section[data-section="popups"] .illustration-slider .illustration {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0; }
    .page-case[data-case="topdanmark"] section[data-section="popups"] .illustration-slider .illustration img {
      width: 100%;
      height: auto; }
    .page-case[data-case="topdanmark"] section[data-section="popups"] .illustration-slider .illustration.active {
      opacity: 1; }
    .page-case[data-case="topdanmark"] section[data-section="popups"] .illustration-slider .illustration.out {
      -webkit-animation: 1s fadeOut ease-in-out;
      animation: 1s fadeOut ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    .page-case[data-case="topdanmark"] section[data-section="popups"] .illustration-slider .illustration.in {
      -webkit-animation: 1s fadeIn ease-in-out 500ms;
      animation: 1s fadeIn ease-in-out 500ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }

@-webkit-keyframes topdanmarkAmbulance {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
  100% {
    -webkit-transform: translate(200%, 0%);
    transform: translate(200%, 0%); } }

@keyframes topdanmarkAmbulance {
  0% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
  100% {
    -webkit-transform: translate(200%, 0%);
    transform: translate(200%, 0%); } }

@-webkit-keyframes topdanmarkBubble {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes topdanmarkBubble {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes topdanmarkScaleOut {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1; }
  49.99% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1; }
  50% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0; }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 0; } }

@keyframes topdanmarkScaleOut {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1; }
  49.99% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1; }
  50% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0; }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 0; } }

@-webkit-keyframes topdanmarkScaleIn {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 0; }
  49.99% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0; }
  50% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1; }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1; } }

@keyframes topdanmarkScaleIn {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 0; }
  49.99% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0; }
  50% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1; }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1; } }

body.subpage .cases-section .case[data-case="base"] .case-image,
body.subpage .cases-section .case[data-case="base"] .skill-image,
body.subpage .skills-section .skill[data-skill="base"] .case-image,
body.subpage .skills-section .skill[data-skill="base"] .skill-image {
  background-image: url("../img/cases/base.svg"); }
  body.subpage .cases-section .case[data-case="base"] .case-image:before, body.subpage .cases-section .case[data-case="base"] .case-image:after,
  body.subpage .cases-section .case[data-case="base"] .skill-image:before,
  body.subpage .cases-section .case[data-case="base"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="base"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="base"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="base"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="base"] .skill-image:after {
    background-color: rgba(72, 81, 86, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="base"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="base"]:hover .skill-description {
  border-top-color: #485156; }
  body[data-touch="false"].subpage .cases-section .case[data-case="base"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="base"]:hover .skill-description h4 {
    color: #485156; }

body[data-uri="case/base"] #navigation-trigger,
body[data-uri="case/base"] #page-title div,
body[data-uri="case/base"] #menu,
body[data-uri="case/base"] #page-close,
body[data-uri="skill/base"] #navigation-trigger,
body[data-uri="skill/base"] #page-title div,
body[data-uri="skill/base"] #menu,
body[data-uri="skill/base"] #page-close,
body[data-uri="base"] #navigation-trigger,
body[data-uri="base"] #page-title div,
body[data-uri="base"] #menu,
body[data-uri="base"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="base"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="base"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="base"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="base"] #page-close {
  background-color: rgba(72, 81, 86, 0.9); }

body[data-uri="case/base"] #page-close,
body[data-uri="skill/base"] #page-close,
body[data-uri="base"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="base"] #page-close {
  background-color: transparent;
  border-color: #485156; }
  body[data-uri="case/base"] #page-close:before, body[data-uri="case/base"] #page-close:after,
  body[data-uri="skill/base"] #page-close:before,
  body[data-uri="skill/base"] #page-close:after,
  body[data-uri="base"] #page-close:before,
  body[data-uri="base"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="base"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="base"] #page-close:after {
    background-color: rgba(72, 81, 86, 0.75); }
  body[data-uri="case/base"] #page-close svg,
  body[data-uri="skill/base"] #page-close svg,
  body[data-uri="base"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="base"] #page-close svg {
    fill: #485156; }

body[data-uri="case/base"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/base"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/base"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/base"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="base"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="base"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="base"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="base"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #485156; }

body[data-uri="case/base"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/base"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="base"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="base"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #485156; }

body[data-uri="case/base"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/base"][data-touch="false"] #page-close:hover svg,
body[data-uri="base"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="base"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/base"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/base"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="base"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="base"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #485156; }

body[data-uri="case/base"] a,
body[data-uri="case/base"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/base"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/base"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/base"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/base"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/base"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/base"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/base"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/base"] a,
body[data-uri="skill/base"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/base"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/base"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/base"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/base"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/base"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/base"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/base"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="base"] a,
body[data-uri="base"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="base"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="base"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="base"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="base"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="base"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="base"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="base"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="base"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="base"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="base"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="base"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="base"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="base"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="base"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="base"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="base"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #485156; }

body[data-uri="case/base"] .loader:before, body[data-uri="case/base"] .loader:after,
body[data-uri="skill/base"] .loader:before,
body[data-uri="skill/base"] .loader:after,
body[data-uri="base"] .loader:before,
body[data-uri="base"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="base"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="base"] .loader:after {
  background-color: #485156; }

section#cases .case[data-case="base"] .down svg {
  stroke: #485156; }

body[data-uri="case/base"] section#cases .description-box,
body[data-uri="skill/base"] section#cases .description-box,
body[data-uri="base"] section#cases .description-box,
body[data-uri="/"][data-case="base"] section#cases .description-box {
  background-color: rgba(72, 81, 86, 0.9); }
  body[data-uri="case/base"] section#cases .description-box .case-description[data-case="base"],
  body[data-uri="skill/base"] section#cases .description-box .case-description[data-case="base"],
  body[data-uri="base"] section#cases .description-box .case-description[data-case="base"],
  body[data-uri="/"][data-case="base"] section#cases .description-box .case-description[data-case="base"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/base"] section#cases .description-box .case-description[data-case="base"] .text div,
    body[data-uri="skill/base"] section#cases .description-box .case-description[data-case="base"] .text div,
    body[data-uri="base"] section#cases .description-box .case-description[data-case="base"] .text div,
    body[data-uri="/"][data-case="base"] section#cases .description-box .case-description[data-case="base"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(1),
    body[data-uri="skill/base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(1),
    body[data-uri="base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(2),
    body[data-uri="skill/base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(2),
    body[data-uri="base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(3),
    body[data-uri="skill/base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(3),
    body[data-uri="base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(4),
    body[data-uri="skill/base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(4),
    body[data-uri="base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(5),
    body[data-uri="skill/base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(5),
    body[data-uri="base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(6),
    body[data-uri="skill/base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(6),
    body[data-uri="base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="base"] section#cases .description-box .case-description[data-case="base"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/base"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/base"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="base"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="base"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #485156; }

body[data-uri="case/base"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/base"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="base"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="base"][data-touch="false"] section#cases .description-box:hover .text {
  color: #485156; }
  body[data-uri="case/base"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/base"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="base"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="base"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #485156 !important; }
  body[data-uri="case/base"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/base"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="base"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="base"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #485156 !important; }

body[data-uri="case/base"] .page-case[data-case="base"] .color-primary,
body[data-uri="case/base"] .page-skill[data-skill="base"] .color-primary,
body[data-uri="skill/base"] .page-case[data-case="base"] .color-primary,
body[data-uri="skill/base"] .page-skill[data-skill="base"] .color-primary,
body[data-uri="base"] .page-case[data-case="base"] .color-primary,
body[data-uri="base"] .page-skill[data-skill="base"] .color-primary,
body[data-uri="/"][data-case="base"] .page-case[data-case="base"] .color-primary,
body[data-uri="/"][data-case="base"] .page-skill[data-skill="base"] .color-primary {
  color: #485156; }

body[data-uri="case/base"] .page-case[data-case="base"] .color-white,
body[data-uri="case/base"] .page-skill[data-skill="base"] .color-white,
body[data-uri="skill/base"] .page-case[data-case="base"] .color-white,
body[data-uri="skill/base"] .page-skill[data-skill="base"] .color-white,
body[data-uri="base"] .page-case[data-case="base"] .color-white,
body[data-uri="base"] .page-skill[data-skill="base"] .color-white,
body[data-uri="/"][data-case="base"] .page-case[data-case="base"] .color-white,
body[data-uri="/"][data-case="base"] .page-skill[data-skill="base"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/base"] .page-case[data-case="base"] .bg-primary,
body[data-uri="case/base"] .page-skill[data-skill="base"] .bg-primary,
body[data-uri="skill/base"] .page-case[data-case="base"] .bg-primary,
body[data-uri="skill/base"] .page-skill[data-skill="base"] .bg-primary,
body[data-uri="base"] .page-case[data-case="base"] .bg-primary,
body[data-uri="base"] .page-skill[data-skill="base"] .bg-primary,
body[data-uri="/"][data-case="base"] .page-case[data-case="base"] .bg-primary,
body[data-uri="/"][data-case="base"] .page-skill[data-skill="base"] .bg-primary {
  background-color: #485156 !important; }

body[data-uri="case/base"] .page-case[data-case="base"] .topimage-section .down svg,
body[data-uri="case/base"] .page-skill[data-skill="base"] .topimage-section .down svg,
body[data-uri="skill/base"] .page-case[data-case="base"] .topimage-section .down svg,
body[data-uri="skill/base"] .page-skill[data-skill="base"] .topimage-section .down svg,
body[data-uri="base"] .page-case[data-case="base"] .topimage-section .down svg,
body[data-uri="base"] .page-skill[data-skill="base"] .topimage-section .down svg,
body[data-uri="/"][data-case="base"] .page-case[data-case="base"] .topimage-section .down svg,
body[data-uri="/"][data-case="base"] .page-skill[data-skill="base"] .topimage-section .down svg {
  stroke: #485156; }

body[data-uri="case/base"] .page-case[data-case="base"] .textbox-bordered,
body[data-uri="case/base"] .page-skill[data-skill="base"] .textbox-bordered,
body[data-uri="skill/base"] .page-case[data-case="base"] .textbox-bordered,
body[data-uri="skill/base"] .page-skill[data-skill="base"] .textbox-bordered,
body[data-uri="base"] .page-case[data-case="base"] .textbox-bordered,
body[data-uri="base"] .page-skill[data-skill="base"] .textbox-bordered,
body[data-uri="/"][data-case="base"] .page-case[data-case="base"] .textbox-bordered,
body[data-uri="/"][data-case="base"] .page-skill[data-skill="base"] .textbox-bordered {
  border-top-color: #485156; }

body[data-uri="case/base"] .page-case[data-case="base"] .textbox-background,
body[data-uri="case/base"] .page-skill[data-skill="base"] .textbox-background,
body[data-uri="skill/base"] .page-case[data-case="base"] .textbox-background,
body[data-uri="skill/base"] .page-skill[data-skill="base"] .textbox-background,
body[data-uri="base"] .page-case[data-case="base"] .textbox-background,
body[data-uri="base"] .page-skill[data-skill="base"] .textbox-background,
body[data-uri="/"][data-case="base"] .page-case[data-case="base"] .textbox-background,
body[data-uri="/"][data-case="base"] .page-skill[data-skill="base"] .textbox-background {
  background-color: rgba(72, 81, 86, 0.9); }

body[data-uri="case/base"] .page-case[data-case="base"] .preview-section .link,
body[data-uri="case/base"] .page-skill[data-skill="base"] .preview-section .link,
body[data-uri="skill/base"] .page-case[data-case="base"] .preview-section .link,
body[data-uri="skill/base"] .page-skill[data-skill="base"] .preview-section .link,
body[data-uri="base"] .page-case[data-case="base"] .preview-section .link,
body[data-uri="base"] .page-skill[data-skill="base"] .preview-section .link,
body[data-uri="/"][data-case="base"] .page-case[data-case="base"] .preview-section .link,
body[data-uri="/"][data-case="base"] .page-skill[data-skill="base"] .preview-section .link {
  background-color: transparent;
  border-color: #485156; }
  body[data-uri="case/base"] .page-case[data-case="base"] .preview-section .link:before, body[data-uri="case/base"] .page-case[data-case="base"] .preview-section .link:after,
  body[data-uri="case/base"] .page-skill[data-skill="base"] .preview-section .link:before,
  body[data-uri="case/base"] .page-skill[data-skill="base"] .preview-section .link:after,
  body[data-uri="skill/base"] .page-case[data-case="base"] .preview-section .link:before,
  body[data-uri="skill/base"] .page-case[data-case="base"] .preview-section .link:after,
  body[data-uri="skill/base"] .page-skill[data-skill="base"] .preview-section .link:before,
  body[data-uri="skill/base"] .page-skill[data-skill="base"] .preview-section .link:after,
  body[data-uri="base"] .page-case[data-case="base"] .preview-section .link:before,
  body[data-uri="base"] .page-case[data-case="base"] .preview-section .link:after,
  body[data-uri="base"] .page-skill[data-skill="base"] .preview-section .link:before,
  body[data-uri="base"] .page-skill[data-skill="base"] .preview-section .link:after,
  body[data-uri="/"][data-case="base"] .page-case[data-case="base"] .preview-section .link:before,
  body[data-uri="/"][data-case="base"] .page-case[data-case="base"] .preview-section .link:after,
  body[data-uri="/"][data-case="base"] .page-skill[data-skill="base"] .preview-section .link:before,
  body[data-uri="/"][data-case="base"] .page-skill[data-skill="base"] .preview-section .link:after {
    background-color: rgba(72, 81, 86, 0.75); }
  body[data-uri="case/base"] .page-case[data-case="base"] .preview-section .link svg,
  body[data-uri="case/base"] .page-skill[data-skill="base"] .preview-section .link svg,
  body[data-uri="skill/base"] .page-case[data-case="base"] .preview-section .link svg,
  body[data-uri="skill/base"] .page-skill[data-skill="base"] .preview-section .link svg,
  body[data-uri="base"] .page-case[data-case="base"] .preview-section .link svg,
  body[data-uri="base"] .page-skill[data-skill="base"] .preview-section .link svg,
  body[data-uri="/"][data-case="base"] .page-case[data-case="base"] .preview-section .link svg,
  body[data-uri="/"][data-case="base"] .page-skill[data-skill="base"] .preview-section .link svg {
    fill: #485156; }
  body[data-touch="false"] body[data-uri="case/base"] .page-case[data-case="base"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/base"] .page-skill[data-skill="base"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/base"] .page-case[data-case="base"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/base"] .page-skill[data-skill="base"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="base"] .page-case[data-case="base"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="base"] .page-skill[data-skill="base"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="base"] .page-case[data-case="base"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="base"] .page-skill[data-skill="base"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/base"] .page-case[data-case="base"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/base"] .page-skill[data-skill="base"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/base"] .page-case[data-case="base"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/base"] .page-skill[data-skill="base"] .video-section .video .video-playpause .btn svg,
body[data-uri="base"] .page-case[data-case="base"] .video-section .video .video-playpause .btn svg,
body[data-uri="base"] .page-skill[data-skill="base"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="base"] .page-case[data-case="base"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="base"] .page-skill[data-skill="base"] .video-section .video .video-playpause .btn svg {
  fill: rgba(72, 81, 86, 0.9); }

body[data-uri="case/base"] .page-case[data-case="base"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/base"] .page-skill[data-skill="base"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/base"] .page-case[data-case="base"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/base"] .page-skill[data-skill="base"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="base"] .page-case[data-case="base"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="base"] .page-skill[data-skill="base"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="base"] .page-case[data-case="base"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="base"] .page-skill[data-skill="base"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(72, 81, 86, 0.9); }

body[data-uri="case/base"] .page-case[data-case="base"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/base"] .page-skill[data-skill="base"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/base"] .page-case[data-case="base"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/base"] .page-skill[data-skill="base"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="base"] .page-case[data-case="base"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="base"] .page-skill[data-skill="base"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="base"] .page-case[data-case="base"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="base"] .page-skill[data-skill="base"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(72, 81, 86, 0.9); }

body[data-uri="case/base"] .page-case[data-case="base"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/base"] .page-skill[data-skill="base"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/base"] .page-case[data-case="base"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/base"] .page-skill[data-skill="base"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="base"] .page-case[data-case="base"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="base"] .page-skill[data-skill="base"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="base"] .page-case[data-case="base"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="base"] .page-skill[data-skill="base"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(72, 81, 86, 0.9); }

body[data-uri="case/base"] .page-case[data-case="base"] .video-section .video .video-fullscreen,
body[data-uri="case/base"] .page-skill[data-skill="base"] .video-section .video .video-fullscreen,
body[data-uri="skill/base"] .page-case[data-case="base"] .video-section .video .video-fullscreen,
body[data-uri="skill/base"] .page-skill[data-skill="base"] .video-section .video .video-fullscreen,
body[data-uri="base"] .page-case[data-case="base"] .video-section .video .video-fullscreen,
body[data-uri="base"] .page-skill[data-skill="base"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="base"] .page-case[data-case="base"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="base"] .page-skill[data-skill="base"] .video-section .video .video-fullscreen {
  background-color: rgba(72, 81, 86, 0.9); }

body[data-uri="case/base"] .page-case[data-case="base"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/base"] .page-skill[data-skill="base"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/base"] .page-case[data-case="base"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/base"] .page-skill[data-skill="base"] .video-section .video.active .video-playpause .btn,
body[data-uri="base"] .page-case[data-case="base"] .video-section .video.active .video-playpause .btn,
body[data-uri="base"] .page-skill[data-skill="base"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="base"] .page-case[data-case="base"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="base"] .page-skill[data-skill="base"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(72, 81, 86, 0.9); }
  body[data-uri="case/base"] .page-case[data-case="base"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/base"] .page-skill[data-skill="base"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/base"] .page-case[data-case="base"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/base"] .page-skill[data-skill="base"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="base"] .page-case[data-case="base"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="base"] .page-skill[data-skill="base"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="base"] .page-case[data-case="base"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="base"] .page-skill[data-skill="base"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/base"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/base"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="base"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="base"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(72, 81, 86, 0.8) !important; }
  body[data-uri="case/base"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/base"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="base"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="base"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

body[data-performance="low"] .page-home .cases-section .overview .case[data-case="base"] .case-image {
  background-image: url("../img/home/cases/low/base.jpg"); }

body[data-performance="high"] .page-home .cases-section .overview .case[data-case="base"] .case-image {
  background-image: url("../img/home/cases/base.jpg"); }

@media (max-width: 991px) {
  .page-home .cases-section .overview .case[data-case="base"] .case-image {
    background-position: left 20% center; } }

.page-case[data-case="base"] section[data-section="topimage"] .topimage {
  background-image: url("../img/case/base/topimage/topimage.jpg"); }
  @media (max-width: 991px) {
    .page-case[data-case="base"] section[data-section="topimage"] .topimage {
      background-position: left 62% center; } }

.page-case[data-case="base"] section[data-section="icons"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/base/illustrations/illustration-3.svg"); }

.page-case[data-case="base"] section[data-section="icons"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/base/illustrations/illustration-4.svg"); }

.page-case[data-case="base"] section[data-section="icons"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/base/illustrations/illustration-5.svg"); }

.page-case[data-case="base"] section[data-section="icons"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/case/base/illustrations/illustration-6.svg"); }

.page-case[data-case="base"] section[data-section="icons"] .swiper-container .swiper-slide:nth-of-type(5) .image {
  background-image: url("../img/case/base/illustrations/illustration-7.svg"); }

body[data-performance="low"] .page-case[data-case="base"] section[data-section="print"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/base/print/low/print-1.jpg"); }

body[data-performance="low"] .page-case[data-case="base"] section[data-section="print"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/base/print/low/print-2.jpg"); }

body[data-performance="low"] .page-case[data-case="base"] section[data-section="print"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/base/print/low/print-3.jpg"); }

body[data-performance="high"] .page-case[data-case="base"] section[data-section="print"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/base/print/print-1.png"); }

body[data-performance="high"] .page-case[data-case="base"] section[data-section="print"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/base/print/print-2.png"); }

body[data-performance="high"] .page-case[data-case="base"] section[data-section="print"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/base/print/print-3.png"); }

body[data-performance="low"] .page-case[data-case="base"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/base/preview/low/browser-1.jpg"); }

body[data-performance="low"] .page-case[data-case="base"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/base/preview/low/browser-2.jpg"); }

body[data-performance="low"] .page-case[data-case="base"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/base/preview/low/browser-3.jpg"); }

body[data-performance="high"] .page-case[data-case="base"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/base/preview/browser-1.png"); }

body[data-performance="high"] .page-case[data-case="base"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/base/preview/browser-2.png"); }

body[data-performance="high"] .page-case[data-case="base"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/base/preview/browser-3.png"); }

body.subpage .cases-section .case[data-case="internetdagenv2"] .case-image,
body.subpage .cases-section .case[data-case="internetdagenv2"] .skill-image,
body.subpage .skills-section .skill[data-skill="internetdagenv2"] .case-image,
body.subpage .skills-section .skill[data-skill="internetdagenv2"] .skill-image {
  background-image: url("../img/cases/internetdagenv2.jpg"); }
  body.subpage .cases-section .case[data-case="internetdagenv2"] .case-image:before, body.subpage .cases-section .case[data-case="internetdagenv2"] .case-image:after,
  body.subpage .cases-section .case[data-case="internetdagenv2"] .skill-image:before,
  body.subpage .cases-section .case[data-case="internetdagenv2"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="internetdagenv2"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="internetdagenv2"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="internetdagenv2"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="internetdagenv2"] .skill-image:after {
    background-color: rgba(250, 42, 252, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="internetdagenv2"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="internetdagenv2"]:hover .skill-description {
  border-top-color: #fa2afc; }
  body[data-touch="false"].subpage .cases-section .case[data-case="internetdagenv2"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="internetdagenv2"]:hover .skill-description h4 {
    color: #fa2afc; }

body[data-uri="case/internetdagenv2"] #navigation-trigger,
body[data-uri="case/internetdagenv2"] #page-title div,
body[data-uri="case/internetdagenv2"] #menu,
body[data-uri="case/internetdagenv2"] #page-close,
body[data-uri="skill/internetdagenv2"] #navigation-trigger,
body[data-uri="skill/internetdagenv2"] #page-title div,
body[data-uri="skill/internetdagenv2"] #menu,
body[data-uri="skill/internetdagenv2"] #page-close,
body[data-uri="internetdagenv2"] #navigation-trigger,
body[data-uri="internetdagenv2"] #page-title div,
body[data-uri="internetdagenv2"] #menu,
body[data-uri="internetdagenv2"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"] #page-close {
  background-color: rgba(250, 42, 252, 0.9); }

body[data-uri="case/internetdagenv2"] #page-close,
body[data-uri="skill/internetdagenv2"] #page-close,
body[data-uri="internetdagenv2"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"] #page-close {
  background-color: transparent;
  border-color: #fa2afc; }
  body[data-uri="case/internetdagenv2"] #page-close:before, body[data-uri="case/internetdagenv2"] #page-close:after,
  body[data-uri="skill/internetdagenv2"] #page-close:before,
  body[data-uri="skill/internetdagenv2"] #page-close:after,
  body[data-uri="internetdagenv2"] #page-close:before,
  body[data-uri="internetdagenv2"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"] #page-close:after {
    background-color: rgba(250, 42, 252, 0.75); }
  body[data-uri="case/internetdagenv2"] #page-close svg,
  body[data-uri="skill/internetdagenv2"] #page-close svg,
  body[data-uri="internetdagenv2"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"] #page-close svg {
    fill: #fa2afc; }

body[data-uri="case/internetdagenv2"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/internetdagenv2"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/internetdagenv2"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/internetdagenv2"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="internetdagenv2"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="internetdagenv2"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #fa2afc; }

body[data-uri="case/internetdagenv2"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/internetdagenv2"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="internetdagenv2"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #fa2afc; }

body[data-uri="case/internetdagenv2"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/internetdagenv2"][data-touch="false"] #page-close:hover svg,
body[data-uri="internetdagenv2"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/internetdagenv2"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/internetdagenv2"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="internetdagenv2"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #fa2afc; }

body[data-uri="case/internetdagenv2"] a,
body[data-uri="case/internetdagenv2"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/internetdagenv2"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/internetdagenv2"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/internetdagenv2"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/internetdagenv2"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/internetdagenv2"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/internetdagenv2"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/internetdagenv2"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/internetdagenv2"] a,
body[data-uri="skill/internetdagenv2"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/internetdagenv2"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/internetdagenv2"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/internetdagenv2"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/internetdagenv2"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/internetdagenv2"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/internetdagenv2"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/internetdagenv2"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="internetdagenv2"] a,
body[data-uri="internetdagenv2"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="internetdagenv2"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="internetdagenv2"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="internetdagenv2"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="internetdagenv2"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="internetdagenv2"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="internetdagenv2"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="internetdagenv2"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #fa2afc; }

body[data-uri="case/internetdagenv2"] .loader:before, body[data-uri="case/internetdagenv2"] .loader:after,
body[data-uri="skill/internetdagenv2"] .loader:before,
body[data-uri="skill/internetdagenv2"] .loader:after,
body[data-uri="internetdagenv2"] .loader:before,
body[data-uri="internetdagenv2"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="internetdagenv2"] .loader:after {
  background-color: #fa2afc; }

section#cases .case[data-case="internetdagenv2"] .down svg {
  stroke: #fa2afc; }

body[data-uri="case/internetdagenv2"] section#cases .description-box,
body[data-uri="skill/internetdagenv2"] section#cases .description-box,
body[data-uri="internetdagenv2"] section#cases .description-box,
body[data-uri="/"][data-case="internetdagenv2"] section#cases .description-box {
  background-color: rgba(250, 42, 252, 0.9); }
  body[data-uri="case/internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"],
  body[data-uri="skill/internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"],
  body[data-uri="internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"],
  body[data-uri="/"][data-case="internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div,
    body[data-uri="skill/internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div,
    body[data-uri="internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div,
    body[data-uri="/"][data-case="internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(1),
    body[data-uri="skill/internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(1),
    body[data-uri="internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(2),
    body[data-uri="skill/internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(2),
    body[data-uri="internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(3),
    body[data-uri="skill/internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(3),
    body[data-uri="internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(4),
    body[data-uri="skill/internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(4),
    body[data-uri="internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(5),
    body[data-uri="skill/internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(5),
    body[data-uri="internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(6),
    body[data-uri="skill/internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(6),
    body[data-uri="internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="internetdagenv2"] section#cases .description-box .case-description[data-case="internetdagenv2"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/internetdagenv2"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/internetdagenv2"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="internetdagenv2"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="internetdagenv2"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #fa2afc; }

body[data-uri="case/internetdagenv2"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/internetdagenv2"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="internetdagenv2"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="internetdagenv2"][data-touch="false"] section#cases .description-box:hover .text {
  color: #fa2afc; }
  body[data-uri="case/internetdagenv2"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/internetdagenv2"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="internetdagenv2"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="internetdagenv2"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #fa2afc !important; }
  body[data-uri="case/internetdagenv2"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/internetdagenv2"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="internetdagenv2"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="internetdagenv2"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #fa2afc !important; }

body[data-uri="case/internetdagenv2"] .page-case[data-case="internetdagenv2"] .color-primary,
body[data-uri="case/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .color-primary,
body[data-uri="skill/internetdagenv2"] .page-case[data-case="internetdagenv2"] .color-primary,
body[data-uri="skill/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .color-primary,
body[data-uri="internetdagenv2"] .page-case[data-case="internetdagenv2"] .color-primary,
body[data-uri="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .color-primary,
body[data-uri="/"][data-case="internetdagenv2"] .page-case[data-case="internetdagenv2"] .color-primary,
body[data-uri="/"][data-case="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .color-primary {
  color: #fa2afc; }

body[data-uri="case/internetdagenv2"] .page-case[data-case="internetdagenv2"] .color-white,
body[data-uri="case/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .color-white,
body[data-uri="skill/internetdagenv2"] .page-case[data-case="internetdagenv2"] .color-white,
body[data-uri="skill/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .color-white,
body[data-uri="internetdagenv2"] .page-case[data-case="internetdagenv2"] .color-white,
body[data-uri="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .color-white,
body[data-uri="/"][data-case="internetdagenv2"] .page-case[data-case="internetdagenv2"] .color-white,
body[data-uri="/"][data-case="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/internetdagenv2"] .page-case[data-case="internetdagenv2"] .bg-primary,
body[data-uri="case/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .bg-primary,
body[data-uri="skill/internetdagenv2"] .page-case[data-case="internetdagenv2"] .bg-primary,
body[data-uri="skill/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .bg-primary,
body[data-uri="internetdagenv2"] .page-case[data-case="internetdagenv2"] .bg-primary,
body[data-uri="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .bg-primary,
body[data-uri="/"][data-case="internetdagenv2"] .page-case[data-case="internetdagenv2"] .bg-primary,
body[data-uri="/"][data-case="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .bg-primary {
  background-color: #fa2afc !important; }

body[data-uri="case/internetdagenv2"] .page-case[data-case="internetdagenv2"] .topimage-section .down svg,
body[data-uri="case/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .topimage-section .down svg,
body[data-uri="skill/internetdagenv2"] .page-case[data-case="internetdagenv2"] .topimage-section .down svg,
body[data-uri="skill/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .topimage-section .down svg,
body[data-uri="internetdagenv2"] .page-case[data-case="internetdagenv2"] .topimage-section .down svg,
body[data-uri="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .topimage-section .down svg,
body[data-uri="/"][data-case="internetdagenv2"] .page-case[data-case="internetdagenv2"] .topimage-section .down svg,
body[data-uri="/"][data-case="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .topimage-section .down svg {
  stroke: #fa2afc; }

body[data-uri="case/internetdagenv2"] .page-case[data-case="internetdagenv2"] .textbox-bordered,
body[data-uri="case/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .textbox-bordered,
body[data-uri="skill/internetdagenv2"] .page-case[data-case="internetdagenv2"] .textbox-bordered,
body[data-uri="skill/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .textbox-bordered,
body[data-uri="internetdagenv2"] .page-case[data-case="internetdagenv2"] .textbox-bordered,
body[data-uri="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .textbox-bordered,
body[data-uri="/"][data-case="internetdagenv2"] .page-case[data-case="internetdagenv2"] .textbox-bordered,
body[data-uri="/"][data-case="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .textbox-bordered {
  border-top-color: #fa2afc; }

body[data-uri="case/internetdagenv2"] .page-case[data-case="internetdagenv2"] .textbox-background,
body[data-uri="case/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .textbox-background,
body[data-uri="skill/internetdagenv2"] .page-case[data-case="internetdagenv2"] .textbox-background,
body[data-uri="skill/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .textbox-background,
body[data-uri="internetdagenv2"] .page-case[data-case="internetdagenv2"] .textbox-background,
body[data-uri="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .textbox-background,
body[data-uri="/"][data-case="internetdagenv2"] .page-case[data-case="internetdagenv2"] .textbox-background,
body[data-uri="/"][data-case="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .textbox-background {
  background-color: rgba(250, 42, 252, 0.9); }

body[data-uri="case/internetdagenv2"] .page-case[data-case="internetdagenv2"] .preview-section .link,
body[data-uri="case/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .preview-section .link,
body[data-uri="skill/internetdagenv2"] .page-case[data-case="internetdagenv2"] .preview-section .link,
body[data-uri="skill/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .preview-section .link,
body[data-uri="internetdagenv2"] .page-case[data-case="internetdagenv2"] .preview-section .link,
body[data-uri="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .preview-section .link,
body[data-uri="/"][data-case="internetdagenv2"] .page-case[data-case="internetdagenv2"] .preview-section .link,
body[data-uri="/"][data-case="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .preview-section .link {
  background-color: transparent;
  border-color: #fa2afc; }
  body[data-uri="case/internetdagenv2"] .page-case[data-case="internetdagenv2"] .preview-section .link:before, body[data-uri="case/internetdagenv2"] .page-case[data-case="internetdagenv2"] .preview-section .link:after,
  body[data-uri="case/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .preview-section .link:before,
  body[data-uri="case/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .preview-section .link:after,
  body[data-uri="skill/internetdagenv2"] .page-case[data-case="internetdagenv2"] .preview-section .link:before,
  body[data-uri="skill/internetdagenv2"] .page-case[data-case="internetdagenv2"] .preview-section .link:after,
  body[data-uri="skill/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .preview-section .link:before,
  body[data-uri="skill/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .preview-section .link:after,
  body[data-uri="internetdagenv2"] .page-case[data-case="internetdagenv2"] .preview-section .link:before,
  body[data-uri="internetdagenv2"] .page-case[data-case="internetdagenv2"] .preview-section .link:after,
  body[data-uri="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .preview-section .link:before,
  body[data-uri="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .preview-section .link:after,
  body[data-uri="/"][data-case="internetdagenv2"] .page-case[data-case="internetdagenv2"] .preview-section .link:before,
  body[data-uri="/"][data-case="internetdagenv2"] .page-case[data-case="internetdagenv2"] .preview-section .link:after,
  body[data-uri="/"][data-case="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .preview-section .link:before,
  body[data-uri="/"][data-case="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .preview-section .link:after {
    background-color: rgba(250, 42, 252, 0.75); }
  body[data-uri="case/internetdagenv2"] .page-case[data-case="internetdagenv2"] .preview-section .link svg,
  body[data-uri="case/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .preview-section .link svg,
  body[data-uri="skill/internetdagenv2"] .page-case[data-case="internetdagenv2"] .preview-section .link svg,
  body[data-uri="skill/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .preview-section .link svg,
  body[data-uri="internetdagenv2"] .page-case[data-case="internetdagenv2"] .preview-section .link svg,
  body[data-uri="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .preview-section .link svg,
  body[data-uri="/"][data-case="internetdagenv2"] .page-case[data-case="internetdagenv2"] .preview-section .link svg,
  body[data-uri="/"][data-case="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .preview-section .link svg {
    fill: #fa2afc; }
  body[data-touch="false"] body[data-uri="case/internetdagenv2"] .page-case[data-case="internetdagenv2"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/internetdagenv2"] .page-case[data-case="internetdagenv2"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="internetdagenv2"] .page-case[data-case="internetdagenv2"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="internetdagenv2"] .page-case[data-case="internetdagenv2"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video .video-playpause .btn svg,
body[data-uri="internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video .video-playpause .btn svg,
body[data-uri="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video .video-playpause .btn svg {
  fill: rgba(250, 42, 252, 0.9); }

body[data-uri="case/internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(250, 42, 252, 0.9); }

body[data-uri="case/internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(250, 42, 252, 0.9); }

body[data-uri="case/internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(250, 42, 252, 0.9); }

body[data-uri="case/internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video .video-fullscreen,
body[data-uri="case/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video .video-fullscreen,
body[data-uri="skill/internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video .video-fullscreen,
body[data-uri="skill/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video .video-fullscreen,
body[data-uri="internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video .video-fullscreen,
body[data-uri="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video .video-fullscreen {
  background-color: rgba(250, 42, 252, 0.9); }

body[data-uri="case/internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video.active .video-playpause .btn,
body[data-uri="internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video.active .video-playpause .btn,
body[data-uri="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(250, 42, 252, 0.9); }
  body[data-uri="case/internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="internetdagenv2"] .page-case[data-case="internetdagenv2"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="internetdagenv2"] .page-skill[data-skill="internetdagenv2"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/internetdagenv2"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/internetdagenv2"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="internetdagenv2"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="internetdagenv2"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(250, 42, 252, 0.8) !important; }
  body[data-uri="case/internetdagenv2"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/internetdagenv2"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="internetdagenv2"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="internetdagenv2"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-case[data-case="internetdagenv2"] section[data-section="topimage"] .topimage {
  background-image: url("../img/case/internetdagenv2/topimage/topimage.jpg"); }

@media (min-width: 992px) {
  .page-case[data-case="internetdagenv2"] section[data-section="intro"] .illustration-1 {
    margin-top: 6.5625rem; } }

@media (min-width: 1480px) {
  .page-case[data-case="internetdagenv2"] section[data-section="intro"] .illustration-1 {
    margin-top: 7.5rem; } }

@media (min-width: 1920px) {
  .page-case[data-case="internetdagenv2"] section[data-section="intro"] .illustration-1 {
    margin-top: 5.625rem; } }

.page-case[data-case="internetdagenv2"] section[data-section="logodesign"] .illustration-logo .logo-front {
  position: absolute;
  top: 0;
  left: 0; }
  body[data-performance="high"] .page-case[data-case="internetdagenv2"] section[data-section="logodesign"] .illustration-logo .logo-front {
    display: none;
    -webkit-animation: internetdagenLogoFront 1000ms cubic-bezier(0.645, 0.045, 0.355, 1);
    animation: internetdagenLogoFront 1000ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-delay: 750ms;
    animation-delay: 750ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

body[data-performance="high"] .page-case[data-case="internetdagenv2"] section[data-section="logodesign"] .illustration-logo.active .logo-front {
  display: inline-block; }

@keyframes internetdagenLogoFront {
  0% {
    -webkit-transform: translateY(150%);
    transform: translateY(150%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

body[data-performance="low"] .page-case[data-case="internetdagenv2"] section[data-section="commercial"] .video .preview {
  background-image: url("../img/case/internetdagenv2/video/low/video.jpg"); }

body[data-performance="high"] .page-case[data-case="internetdagenv2"] section[data-section="commercial"] .video .preview {
  background-image: url("../img/case/internetdagenv2/video/video.png"); }

body[data-performance="low"] .page-case[data-case="internetdagenv2"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/internetdagenv2/preview/low/browser-1.jpg"); }

body[data-performance="low"] .page-case[data-case="internetdagenv2"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/internetdagenv2/preview/low/browser-2.jpg"); }

body[data-performance="high"] .page-case[data-case="internetdagenv2"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/internetdagenv2/preview/browser-1.png"); }

body[data-performance="high"] .page-case[data-case="internetdagenv2"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/internetdagenv2/preview/browser-2.png"); }

body.subpage .cases-section .case[data-case="bellakvarter"] .case-image,
body.subpage .cases-section .case[data-case="bellakvarter"] .skill-image,
body.subpage .skills-section .skill[data-skill="bellakvarter"] .case-image,
body.subpage .skills-section .skill[data-skill="bellakvarter"] .skill-image {
  background-image: url("../img/cases/bellakvarter.jpg"); }
  body.subpage .cases-section .case[data-case="bellakvarter"] .case-image:before, body.subpage .cases-section .case[data-case="bellakvarter"] .case-image:after,
  body.subpage .cases-section .case[data-case="bellakvarter"] .skill-image:before,
  body.subpage .cases-section .case[data-case="bellakvarter"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="bellakvarter"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="bellakvarter"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="bellakvarter"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="bellakvarter"] .skill-image:after {
    background-color: rgba(255, 226, 91, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="bellakvarter"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="bellakvarter"]:hover .skill-description {
  border-top-color: #ffe25b; }
  body[data-touch="false"].subpage .cases-section .case[data-case="bellakvarter"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="bellakvarter"]:hover .skill-description h4 {
    color: #ffe25b; }

body[data-uri="case/bellakvarter"] #navigation-trigger,
body[data-uri="case/bellakvarter"] #page-title div,
body[data-uri="case/bellakvarter"] #menu,
body[data-uri="case/bellakvarter"] #page-close,
body[data-uri="skill/bellakvarter"] #navigation-trigger,
body[data-uri="skill/bellakvarter"] #page-title div,
body[data-uri="skill/bellakvarter"] #menu,
body[data-uri="skill/bellakvarter"] #page-close,
body[data-uri="bellakvarter"] #navigation-trigger,
body[data-uri="bellakvarter"] #page-title div,
body[data-uri="bellakvarter"] #menu,
body[data-uri="bellakvarter"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"] #page-close {
  background-color: rgba(255, 226, 91, 0.9); }

body[data-uri="case/bellakvarter"] #page-close,
body[data-uri="skill/bellakvarter"] #page-close,
body[data-uri="bellakvarter"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"] #page-close {
  background-color: transparent;
  border-color: #ffe25b; }
  body[data-uri="case/bellakvarter"] #page-close:before, body[data-uri="case/bellakvarter"] #page-close:after,
  body[data-uri="skill/bellakvarter"] #page-close:before,
  body[data-uri="skill/bellakvarter"] #page-close:after,
  body[data-uri="bellakvarter"] #page-close:before,
  body[data-uri="bellakvarter"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"] #page-close:after {
    background-color: rgba(255, 226, 91, 0.75); }
  body[data-uri="case/bellakvarter"] #page-close svg,
  body[data-uri="skill/bellakvarter"] #page-close svg,
  body[data-uri="bellakvarter"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"] #page-close svg {
    fill: #ffe25b; }

body[data-uri="case/bellakvarter"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/bellakvarter"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/bellakvarter"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/bellakvarter"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="bellakvarter"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="bellakvarter"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #ffe25b; }

body[data-uri="case/bellakvarter"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/bellakvarter"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="bellakvarter"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #ffe25b; }

body[data-uri="case/bellakvarter"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/bellakvarter"][data-touch="false"] #page-close:hover svg,
body[data-uri="bellakvarter"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/bellakvarter"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/bellakvarter"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="bellakvarter"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #ffe25b; }

body[data-uri="case/bellakvarter"] a,
body[data-uri="case/bellakvarter"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/bellakvarter"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/bellakvarter"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/bellakvarter"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/bellakvarter"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/bellakvarter"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/bellakvarter"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/bellakvarter"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/bellakvarter"] a,
body[data-uri="skill/bellakvarter"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/bellakvarter"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/bellakvarter"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/bellakvarter"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/bellakvarter"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/bellakvarter"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/bellakvarter"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/bellakvarter"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="bellakvarter"] a,
body[data-uri="bellakvarter"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="bellakvarter"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="bellakvarter"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="bellakvarter"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="bellakvarter"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="bellakvarter"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="bellakvarter"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="bellakvarter"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #ffe25b; }

body[data-uri="case/bellakvarter"] .loader:before, body[data-uri="case/bellakvarter"] .loader:after,
body[data-uri="skill/bellakvarter"] .loader:before,
body[data-uri="skill/bellakvarter"] .loader:after,
body[data-uri="bellakvarter"] .loader:before,
body[data-uri="bellakvarter"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="bellakvarter"] .loader:after {
  background-color: #ffe25b; }

section#cases .case[data-case="bellakvarter"] .down svg {
  stroke: #ffe25b; }

body[data-uri="case/bellakvarter"] section#cases .description-box,
body[data-uri="skill/bellakvarter"] section#cases .description-box,
body[data-uri="bellakvarter"] section#cases .description-box,
body[data-uri="/"][data-case="bellakvarter"] section#cases .description-box {
  background-color: rgba(255, 226, 91, 0.9); }
  body[data-uri="case/bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"],
  body[data-uri="skill/bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"],
  body[data-uri="bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"],
  body[data-uri="/"][data-case="bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div,
    body[data-uri="skill/bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div,
    body[data-uri="bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div,
    body[data-uri="/"][data-case="bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(1),
    body[data-uri="skill/bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(1),
    body[data-uri="bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(2),
    body[data-uri="skill/bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(2),
    body[data-uri="bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(3),
    body[data-uri="skill/bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(3),
    body[data-uri="bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(4),
    body[data-uri="skill/bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(4),
    body[data-uri="bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(5),
    body[data-uri="skill/bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(5),
    body[data-uri="bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(6),
    body[data-uri="skill/bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(6),
    body[data-uri="bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="bellakvarter"] section#cases .description-box .case-description[data-case="bellakvarter"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/bellakvarter"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/bellakvarter"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="bellakvarter"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="bellakvarter"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #ffe25b; }

body[data-uri="case/bellakvarter"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/bellakvarter"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="bellakvarter"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="bellakvarter"][data-touch="false"] section#cases .description-box:hover .text {
  color: #ffe25b; }
  body[data-uri="case/bellakvarter"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/bellakvarter"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="bellakvarter"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="bellakvarter"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #ffe25b !important; }
  body[data-uri="case/bellakvarter"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/bellakvarter"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="bellakvarter"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="bellakvarter"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #ffe25b !important; }

body[data-uri="case/bellakvarter"] .page-case[data-case="bellakvarter"] .color-primary,
body[data-uri="case/bellakvarter"] .page-skill[data-skill="bellakvarter"] .color-primary,
body[data-uri="skill/bellakvarter"] .page-case[data-case="bellakvarter"] .color-primary,
body[data-uri="skill/bellakvarter"] .page-skill[data-skill="bellakvarter"] .color-primary,
body[data-uri="bellakvarter"] .page-case[data-case="bellakvarter"] .color-primary,
body[data-uri="bellakvarter"] .page-skill[data-skill="bellakvarter"] .color-primary,
body[data-uri="/"][data-case="bellakvarter"] .page-case[data-case="bellakvarter"] .color-primary,
body[data-uri="/"][data-case="bellakvarter"] .page-skill[data-skill="bellakvarter"] .color-primary {
  color: #ffe25b; }

body[data-uri="case/bellakvarter"] .page-case[data-case="bellakvarter"] .color-white,
body[data-uri="case/bellakvarter"] .page-skill[data-skill="bellakvarter"] .color-white,
body[data-uri="skill/bellakvarter"] .page-case[data-case="bellakvarter"] .color-white,
body[data-uri="skill/bellakvarter"] .page-skill[data-skill="bellakvarter"] .color-white,
body[data-uri="bellakvarter"] .page-case[data-case="bellakvarter"] .color-white,
body[data-uri="bellakvarter"] .page-skill[data-skill="bellakvarter"] .color-white,
body[data-uri="/"][data-case="bellakvarter"] .page-case[data-case="bellakvarter"] .color-white,
body[data-uri="/"][data-case="bellakvarter"] .page-skill[data-skill="bellakvarter"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/bellakvarter"] .page-case[data-case="bellakvarter"] .bg-primary,
body[data-uri="case/bellakvarter"] .page-skill[data-skill="bellakvarter"] .bg-primary,
body[data-uri="skill/bellakvarter"] .page-case[data-case="bellakvarter"] .bg-primary,
body[data-uri="skill/bellakvarter"] .page-skill[data-skill="bellakvarter"] .bg-primary,
body[data-uri="bellakvarter"] .page-case[data-case="bellakvarter"] .bg-primary,
body[data-uri="bellakvarter"] .page-skill[data-skill="bellakvarter"] .bg-primary,
body[data-uri="/"][data-case="bellakvarter"] .page-case[data-case="bellakvarter"] .bg-primary,
body[data-uri="/"][data-case="bellakvarter"] .page-skill[data-skill="bellakvarter"] .bg-primary {
  background-color: #ffe25b !important; }

body[data-uri="case/bellakvarter"] .page-case[data-case="bellakvarter"] .topimage-section .down svg,
body[data-uri="case/bellakvarter"] .page-skill[data-skill="bellakvarter"] .topimage-section .down svg,
body[data-uri="skill/bellakvarter"] .page-case[data-case="bellakvarter"] .topimage-section .down svg,
body[data-uri="skill/bellakvarter"] .page-skill[data-skill="bellakvarter"] .topimage-section .down svg,
body[data-uri="bellakvarter"] .page-case[data-case="bellakvarter"] .topimage-section .down svg,
body[data-uri="bellakvarter"] .page-skill[data-skill="bellakvarter"] .topimage-section .down svg,
body[data-uri="/"][data-case="bellakvarter"] .page-case[data-case="bellakvarter"] .topimage-section .down svg,
body[data-uri="/"][data-case="bellakvarter"] .page-skill[data-skill="bellakvarter"] .topimage-section .down svg {
  stroke: #ffe25b; }

body[data-uri="case/bellakvarter"] .page-case[data-case="bellakvarter"] .textbox-bordered,
body[data-uri="case/bellakvarter"] .page-skill[data-skill="bellakvarter"] .textbox-bordered,
body[data-uri="skill/bellakvarter"] .page-case[data-case="bellakvarter"] .textbox-bordered,
body[data-uri="skill/bellakvarter"] .page-skill[data-skill="bellakvarter"] .textbox-bordered,
body[data-uri="bellakvarter"] .page-case[data-case="bellakvarter"] .textbox-bordered,
body[data-uri="bellakvarter"] .page-skill[data-skill="bellakvarter"] .textbox-bordered,
body[data-uri="/"][data-case="bellakvarter"] .page-case[data-case="bellakvarter"] .textbox-bordered,
body[data-uri="/"][data-case="bellakvarter"] .page-skill[data-skill="bellakvarter"] .textbox-bordered {
  border-top-color: #ffe25b; }

body[data-uri="case/bellakvarter"] .page-case[data-case="bellakvarter"] .textbox-background,
body[data-uri="case/bellakvarter"] .page-skill[data-skill="bellakvarter"] .textbox-background,
body[data-uri="skill/bellakvarter"] .page-case[data-case="bellakvarter"] .textbox-background,
body[data-uri="skill/bellakvarter"] .page-skill[data-skill="bellakvarter"] .textbox-background,
body[data-uri="bellakvarter"] .page-case[data-case="bellakvarter"] .textbox-background,
body[data-uri="bellakvarter"] .page-skill[data-skill="bellakvarter"] .textbox-background,
body[data-uri="/"][data-case="bellakvarter"] .page-case[data-case="bellakvarter"] .textbox-background,
body[data-uri="/"][data-case="bellakvarter"] .page-skill[data-skill="bellakvarter"] .textbox-background {
  background-color: rgba(255, 226, 91, 0.9); }

body[data-uri="case/bellakvarter"] .page-case[data-case="bellakvarter"] .preview-section .link,
body[data-uri="case/bellakvarter"] .page-skill[data-skill="bellakvarter"] .preview-section .link,
body[data-uri="skill/bellakvarter"] .page-case[data-case="bellakvarter"] .preview-section .link,
body[data-uri="skill/bellakvarter"] .page-skill[data-skill="bellakvarter"] .preview-section .link,
body[data-uri="bellakvarter"] .page-case[data-case="bellakvarter"] .preview-section .link,
body[data-uri="bellakvarter"] .page-skill[data-skill="bellakvarter"] .preview-section .link,
body[data-uri="/"][data-case="bellakvarter"] .page-case[data-case="bellakvarter"] .preview-section .link,
body[data-uri="/"][data-case="bellakvarter"] .page-skill[data-skill="bellakvarter"] .preview-section .link {
  background-color: transparent;
  border-color: #ffe25b; }
  body[data-uri="case/bellakvarter"] .page-case[data-case="bellakvarter"] .preview-section .link:before, body[data-uri="case/bellakvarter"] .page-case[data-case="bellakvarter"] .preview-section .link:after,
  body[data-uri="case/bellakvarter"] .page-skill[data-skill="bellakvarter"] .preview-section .link:before,
  body[data-uri="case/bellakvarter"] .page-skill[data-skill="bellakvarter"] .preview-section .link:after,
  body[data-uri="skill/bellakvarter"] .page-case[data-case="bellakvarter"] .preview-section .link:before,
  body[data-uri="skill/bellakvarter"] .page-case[data-case="bellakvarter"] .preview-section .link:after,
  body[data-uri="skill/bellakvarter"] .page-skill[data-skill="bellakvarter"] .preview-section .link:before,
  body[data-uri="skill/bellakvarter"] .page-skill[data-skill="bellakvarter"] .preview-section .link:after,
  body[data-uri="bellakvarter"] .page-case[data-case="bellakvarter"] .preview-section .link:before,
  body[data-uri="bellakvarter"] .page-case[data-case="bellakvarter"] .preview-section .link:after,
  body[data-uri="bellakvarter"] .page-skill[data-skill="bellakvarter"] .preview-section .link:before,
  body[data-uri="bellakvarter"] .page-skill[data-skill="bellakvarter"] .preview-section .link:after,
  body[data-uri="/"][data-case="bellakvarter"] .page-case[data-case="bellakvarter"] .preview-section .link:before,
  body[data-uri="/"][data-case="bellakvarter"] .page-case[data-case="bellakvarter"] .preview-section .link:after,
  body[data-uri="/"][data-case="bellakvarter"] .page-skill[data-skill="bellakvarter"] .preview-section .link:before,
  body[data-uri="/"][data-case="bellakvarter"] .page-skill[data-skill="bellakvarter"] .preview-section .link:after {
    background-color: rgba(255, 226, 91, 0.75); }
  body[data-uri="case/bellakvarter"] .page-case[data-case="bellakvarter"] .preview-section .link svg,
  body[data-uri="case/bellakvarter"] .page-skill[data-skill="bellakvarter"] .preview-section .link svg,
  body[data-uri="skill/bellakvarter"] .page-case[data-case="bellakvarter"] .preview-section .link svg,
  body[data-uri="skill/bellakvarter"] .page-skill[data-skill="bellakvarter"] .preview-section .link svg,
  body[data-uri="bellakvarter"] .page-case[data-case="bellakvarter"] .preview-section .link svg,
  body[data-uri="bellakvarter"] .page-skill[data-skill="bellakvarter"] .preview-section .link svg,
  body[data-uri="/"][data-case="bellakvarter"] .page-case[data-case="bellakvarter"] .preview-section .link svg,
  body[data-uri="/"][data-case="bellakvarter"] .page-skill[data-skill="bellakvarter"] .preview-section .link svg {
    fill: #ffe25b; }
  body[data-touch="false"] body[data-uri="case/bellakvarter"] .page-case[data-case="bellakvarter"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/bellakvarter"] .page-skill[data-skill="bellakvarter"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/bellakvarter"] .page-case[data-case="bellakvarter"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/bellakvarter"] .page-skill[data-skill="bellakvarter"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="bellakvarter"] .page-case[data-case="bellakvarter"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="bellakvarter"] .page-skill[data-skill="bellakvarter"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="bellakvarter"] .page-case[data-case="bellakvarter"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="bellakvarter"] .page-skill[data-skill="bellakvarter"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video .video-playpause .btn svg,
body[data-uri="bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video .video-playpause .btn svg,
body[data-uri="bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video .video-playpause .btn svg {
  fill: rgba(255, 226, 91, 0.9); }

body[data-uri="case/bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(255, 226, 91, 0.9); }

body[data-uri="case/bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(255, 226, 91, 0.9); }

body[data-uri="case/bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(255, 226, 91, 0.9); }

body[data-uri="case/bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video .video-fullscreen,
body[data-uri="case/bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video .video-fullscreen,
body[data-uri="skill/bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video .video-fullscreen,
body[data-uri="skill/bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video .video-fullscreen,
body[data-uri="bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video .video-fullscreen,
body[data-uri="bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video .video-fullscreen {
  background-color: rgba(255, 226, 91, 0.9); }

body[data-uri="case/bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video.active .video-playpause .btn,
body[data-uri="bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video.active .video-playpause .btn,
body[data-uri="bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(255, 226, 91, 0.9); }
  body[data-uri="case/bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="bellakvarter"] .page-case[data-case="bellakvarter"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="bellakvarter"] .page-skill[data-skill="bellakvarter"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/bellakvarter"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/bellakvarter"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="bellakvarter"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="bellakvarter"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(255, 226, 91, 0.8) !important; }
  body[data-uri="case/bellakvarter"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/bellakvarter"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="bellakvarter"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="bellakvarter"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-case[data-case="bellakvarter"] section[data-section="topimage"] .topimage {
  background-image: url("../img/case/bellakvarter/topimage/topimage.jpg"); }

@media (min-width: 992px) {
  .page-case[data-case="bellakvarter"] section[data-section="intro"] .illustration-1 {
    margin-top: 6.5625rem; } }

@media (min-width: 1480px) {
  .page-case[data-case="bellakvarter"] section[data-section="intro"] .illustration-1 {
    margin-top: 7.5rem; } }

@media (min-width: 1920px) {
  .page-case[data-case="bellakvarter"] section[data-section="intro"] .illustration-1 {
    margin-top: 5.625rem; } }

.page-case[data-case="bellakvarter"] section[data-section="logodesign"] .illustration-logo .logo-front {
  position: absolute;
  top: 0;
  left: 0; }
  body[data-performance="high"] .page-case[data-case="bellakvarter"] section[data-section="logodesign"] .illustration-logo .logo-front {
    display: none;
    -webkit-animation: internetdagenLogoFront 1000ms cubic-bezier(0.645, 0.045, 0.355, 1);
    animation: internetdagenLogoFront 1000ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-delay: 750ms;
    animation-delay: 750ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

body[data-performance="high"] .page-case[data-case="bellakvarter"] section[data-section="logodesign"] .illustration-logo.active .logo-front {
  display: inline-block; }

@keyframes internetdagenLogoFront {
  0% {
    -webkit-transform: translateY(150%);
    transform: translateY(150%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

body[data-performance="low"] .page-case[data-case="bellakvarter"] section[data-section="commercial"] .video .preview {
  background-image: url("../img/case/bellakvarter/video/low/video.jpg"); }

body[data-performance="high"] .page-case[data-case="bellakvarter"] section[data-section="commercial"] .video .preview {
  background-image: url("../img/case/bellakvarter/video/video.png"); }

body[data-performance="low"] .page-case[data-case="bellakvarter"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/bellakvarter/preview/low/browser-1.jpg"); }

body[data-performance="low"] .page-case[data-case="bellakvarter"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/bellakvarter/preview/low/browser-2.jpg"); }

body[data-performance="high"] .page-case[data-case="bellakvarter"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/bellakvarter/preview/browser-1.png"); }

body[data-performance="high"] .page-case[data-case="bellakvarter"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/bellakvarter/preview/browser-2.png"); }

body.subpage .cases-section .case[data-case="npv"] .case-image,
body.subpage .cases-section .case[data-case="npv"] .skill-image,
body.subpage .skills-section .skill[data-skill="npv"] .case-image,
body.subpage .skills-section .skill[data-skill="npv"] .skill-image {
  background-image: url("../img/cases/npv.svg"); }
  body.subpage .cases-section .case[data-case="npv"] .case-image:before, body.subpage .cases-section .case[data-case="npv"] .case-image:after,
  body.subpage .cases-section .case[data-case="npv"] .skill-image:before,
  body.subpage .cases-section .case[data-case="npv"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="npv"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="npv"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="npv"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="npv"] .skill-image:after {
    background-color: rgba(255, 133, 54, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="npv"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="npv"]:hover .skill-description {
  border-top-color: #ff8536; }
  body[data-touch="false"].subpage .cases-section .case[data-case="npv"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="npv"]:hover .skill-description h4 {
    color: #ff8536; }

body[data-uri="case/npv"] #navigation-trigger,
body[data-uri="case/npv"] #page-title div,
body[data-uri="case/npv"] #menu,
body[data-uri="case/npv"] #page-close,
body[data-uri="skill/npv"] #navigation-trigger,
body[data-uri="skill/npv"] #page-title div,
body[data-uri="skill/npv"] #menu,
body[data-uri="skill/npv"] #page-close,
body[data-uri="npv"] #navigation-trigger,
body[data-uri="npv"] #page-title div,
body[data-uri="npv"] #menu,
body[data-uri="npv"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"] #page-close {
  background-color: rgba(255, 133, 54, 0.9); }

body[data-uri="case/npv"] #page-close,
body[data-uri="skill/npv"] #page-close,
body[data-uri="npv"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"] #page-close {
  background-color: transparent;
  border-color: #ff8536; }
  body[data-uri="case/npv"] #page-close:before, body[data-uri="case/npv"] #page-close:after,
  body[data-uri="skill/npv"] #page-close:before,
  body[data-uri="skill/npv"] #page-close:after,
  body[data-uri="npv"] #page-close:before,
  body[data-uri="npv"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="npv"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="npv"] #page-close:after {
    background-color: rgba(255, 133, 54, 0.75); }
  body[data-uri="case/npv"] #page-close svg,
  body[data-uri="skill/npv"] #page-close svg,
  body[data-uri="npv"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="npv"] #page-close svg {
    fill: #ff8536; }

body[data-uri="case/npv"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/npv"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/npv"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/npv"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="npv"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="npv"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #ff8536; }

body[data-uri="case/npv"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/npv"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="npv"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #ff8536; }

body[data-uri="case/npv"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/npv"][data-touch="false"] #page-close:hover svg,
body[data-uri="npv"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/npv"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/npv"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="npv"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #ff8536; }

body[data-uri="case/npv"] a,
body[data-uri="case/npv"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/npv"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/npv"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/npv"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/npv"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/npv"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/npv"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/npv"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/npv"] a,
body[data-uri="skill/npv"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/npv"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/npv"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/npv"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/npv"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/npv"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/npv"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/npv"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="npv"] a,
body[data-uri="npv"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="npv"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="npv"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="npv"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="npv"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="npv"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="npv"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="npv"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #ff8536; }

body[data-uri="case/npv"] .loader:before, body[data-uri="case/npv"] .loader:after,
body[data-uri="skill/npv"] .loader:before,
body[data-uri="skill/npv"] .loader:after,
body[data-uri="npv"] .loader:before,
body[data-uri="npv"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="npv"] .loader:after {
  background-color: #ff8536; }

section#cases .case[data-case="npv"] .down svg {
  stroke: #ff8536; }

body[data-uri="case/npv"] section#cases .description-box,
body[data-uri="skill/npv"] section#cases .description-box,
body[data-uri="npv"] section#cases .description-box,
body[data-uri="/"][data-case="npv"] section#cases .description-box {
  background-color: rgba(255, 133, 54, 0.9); }
  body[data-uri="case/npv"] section#cases .description-box .case-description[data-case="npv"],
  body[data-uri="skill/npv"] section#cases .description-box .case-description[data-case="npv"],
  body[data-uri="npv"] section#cases .description-box .case-description[data-case="npv"],
  body[data-uri="/"][data-case="npv"] section#cases .description-box .case-description[data-case="npv"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/npv"] section#cases .description-box .case-description[data-case="npv"] .text div,
    body[data-uri="skill/npv"] section#cases .description-box .case-description[data-case="npv"] .text div,
    body[data-uri="npv"] section#cases .description-box .case-description[data-case="npv"] .text div,
    body[data-uri="/"][data-case="npv"] section#cases .description-box .case-description[data-case="npv"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(1),
    body[data-uri="skill/npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(1),
    body[data-uri="npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(2),
    body[data-uri="skill/npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(2),
    body[data-uri="npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(3),
    body[data-uri="skill/npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(3),
    body[data-uri="npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(4),
    body[data-uri="skill/npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(4),
    body[data-uri="npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(5),
    body[data-uri="skill/npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(5),
    body[data-uri="npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(6),
    body[data-uri="skill/npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(6),
    body[data-uri="npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="npv"] section#cases .description-box .case-description[data-case="npv"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/npv"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/npv"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="npv"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="npv"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #ff8536; }

body[data-uri="case/npv"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/npv"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="npv"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="npv"][data-touch="false"] section#cases .description-box:hover .text {
  color: #ff8536; }
  body[data-uri="case/npv"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/npv"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="npv"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="npv"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #ff8536 !important; }
  body[data-uri="case/npv"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/npv"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="npv"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="npv"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #ff8536 !important; }

body[data-uri="case/npv"] .page-case[data-case="npv"] .color-primary,
body[data-uri="case/npv"] .page-skill[data-skill="npv"] .color-primary,
body[data-uri="skill/npv"] .page-case[data-case="npv"] .color-primary,
body[data-uri="skill/npv"] .page-skill[data-skill="npv"] .color-primary,
body[data-uri="npv"] .page-case[data-case="npv"] .color-primary,
body[data-uri="npv"] .page-skill[data-skill="npv"] .color-primary,
body[data-uri="/"][data-case="npv"] .page-case[data-case="npv"] .color-primary,
body[data-uri="/"][data-case="npv"] .page-skill[data-skill="npv"] .color-primary {
  color: #ff8536; }

body[data-uri="case/npv"] .page-case[data-case="npv"] .color-white,
body[data-uri="case/npv"] .page-skill[data-skill="npv"] .color-white,
body[data-uri="skill/npv"] .page-case[data-case="npv"] .color-white,
body[data-uri="skill/npv"] .page-skill[data-skill="npv"] .color-white,
body[data-uri="npv"] .page-case[data-case="npv"] .color-white,
body[data-uri="npv"] .page-skill[data-skill="npv"] .color-white,
body[data-uri="/"][data-case="npv"] .page-case[data-case="npv"] .color-white,
body[data-uri="/"][data-case="npv"] .page-skill[data-skill="npv"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/npv"] .page-case[data-case="npv"] .bg-primary,
body[data-uri="case/npv"] .page-skill[data-skill="npv"] .bg-primary,
body[data-uri="skill/npv"] .page-case[data-case="npv"] .bg-primary,
body[data-uri="skill/npv"] .page-skill[data-skill="npv"] .bg-primary,
body[data-uri="npv"] .page-case[data-case="npv"] .bg-primary,
body[data-uri="npv"] .page-skill[data-skill="npv"] .bg-primary,
body[data-uri="/"][data-case="npv"] .page-case[data-case="npv"] .bg-primary,
body[data-uri="/"][data-case="npv"] .page-skill[data-skill="npv"] .bg-primary {
  background-color: #ff8536 !important; }

body[data-uri="case/npv"] .page-case[data-case="npv"] .topimage-section .down svg,
body[data-uri="case/npv"] .page-skill[data-skill="npv"] .topimage-section .down svg,
body[data-uri="skill/npv"] .page-case[data-case="npv"] .topimage-section .down svg,
body[data-uri="skill/npv"] .page-skill[data-skill="npv"] .topimage-section .down svg,
body[data-uri="npv"] .page-case[data-case="npv"] .topimage-section .down svg,
body[data-uri="npv"] .page-skill[data-skill="npv"] .topimage-section .down svg,
body[data-uri="/"][data-case="npv"] .page-case[data-case="npv"] .topimage-section .down svg,
body[data-uri="/"][data-case="npv"] .page-skill[data-skill="npv"] .topimage-section .down svg {
  stroke: #ff8536; }

body[data-uri="case/npv"] .page-case[data-case="npv"] .textbox-bordered,
body[data-uri="case/npv"] .page-skill[data-skill="npv"] .textbox-bordered,
body[data-uri="skill/npv"] .page-case[data-case="npv"] .textbox-bordered,
body[data-uri="skill/npv"] .page-skill[data-skill="npv"] .textbox-bordered,
body[data-uri="npv"] .page-case[data-case="npv"] .textbox-bordered,
body[data-uri="npv"] .page-skill[data-skill="npv"] .textbox-bordered,
body[data-uri="/"][data-case="npv"] .page-case[data-case="npv"] .textbox-bordered,
body[data-uri="/"][data-case="npv"] .page-skill[data-skill="npv"] .textbox-bordered {
  border-top-color: #ff8536; }

body[data-uri="case/npv"] .page-case[data-case="npv"] .textbox-background,
body[data-uri="case/npv"] .page-skill[data-skill="npv"] .textbox-background,
body[data-uri="skill/npv"] .page-case[data-case="npv"] .textbox-background,
body[data-uri="skill/npv"] .page-skill[data-skill="npv"] .textbox-background,
body[data-uri="npv"] .page-case[data-case="npv"] .textbox-background,
body[data-uri="npv"] .page-skill[data-skill="npv"] .textbox-background,
body[data-uri="/"][data-case="npv"] .page-case[data-case="npv"] .textbox-background,
body[data-uri="/"][data-case="npv"] .page-skill[data-skill="npv"] .textbox-background {
  background-color: rgba(255, 133, 54, 0.9); }

body[data-uri="case/npv"] .page-case[data-case="npv"] .preview-section .link,
body[data-uri="case/npv"] .page-skill[data-skill="npv"] .preview-section .link,
body[data-uri="skill/npv"] .page-case[data-case="npv"] .preview-section .link,
body[data-uri="skill/npv"] .page-skill[data-skill="npv"] .preview-section .link,
body[data-uri="npv"] .page-case[data-case="npv"] .preview-section .link,
body[data-uri="npv"] .page-skill[data-skill="npv"] .preview-section .link,
body[data-uri="/"][data-case="npv"] .page-case[data-case="npv"] .preview-section .link,
body[data-uri="/"][data-case="npv"] .page-skill[data-skill="npv"] .preview-section .link {
  background-color: transparent;
  border-color: #ff8536; }
  body[data-uri="case/npv"] .page-case[data-case="npv"] .preview-section .link:before, body[data-uri="case/npv"] .page-case[data-case="npv"] .preview-section .link:after,
  body[data-uri="case/npv"] .page-skill[data-skill="npv"] .preview-section .link:before,
  body[data-uri="case/npv"] .page-skill[data-skill="npv"] .preview-section .link:after,
  body[data-uri="skill/npv"] .page-case[data-case="npv"] .preview-section .link:before,
  body[data-uri="skill/npv"] .page-case[data-case="npv"] .preview-section .link:after,
  body[data-uri="skill/npv"] .page-skill[data-skill="npv"] .preview-section .link:before,
  body[data-uri="skill/npv"] .page-skill[data-skill="npv"] .preview-section .link:after,
  body[data-uri="npv"] .page-case[data-case="npv"] .preview-section .link:before,
  body[data-uri="npv"] .page-case[data-case="npv"] .preview-section .link:after,
  body[data-uri="npv"] .page-skill[data-skill="npv"] .preview-section .link:before,
  body[data-uri="npv"] .page-skill[data-skill="npv"] .preview-section .link:after,
  body[data-uri="/"][data-case="npv"] .page-case[data-case="npv"] .preview-section .link:before,
  body[data-uri="/"][data-case="npv"] .page-case[data-case="npv"] .preview-section .link:after,
  body[data-uri="/"][data-case="npv"] .page-skill[data-skill="npv"] .preview-section .link:before,
  body[data-uri="/"][data-case="npv"] .page-skill[data-skill="npv"] .preview-section .link:after {
    background-color: rgba(255, 133, 54, 0.75); }
  body[data-uri="case/npv"] .page-case[data-case="npv"] .preview-section .link svg,
  body[data-uri="case/npv"] .page-skill[data-skill="npv"] .preview-section .link svg,
  body[data-uri="skill/npv"] .page-case[data-case="npv"] .preview-section .link svg,
  body[data-uri="skill/npv"] .page-skill[data-skill="npv"] .preview-section .link svg,
  body[data-uri="npv"] .page-case[data-case="npv"] .preview-section .link svg,
  body[data-uri="npv"] .page-skill[data-skill="npv"] .preview-section .link svg,
  body[data-uri="/"][data-case="npv"] .page-case[data-case="npv"] .preview-section .link svg,
  body[data-uri="/"][data-case="npv"] .page-skill[data-skill="npv"] .preview-section .link svg {
    fill: #ff8536; }
  body[data-touch="false"] body[data-uri="case/npv"] .page-case[data-case="npv"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/npv"] .page-skill[data-skill="npv"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/npv"] .page-case[data-case="npv"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/npv"] .page-skill[data-skill="npv"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="npv"] .page-case[data-case="npv"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="npv"] .page-skill[data-skill="npv"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="npv"] .page-case[data-case="npv"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="npv"] .page-skill[data-skill="npv"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/npv"] .page-case[data-case="npv"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/npv"] .page-skill[data-skill="npv"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/npv"] .page-case[data-case="npv"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/npv"] .page-skill[data-skill="npv"] .video-section .video .video-playpause .btn svg,
body[data-uri="npv"] .page-case[data-case="npv"] .video-section .video .video-playpause .btn svg,
body[data-uri="npv"] .page-skill[data-skill="npv"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="npv"] .page-case[data-case="npv"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="npv"] .page-skill[data-skill="npv"] .video-section .video .video-playpause .btn svg {
  fill: rgba(255, 133, 54, 0.9); }

body[data-uri="case/npv"] .page-case[data-case="npv"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/npv"] .page-skill[data-skill="npv"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/npv"] .page-case[data-case="npv"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/npv"] .page-skill[data-skill="npv"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="npv"] .page-case[data-case="npv"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="npv"] .page-skill[data-skill="npv"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="npv"] .page-case[data-case="npv"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="npv"] .page-skill[data-skill="npv"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(255, 133, 54, 0.9); }

body[data-uri="case/npv"] .page-case[data-case="npv"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/npv"] .page-skill[data-skill="npv"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/npv"] .page-case[data-case="npv"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/npv"] .page-skill[data-skill="npv"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="npv"] .page-case[data-case="npv"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="npv"] .page-skill[data-skill="npv"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="npv"] .page-case[data-case="npv"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="npv"] .page-skill[data-skill="npv"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(255, 133, 54, 0.9); }

body[data-uri="case/npv"] .page-case[data-case="npv"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/npv"] .page-skill[data-skill="npv"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/npv"] .page-case[data-case="npv"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/npv"] .page-skill[data-skill="npv"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="npv"] .page-case[data-case="npv"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="npv"] .page-skill[data-skill="npv"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="npv"] .page-case[data-case="npv"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="npv"] .page-skill[data-skill="npv"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(255, 133, 54, 0.9); }

body[data-uri="case/npv"] .page-case[data-case="npv"] .video-section .video .video-fullscreen,
body[data-uri="case/npv"] .page-skill[data-skill="npv"] .video-section .video .video-fullscreen,
body[data-uri="skill/npv"] .page-case[data-case="npv"] .video-section .video .video-fullscreen,
body[data-uri="skill/npv"] .page-skill[data-skill="npv"] .video-section .video .video-fullscreen,
body[data-uri="npv"] .page-case[data-case="npv"] .video-section .video .video-fullscreen,
body[data-uri="npv"] .page-skill[data-skill="npv"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="npv"] .page-case[data-case="npv"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="npv"] .page-skill[data-skill="npv"] .video-section .video .video-fullscreen {
  background-color: rgba(255, 133, 54, 0.9); }

body[data-uri="case/npv"] .page-case[data-case="npv"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/npv"] .page-skill[data-skill="npv"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/npv"] .page-case[data-case="npv"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/npv"] .page-skill[data-skill="npv"] .video-section .video.active .video-playpause .btn,
body[data-uri="npv"] .page-case[data-case="npv"] .video-section .video.active .video-playpause .btn,
body[data-uri="npv"] .page-skill[data-skill="npv"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="npv"] .page-case[data-case="npv"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="npv"] .page-skill[data-skill="npv"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(255, 133, 54, 0.9); }
  body[data-uri="case/npv"] .page-case[data-case="npv"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/npv"] .page-skill[data-skill="npv"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/npv"] .page-case[data-case="npv"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/npv"] .page-skill[data-skill="npv"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="npv"] .page-case[data-case="npv"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="npv"] .page-skill[data-skill="npv"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="npv"] .page-case[data-case="npv"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="npv"] .page-skill[data-skill="npv"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/npv"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/npv"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="npv"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="npv"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(255, 133, 54, 0.8) !important; }
  body[data-uri="case/npv"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/npv"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="npv"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="npv"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-home .cases-section .overview .case[data-case="npv"] .case-image {
  background-image: url("../img/home/cases/npv.svg"); }
  @media (max-width: 991px) {
    .page-home .cases-section .overview .case[data-case="npv"] .case-image {
      background-position: left 22.5% center; } }

.page-case[data-case="npv"] section[data-section="topimage"] .topimage {
  background-image: url("../img/case/npv/topimage/topimage.svg"); }

body[data-performance="low"] .page-case[data-case="npv"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/npv/preview/low/browser-1.jpg"); }

body[data-performance="low"] .page-case[data-case="npv"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/npv/preview/low/browser-2.jpg"); }

body[data-performance="low"] .page-case[data-case="npv"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/npv/preview/low/browser-3.jpg"); }

body[data-performance="high"] .page-case[data-case="npv"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/case/npv/preview/browser-1.png"); }

body[data-performance="high"] .page-case[data-case="npv"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/case/npv/preview/browser-2.png"); }

body[data-performance="high"] .page-case[data-case="npv"] section[data-section="website"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/case/npv/preview/browser-3.png"); }

body[data-performance="low"] .page-case[data-case="npv"] section[data-section="animation"] .video .preview {
  background-image: url("../img/case/npv/video/low/video.jpg"); }

body[data-performance="high"] .page-case[data-case="npv"] section[data-section="animation"] .video .preview {
  background-image: url("../img/case/npv/video/video.png"); }

.page-skill {
  position: relative;
  width: 100%;
  background-color: #fff;
  z-index: 190;
  overflow: hidden;
  pointer-events: none;
  display: none; }
  body.skill .page-skill {
    display: inline-block;
    pointer-events: all; }
  .page-skill.out {
    opacity: 0.5;
    -webkit-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out; }
    body[data-browser="safari"][data-device="false"] .page-skill.out {
      opacity: 1; }

body.subpage .cases-section .case[data-case="demo"] .case-image:before, body.subpage .cases-section .case[data-case="demo"] .case-image:after,
body.subpage .cases-section .case[data-case="demo"] .skill-image:before,
body.subpage .cases-section .case[data-case="demo"] .skill-image:after,
body.subpage .skills-section .skill[data-skill="demo"] .case-image:before,
body.subpage .skills-section .skill[data-skill="demo"] .case-image:after,
body.subpage .skills-section .skill[data-skill="demo"] .skill-image:before,
body.subpage .skills-section .skill[data-skill="demo"] .skill-image:after {
  background-color: rgba(85, 85, 85, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="demo"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="demo"]:hover .skill-description {
  border-top-color: #555555; }
  body[data-touch="false"].subpage .cases-section .case[data-case="demo"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="demo"]:hover .skill-description h4 {
    color: #555555; }

body[data-uri="case/demo"] #navigation-trigger,
body[data-uri="case/demo"] #page-title div,
body[data-uri="case/demo"] #menu,
body[data-uri="case/demo"] #page-close,
body[data-uri="skill/demo"] #navigation-trigger,
body[data-uri="skill/demo"] #page-title div,
body[data-uri="skill/demo"] #menu,
body[data-uri="skill/demo"] #page-close,
body[data-uri="demo"] #navigation-trigger,
body[data-uri="demo"] #page-title div,
body[data-uri="demo"] #menu,
body[data-uri="demo"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"] #page-close {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/demo"] #page-close,
body[data-uri="skill/demo"] #page-close,
body[data-uri="demo"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"] #page-close {
  background-color: transparent;
  border-color: #555555; }
  body[data-uri="case/demo"] #page-close:before, body[data-uri="case/demo"] #page-close:after,
  body[data-uri="skill/demo"] #page-close:before,
  body[data-uri="skill/demo"] #page-close:after,
  body[data-uri="demo"] #page-close:before,
  body[data-uri="demo"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="demo"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="demo"] #page-close:after {
    background-color: rgba(85, 85, 85, 0.75); }
  body[data-uri="case/demo"] #page-close svg,
  body[data-uri="skill/demo"] #page-close svg,
  body[data-uri="demo"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="demo"] #page-close svg {
    fill: #555555; }

body[data-uri="case/demo"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/demo"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/demo"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/demo"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="demo"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="demo"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #555555; }

body[data-uri="case/demo"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/demo"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="demo"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #555555; }

body[data-uri="case/demo"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/demo"][data-touch="false"] #page-close:hover svg,
body[data-uri="demo"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/demo"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/demo"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="demo"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #555555; }

body[data-uri="case/demo"] a,
body[data-uri="case/demo"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/demo"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/demo"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/demo"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/demo"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/demo"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/demo"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/demo"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/demo"] a,
body[data-uri="skill/demo"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/demo"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/demo"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/demo"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/demo"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/demo"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/demo"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/demo"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="demo"] a,
body[data-uri="demo"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="demo"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="demo"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="demo"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="demo"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="demo"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="demo"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="demo"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #555555; }

body[data-uri="case/demo"] .loader:before, body[data-uri="case/demo"] .loader:after,
body[data-uri="skill/demo"] .loader:before,
body[data-uri="skill/demo"] .loader:after,
body[data-uri="demo"] .loader:before,
body[data-uri="demo"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="demo"] .loader:after {
  background-color: #555555; }

section#cases .case[data-case="demo"] .down svg {
  stroke: #555555; }

body[data-uri="case/demo"] section#cases .description-box,
body[data-uri="skill/demo"] section#cases .description-box,
body[data-uri="demo"] section#cases .description-box,
body[data-uri="/"][data-case="demo"] section#cases .description-box {
  background-color: rgba(85, 85, 85, 0.9); }
  body[data-uri="case/demo"] section#cases .description-box .case-description[data-case="demo"],
  body[data-uri="skill/demo"] section#cases .description-box .case-description[data-case="demo"],
  body[data-uri="demo"] section#cases .description-box .case-description[data-case="demo"],
  body[data-uri="/"][data-case="demo"] section#cases .description-box .case-description[data-case="demo"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/demo"] section#cases .description-box .case-description[data-case="demo"] .text div,
    body[data-uri="skill/demo"] section#cases .description-box .case-description[data-case="demo"] .text div,
    body[data-uri="demo"] section#cases .description-box .case-description[data-case="demo"] .text div,
    body[data-uri="/"][data-case="demo"] section#cases .description-box .case-description[data-case="demo"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(1),
    body[data-uri="skill/demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(1),
    body[data-uri="demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(2),
    body[data-uri="skill/demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(2),
    body[data-uri="demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(3),
    body[data-uri="skill/demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(3),
    body[data-uri="demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(4),
    body[data-uri="skill/demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(4),
    body[data-uri="demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(5),
    body[data-uri="skill/demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(5),
    body[data-uri="demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(6),
    body[data-uri="skill/demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(6),
    body[data-uri="demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="demo"] section#cases .description-box .case-description[data-case="demo"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/demo"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/demo"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="demo"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="demo"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #555555; }

body[data-uri="case/demo"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/demo"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="demo"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="demo"][data-touch="false"] section#cases .description-box:hover .text {
  color: #555555; }
  body[data-uri="case/demo"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/demo"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="demo"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="demo"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #555555 !important; }
  body[data-uri="case/demo"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/demo"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="demo"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="demo"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #555555 !important; }

body[data-uri="case/demo"] .page-case[data-case="demo"] .color-primary,
body[data-uri="case/demo"] .page-skill[data-skill="demo"] .color-primary,
body[data-uri="skill/demo"] .page-case[data-case="demo"] .color-primary,
body[data-uri="skill/demo"] .page-skill[data-skill="demo"] .color-primary,
body[data-uri="demo"] .page-case[data-case="demo"] .color-primary,
body[data-uri="demo"] .page-skill[data-skill="demo"] .color-primary,
body[data-uri="/"][data-case="demo"] .page-case[data-case="demo"] .color-primary,
body[data-uri="/"][data-case="demo"] .page-skill[data-skill="demo"] .color-primary {
  color: #555555; }

body[data-uri="case/demo"] .page-case[data-case="demo"] .color-white,
body[data-uri="case/demo"] .page-skill[data-skill="demo"] .color-white,
body[data-uri="skill/demo"] .page-case[data-case="demo"] .color-white,
body[data-uri="skill/demo"] .page-skill[data-skill="demo"] .color-white,
body[data-uri="demo"] .page-case[data-case="demo"] .color-white,
body[data-uri="demo"] .page-skill[data-skill="demo"] .color-white,
body[data-uri="/"][data-case="demo"] .page-case[data-case="demo"] .color-white,
body[data-uri="/"][data-case="demo"] .page-skill[data-skill="demo"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/demo"] .page-case[data-case="demo"] .bg-primary,
body[data-uri="case/demo"] .page-skill[data-skill="demo"] .bg-primary,
body[data-uri="skill/demo"] .page-case[data-case="demo"] .bg-primary,
body[data-uri="skill/demo"] .page-skill[data-skill="demo"] .bg-primary,
body[data-uri="demo"] .page-case[data-case="demo"] .bg-primary,
body[data-uri="demo"] .page-skill[data-skill="demo"] .bg-primary,
body[data-uri="/"][data-case="demo"] .page-case[data-case="demo"] .bg-primary,
body[data-uri="/"][data-case="demo"] .page-skill[data-skill="demo"] .bg-primary {
  background-color: #555555 !important; }

body[data-uri="case/demo"] .page-case[data-case="demo"] .topimage-section .down svg,
body[data-uri="case/demo"] .page-skill[data-skill="demo"] .topimage-section .down svg,
body[data-uri="skill/demo"] .page-case[data-case="demo"] .topimage-section .down svg,
body[data-uri="skill/demo"] .page-skill[data-skill="demo"] .topimage-section .down svg,
body[data-uri="demo"] .page-case[data-case="demo"] .topimage-section .down svg,
body[data-uri="demo"] .page-skill[data-skill="demo"] .topimage-section .down svg,
body[data-uri="/"][data-case="demo"] .page-case[data-case="demo"] .topimage-section .down svg,
body[data-uri="/"][data-case="demo"] .page-skill[data-skill="demo"] .topimage-section .down svg {
  stroke: #555555; }

body[data-uri="case/demo"] .page-case[data-case="demo"] .textbox-bordered,
body[data-uri="case/demo"] .page-skill[data-skill="demo"] .textbox-bordered,
body[data-uri="skill/demo"] .page-case[data-case="demo"] .textbox-bordered,
body[data-uri="skill/demo"] .page-skill[data-skill="demo"] .textbox-bordered,
body[data-uri="demo"] .page-case[data-case="demo"] .textbox-bordered,
body[data-uri="demo"] .page-skill[data-skill="demo"] .textbox-bordered,
body[data-uri="/"][data-case="demo"] .page-case[data-case="demo"] .textbox-bordered,
body[data-uri="/"][data-case="demo"] .page-skill[data-skill="demo"] .textbox-bordered {
  border-top-color: #555555; }

body[data-uri="case/demo"] .page-case[data-case="demo"] .textbox-background,
body[data-uri="case/demo"] .page-skill[data-skill="demo"] .textbox-background,
body[data-uri="skill/demo"] .page-case[data-case="demo"] .textbox-background,
body[data-uri="skill/demo"] .page-skill[data-skill="demo"] .textbox-background,
body[data-uri="demo"] .page-case[data-case="demo"] .textbox-background,
body[data-uri="demo"] .page-skill[data-skill="demo"] .textbox-background,
body[data-uri="/"][data-case="demo"] .page-case[data-case="demo"] .textbox-background,
body[data-uri="/"][data-case="demo"] .page-skill[data-skill="demo"] .textbox-background {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/demo"] .page-case[data-case="demo"] .preview-section .link,
body[data-uri="case/demo"] .page-skill[data-skill="demo"] .preview-section .link,
body[data-uri="skill/demo"] .page-case[data-case="demo"] .preview-section .link,
body[data-uri="skill/demo"] .page-skill[data-skill="demo"] .preview-section .link,
body[data-uri="demo"] .page-case[data-case="demo"] .preview-section .link,
body[data-uri="demo"] .page-skill[data-skill="demo"] .preview-section .link,
body[data-uri="/"][data-case="demo"] .page-case[data-case="demo"] .preview-section .link,
body[data-uri="/"][data-case="demo"] .page-skill[data-skill="demo"] .preview-section .link {
  background-color: transparent;
  border-color: #555555; }
  body[data-uri="case/demo"] .page-case[data-case="demo"] .preview-section .link:before, body[data-uri="case/demo"] .page-case[data-case="demo"] .preview-section .link:after,
  body[data-uri="case/demo"] .page-skill[data-skill="demo"] .preview-section .link:before,
  body[data-uri="case/demo"] .page-skill[data-skill="demo"] .preview-section .link:after,
  body[data-uri="skill/demo"] .page-case[data-case="demo"] .preview-section .link:before,
  body[data-uri="skill/demo"] .page-case[data-case="demo"] .preview-section .link:after,
  body[data-uri="skill/demo"] .page-skill[data-skill="demo"] .preview-section .link:before,
  body[data-uri="skill/demo"] .page-skill[data-skill="demo"] .preview-section .link:after,
  body[data-uri="demo"] .page-case[data-case="demo"] .preview-section .link:before,
  body[data-uri="demo"] .page-case[data-case="demo"] .preview-section .link:after,
  body[data-uri="demo"] .page-skill[data-skill="demo"] .preview-section .link:before,
  body[data-uri="demo"] .page-skill[data-skill="demo"] .preview-section .link:after,
  body[data-uri="/"][data-case="demo"] .page-case[data-case="demo"] .preview-section .link:before,
  body[data-uri="/"][data-case="demo"] .page-case[data-case="demo"] .preview-section .link:after,
  body[data-uri="/"][data-case="demo"] .page-skill[data-skill="demo"] .preview-section .link:before,
  body[data-uri="/"][data-case="demo"] .page-skill[data-skill="demo"] .preview-section .link:after {
    background-color: rgba(85, 85, 85, 0.75); }
  body[data-uri="case/demo"] .page-case[data-case="demo"] .preview-section .link svg,
  body[data-uri="case/demo"] .page-skill[data-skill="demo"] .preview-section .link svg,
  body[data-uri="skill/demo"] .page-case[data-case="demo"] .preview-section .link svg,
  body[data-uri="skill/demo"] .page-skill[data-skill="demo"] .preview-section .link svg,
  body[data-uri="demo"] .page-case[data-case="demo"] .preview-section .link svg,
  body[data-uri="demo"] .page-skill[data-skill="demo"] .preview-section .link svg,
  body[data-uri="/"][data-case="demo"] .page-case[data-case="demo"] .preview-section .link svg,
  body[data-uri="/"][data-case="demo"] .page-skill[data-skill="demo"] .preview-section .link svg {
    fill: #555555; }
  body[data-touch="false"] body[data-uri="case/demo"] .page-case[data-case="demo"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/demo"] .page-skill[data-skill="demo"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/demo"] .page-case[data-case="demo"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/demo"] .page-skill[data-skill="demo"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="demo"] .page-case[data-case="demo"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="demo"] .page-skill[data-skill="demo"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="demo"] .page-case[data-case="demo"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="demo"] .page-skill[data-skill="demo"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/demo"] .page-case[data-case="demo"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/demo"] .page-skill[data-skill="demo"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/demo"] .page-case[data-case="demo"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/demo"] .page-skill[data-skill="demo"] .video-section .video .video-playpause .btn svg,
body[data-uri="demo"] .page-case[data-case="demo"] .video-section .video .video-playpause .btn svg,
body[data-uri="demo"] .page-skill[data-skill="demo"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="demo"] .page-case[data-case="demo"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="demo"] .page-skill[data-skill="demo"] .video-section .video .video-playpause .btn svg {
  fill: rgba(85, 85, 85, 0.9); }

body[data-uri="case/demo"] .page-case[data-case="demo"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/demo"] .page-skill[data-skill="demo"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/demo"] .page-case[data-case="demo"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/demo"] .page-skill[data-skill="demo"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="demo"] .page-case[data-case="demo"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="demo"] .page-skill[data-skill="demo"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="demo"] .page-case[data-case="demo"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="demo"] .page-skill[data-skill="demo"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/demo"] .page-case[data-case="demo"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/demo"] .page-skill[data-skill="demo"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/demo"] .page-case[data-case="demo"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/demo"] .page-skill[data-skill="demo"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="demo"] .page-case[data-case="demo"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="demo"] .page-skill[data-skill="demo"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="demo"] .page-case[data-case="demo"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="demo"] .page-skill[data-skill="demo"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/demo"] .page-case[data-case="demo"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/demo"] .page-skill[data-skill="demo"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/demo"] .page-case[data-case="demo"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/demo"] .page-skill[data-skill="demo"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="demo"] .page-case[data-case="demo"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="demo"] .page-skill[data-skill="demo"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="demo"] .page-case[data-case="demo"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="demo"] .page-skill[data-skill="demo"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/demo"] .page-case[data-case="demo"] .video-section .video .video-fullscreen,
body[data-uri="case/demo"] .page-skill[data-skill="demo"] .video-section .video .video-fullscreen,
body[data-uri="skill/demo"] .page-case[data-case="demo"] .video-section .video .video-fullscreen,
body[data-uri="skill/demo"] .page-skill[data-skill="demo"] .video-section .video .video-fullscreen,
body[data-uri="demo"] .page-case[data-case="demo"] .video-section .video .video-fullscreen,
body[data-uri="demo"] .page-skill[data-skill="demo"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="demo"] .page-case[data-case="demo"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="demo"] .page-skill[data-skill="demo"] .video-section .video .video-fullscreen {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/demo"] .page-case[data-case="demo"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/demo"] .page-skill[data-skill="demo"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/demo"] .page-case[data-case="demo"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/demo"] .page-skill[data-skill="demo"] .video-section .video.active .video-playpause .btn,
body[data-uri="demo"] .page-case[data-case="demo"] .video-section .video.active .video-playpause .btn,
body[data-uri="demo"] .page-skill[data-skill="demo"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="demo"] .page-case[data-case="demo"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="demo"] .page-skill[data-skill="demo"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(85, 85, 85, 0.9); }
  body[data-uri="case/demo"] .page-case[data-case="demo"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/demo"] .page-skill[data-skill="demo"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/demo"] .page-case[data-case="demo"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/demo"] .page-skill[data-skill="demo"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="demo"] .page-case[data-case="demo"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="demo"] .page-skill[data-skill="demo"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="demo"] .page-case[data-case="demo"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="demo"] .page-skill[data-skill="demo"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/demo"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/demo"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="demo"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="demo"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(85, 85, 85, 0.8) !important; }
  body[data-uri="case/demo"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/demo"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="demo"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="demo"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-skill[data-skill="demo"] section.gallery-section #filters {
  display: inline-block;
  width: 100%;
  border-bottom: 8px solid #000;
  margin-bottom: 1.875rem;
  text-align: right; }
  .page-skill[data-skill="demo"] section.gallery-section #filters button {
    background-color: transparent;
    border: 0;
    font-size: 1.25rem;
    padding: 0.9375rem 1.40625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "Rockwell W01", serif; }
    .page-skill[data-skill="demo"] section.gallery-section #filters button.active {
      color: rgba(0, 0, 0, 0.5); }
    .page-skill[data-skill="demo"] section.gallery-section #filters button:focus {
      outline: none; }
    .page-skill[data-skill="demo"] section.gallery-section #filters button:last-child {
      padding-right: 0; }
  @media (max-width: 1199px) {
    .page-skill[data-skill="demo"] section.gallery-section #filters {
      display: none; } }

@media (min-width: 992px) {
  .page-skill[data-skill="demo"] section.gallery-section .column {
    padding: 0 0.9375rem; } }

@media (max-width: 991px) {
  .page-skill[data-skill="demo"] section.gallery-section .column {
    padding: 0; } }

.page-skill[data-skill="demo"] section.gallery-section .gallery-item {
  width: 100%;
  position: relative;
  display: inline-block;
  margin-bottom: 1.875rem; }
  .page-skill[data-skill="demo"] section.gallery-section .gallery-item .gallery-item-image {
    position: relative;
    display: inline-block;
    width: 100%;
    height: -webkit-calc(100vw - 4.6875rem);
    height: calc(100vw - 4.6875rem);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden; }
    @media (min-width: 1920px) {
      .page-skill[data-skill="demo"] section.gallery-section .gallery-item .gallery-item-image {
        height: 23.4375rem; } }

@media (min-width: 1480px) and (max-width: 1919px) {
  .page-skill[data-skill="demo"] section.gallery-section .gallery-item .gallery-item-image {
    height: 24.375rem; } }

@media (min-width: 1200px) and (max-width: 1479px) {
  .page-skill[data-skill="demo"] section.gallery-section .gallery-item .gallery-item-image {
    height: 19.36875rem; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .page-skill[data-skill="demo"] section.gallery-section .gallery-item .gallery-item-image {
    height: 24.375rem; } }

@media (min-width: 768px) and (max-width: 991px) {
  .page-skill[data-skill="demo"] section.gallery-section .gallery-item .gallery-item-image {
    height: 40.5rem; } }
    .page-skill[data-skill="demo"] section.gallery-section .gallery-item .gallery-item-image:before, .page-skill[data-skill="demo"] section.gallery-section .gallery-item .gallery-item-image:after {
      content: '';
      position: absolute;
      width: 75rem;
      height: 150rem;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      -webkit-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center;
      background-color: rgba(85, 85, 85, 0.5);
      -webkit-transition: top 400ms ease-in-out, left 400ms ease-in-out;
      transition: top 400ms ease-in-out, left 400ms ease-in-out;
      pointer-events: none; }
    .page-skill[data-skill="demo"] section.gallery-section .gallery-item .gallery-item-image:before {
      top: -37.5rem;
      left: -75rem;
      z-index: 10; }
    .page-skill[data-skill="demo"] section.gallery-section .gallery-item .gallery-item-image:after {
      top: -webkit-calc(100% + 37.5rem);
      top: calc(100% + 37.5rem);
      left: -webkit-calc(100% + 75rem);
      left: calc(100% + 75rem);
      -webkit-transition-delay: 200ms;
      transition-delay: 200ms;
      z-index: 20; }
    .page-skill[data-skill="demo"] section.gallery-section .gallery-item .gallery-item-image .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 5.625rem;
      opacity: 0;
      z-index: 25;
      -webkit-transition: opacity 400ms ease-in-out;
      transition: opacity 400ms ease-in-out;
      pointer-events: none; }
      .page-skill[data-skill="demo"] section.gallery-section .gallery-item .gallery-item-image .icon svg {
        width: 100%;
        height: auto;
        fill: #fff;
        stroke: #fff; }
    .page-skill[data-skill="demo"] section.gallery-section .gallery-item .gallery-item-image .title {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 0.9375rem;
      z-index: 50;
      color: #fff;
      opacity: 0;
      -webkit-transition: opacity 400ms ease-in-out;
      transition: opacity 400ms ease-in-out;
      pointer-events: none; }
      .page-skill[data-skill="demo"] section.gallery-section .gallery-item .gallery-item-image .title p {
        font-size: 0.875rem;
        line-height: 1em;
        margin-bottom: 0;
        margin-top: 0.46875rem; }
      .page-skill[data-skill="demo"] section.gallery-section .gallery-item .gallery-item-image .title span {
        font-size: 1.25rem;
        line-height: 1em; }
  body[data-touch="false"] .page-skill[data-skill="demo"] section.gallery-section .gallery-item:hover .gallery-item-image:before,
  body[data-touch="false"] .page-skill[data-skill="demo"] section.gallery-section .gallery-item:hover .gallery-item-image:after {
    top: 50%;
    left: 50%; }
  body[data-touch="false"] .page-skill[data-skill="demo"] section.gallery-section .gallery-item:hover .gallery-item-image .icon {
    opacity: 1;
    -webkit-transition: opacity 400ms ease-in-out 200ms;
    transition: opacity 400ms ease-in-out 200ms; }
  body[data-touch="false"] .page-skill[data-skill="demo"] section.gallery-section .gallery-item:hover .gallery-item-image .title {
    opacity: 1;
    -webkit-transition: opacity 400ms ease-in-out 200ms;
    transition: opacity 400ms ease-in-out 200ms; }

.page-skill[data-skill="demo"] section.gallery-section #style-andbie-video .gallery-item-image {
  background-image: url("../img/skill/demo/images/andbie-video.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-abprint .gallery-item-image {
  background-image: url("../img/skill/demo/images/abprint.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-abpreview .gallery-item-image {
  background-image: url("../img/skill/demo/images/abpreview.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-atp .gallery-item-image {
  background-image: url("../img/skill/demo/images/atp.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-bank .gallery-item-image {
  background-image: url("../img/skill/demo/images/bank.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-bedrepsykiatriungdom .gallery-item-image {
  background-image: url("../img/skill/demo/images/bedrepsykiatriungdom.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-bellakvarter .gallery-item-image {
  background-image: url("../img/skill/demo/images/bellakvarter.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-boibellakvarter .gallery-item-image {
  background-image: url("../img/skill/demo/images/boibellakvarter.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-bolig .gallery-item-image {
  background-image: url("../img/skill/demo/images/bolig.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-boligselskabetsjaelland-video .gallery-item-image {
  background-image: url("../img/skill/demo/images/boligselskabetsjaelland-video.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-bulldozer .gallery-item-image {
  background-image: url("../img/skill/demo/images/bulldozer.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-buraeg .gallery-item-image {
  background-image: url("../img/skill/demo/images/buraeg.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-cej .gallery-item-image {
  background-image: url("../img/skill/demo/images/cej.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-copenhagenelectric .gallery-item-image {
  background-image: url("../img/skill/demo/images/copenhagenelectric.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-danskfjernvarme-video .gallery-item-image {
  background-image: url("../img/skill/demo/images/danskfjernvarme-video.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-danskebank-video .gallery-item-image {
  background-image: url("../img/skill/demo/images/danskebank-video.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-danskeitadvokater .gallery-item-image {
  background-image: url("../img/skill/demo/images/danskeitadvokater.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-danvak .gallery-item-image {
  background-image: url("../img/skill/demo/images/danvak.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-ddd-app .gallery-item-image {
  background-image: url("../img/skill/demo/images/ddd-app.jpeg"); }

.page-skill[data-skill="demo"] section.gallery-section #style-ddd-video .gallery-item-image {
  background-image: url("../img/skill/demo/images/ddd-video.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-dreyerkvetny .gallery-item-image {
  background-image: url("../img/skill/demo/images/dreyerkvetny.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-dsa-1 .gallery-item-image {
  background-image: url("../img/skill/demo/images/dsa-1.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-dsa-2 .gallery-item-image {
  background-image: url("../img/skill/demo/images/dsa-2.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-dsa-animation .gallery-item-image {
  background-image: url("../img/skill/demo/images/dsa-animation.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-dsa-video1 .gallery-item-image {
  background-image: url("../img/skill/demo/images/dsa-video1.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-dsa-video2 .gallery-item-image {
  background-image: url("../img/skill/demo/images/dsa-video2.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-dyreneskidsclub .gallery-item-image {
  background-image: url("../img/skill/demo/images/dyreneskidsclub.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-enfriskstart .gallery-item-image {
  background-image: url("../img/skill/demo/images/enfriskstart.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-faergen .gallery-item-image {
  background-image: url("../img/skill/demo/images/faergen.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-faergen-video .gallery-item-image {
  background-image: url("../img/skill/demo/images/faergen-video.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-findirma .gallery-item-image {
  background-image: url("../img/skill/demo/images/findirma.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-firstedition .gallery-item-image {
  background-image: url("../img/skill/demo/images/firstedition.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-foelgesygdomme .gallery-item-image {
  background-image: url("../img/skill/demo/images/foelgesygdomme.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-forsikring .gallery-item-image {
  background-image: url("../img/skill/demo/images/forsikring.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-friloenforsikring .gallery-item-image {
  background-image: url("../img/skill/demo/images/friloenforsikring.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-friloenforsikring-video .gallery-item-image {
  background-image: url("../img/skill/demo/images/friloenforsikring-video.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-gamesday .gallery-item-image {
  background-image: url("../img/skill/demo/images/gamesday.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-genitor .gallery-item-image {
  background-image: url("../img/skill/demo/images/genitor.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-gl .gallery-item-image {
  background-image: url("../img/skill/demo/images/gl.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-gl-video1 .gallery-item-image {
  background-image: url("../img/skill/demo/images/gl-video1.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-gl-video2 .gallery-item-image {
  background-image: url("../img/skill/demo/images/gl-video2.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-greensunvillas .gallery-item-image {
  background-image: url("../img/skill/demo/images/greensunvillas.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-greensunvillas-video .gallery-item-image {
  background-image: url("../img/skill/demo/images/greensunvillas-video.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-icann .gallery-item-image {
  background-image: url("../img/skill/demo/images/icann.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-imagemailer .gallery-item-image {
  background-image: url("../img/skill/demo/images/imagemailer.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-immuntox .gallery-item-image {
  background-image: url("../img/skill/demo/images/immuntox.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-internetdagen2015 .gallery-item-image {
  background-image: url("../img/skill/demo/images/internetdagen2015.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-internetdagen2016 .gallery-item-image {
  background-image: url("../img/skill/demo/images/internetdagen2016.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-irmabyen-map .gallery-item-image {
  background-image: url("../img/skill/demo/images/irmabyen-map.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-irmabyen-app .gallery-item-image {
  background-image: url("../img/skill/demo/images/irmabyen-app.jpeg"); }

.page-skill[data-skill="demo"] section.gallery-section #style-kabapp-v1 .gallery-item-image {
  background-image: url("../img/skill/demo/images/kabapp-v1.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-kabapp .gallery-item-image {
  background-image: url("../img/skill/demo/images/kabapp.jpeg"); }

.page-skill[data-skill="demo"] section.gallery-section #style-kabapp-video .gallery-item-image {
  background-image: url("../img/skill/demo/images/kabapp-video.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-krogs .gallery-item-image {
  background-image: url("../img/skill/demo/images/krogs.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-kts .gallery-item-image {
  background-image: url("../img/skill/demo/images/kts.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-koebenhavnsborgerservice-video .gallery-item-image {
  background-image: url("../img/skill/demo/images/koebenhavnsborgerservice-video.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-maven .gallery-item-image {
  background-image: url("../img/skill/demo/images/maven.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-mettebruun .gallery-item-image {
  background-image: url("../img/skill/demo/images/mettebruun.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-onfone-video .gallery-item-image {
  background-image: url("../img/skill/demo/images/onfone-video.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-panodil .gallery-item-image {
  background-image: url("../img/skill/demo/images/panodil.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-ratboy .gallery-item-image {
  background-image: url("../img/skill/demo/images/ratboy.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-riemann-v1 .gallery-item-image {
  background-image: url("../img/skill/demo/images/riemann-v1.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-spionagetesten .gallery-item-image {
  background-image: url("../img/skill/demo/images/spionagetesten.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-spionagetesten-video .gallery-item-image {
  background-image: url("../img/skill/demo/images/spionagetesten-video.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-tekniq-video .gallery-item-image {
  background-image: url("../img/skill/demo/images/tekniq-video.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-thomas .gallery-item-image {
  background-image: url("../img/skill/demo/images/thomas.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-topdanmark .gallery-item-image {
  background-image: url("../img/skill/demo/images/topdanmark.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-topdanmark-v1 .gallery-item-image {
  background-image: url("../img/skill/demo/images/topdanmark-v1.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-topdanmark-v2 .gallery-item-image {
  background-image: url("../img/skill/demo/images/topdanmark-v2.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-topdanmark-video .gallery-item-image {
  background-image: url("../img/skill/demo/images/topdanmark-video.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-vaekstfonden-video .gallery-item-image {
  background-image: url("../img/skill/demo/images/vaekstfonden-video.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-vibrugerhovedet .gallery-item-image {
  background-image: url("../img/skill/demo/images/vibrugerhovedet.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-uddannelsesforbundet-video .gallery-item-image {
  background-image: url("../img/skill/demo/images/uddannelsesforbundet-video.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-youglo .gallery-item-image {
  background-image: url("../img/skill/demo/images/youglo.png"); }

.page-skill[data-skill="demo"] section.gallery-section #style-youglo-video .gallery-item-image {
  background-image: url("../img/skill/demo/images/youglo-video.png"); }

.page-skill[data-skill="demo"] section.gallery-section .hide-item {
  display: none !important; }

body.subpage .cases-section .case[data-case="annoncer"] .case-image,
body.subpage .cases-section .case[data-case="annoncer"] .skill-image,
body.subpage .skills-section .skill[data-skill="annoncer"] .case-image,
body.subpage .skills-section .skill[data-skill="annoncer"] .skill-image {
  background-image: url("../img/cases/annoncer.jpg"); }
  body.subpage .cases-section .case[data-case="annoncer"] .case-image:before, body.subpage .cases-section .case[data-case="annoncer"] .case-image:after,
  body.subpage .cases-section .case[data-case="annoncer"] .skill-image:before,
  body.subpage .cases-section .case[data-case="annoncer"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="annoncer"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="annoncer"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="annoncer"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="annoncer"] .skill-image:after {
    background-color: rgba(85, 85, 85, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="annoncer"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="annoncer"]:hover .skill-description {
  border-top-color: #555555; }
  body[data-touch="false"].subpage .cases-section .case[data-case="annoncer"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="annoncer"]:hover .skill-description h4 {
    color: #555555; }

body[data-uri="case/annoncer"] #navigation-trigger,
body[data-uri="case/annoncer"] #page-title div,
body[data-uri="case/annoncer"] #menu,
body[data-uri="case/annoncer"] #page-close,
body[data-uri="skill/annoncer"] #navigation-trigger,
body[data-uri="skill/annoncer"] #page-title div,
body[data-uri="skill/annoncer"] #menu,
body[data-uri="skill/annoncer"] #page-close,
body[data-uri="annoncer"] #navigation-trigger,
body[data-uri="annoncer"] #page-title div,
body[data-uri="annoncer"] #menu,
body[data-uri="annoncer"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"] #page-close {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/annoncer"] #page-close,
body[data-uri="skill/annoncer"] #page-close,
body[data-uri="annoncer"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"] #page-close {
  background-color: transparent;
  border-color: #555555; }
  body[data-uri="case/annoncer"] #page-close:before, body[data-uri="case/annoncer"] #page-close:after,
  body[data-uri="skill/annoncer"] #page-close:before,
  body[data-uri="skill/annoncer"] #page-close:after,
  body[data-uri="annoncer"] #page-close:before,
  body[data-uri="annoncer"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"] #page-close:after {
    background-color: rgba(85, 85, 85, 0.75); }
  body[data-uri="case/annoncer"] #page-close svg,
  body[data-uri="skill/annoncer"] #page-close svg,
  body[data-uri="annoncer"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"] #page-close svg {
    fill: #555555; }

body[data-uri="case/annoncer"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/annoncer"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/annoncer"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/annoncer"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="annoncer"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="annoncer"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #555555; }

body[data-uri="case/annoncer"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/annoncer"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="annoncer"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #555555; }

body[data-uri="case/annoncer"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/annoncer"][data-touch="false"] #page-close:hover svg,
body[data-uri="annoncer"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/annoncer"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/annoncer"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="annoncer"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #555555; }

body[data-uri="case/annoncer"] a,
body[data-uri="case/annoncer"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/annoncer"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/annoncer"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/annoncer"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/annoncer"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/annoncer"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/annoncer"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/annoncer"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/annoncer"] a,
body[data-uri="skill/annoncer"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/annoncer"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/annoncer"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/annoncer"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/annoncer"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/annoncer"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/annoncer"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/annoncer"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="annoncer"] a,
body[data-uri="annoncer"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="annoncer"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="annoncer"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="annoncer"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="annoncer"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="annoncer"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="annoncer"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="annoncer"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #555555; }

body[data-uri="case/annoncer"] .loader:before, body[data-uri="case/annoncer"] .loader:after,
body[data-uri="skill/annoncer"] .loader:before,
body[data-uri="skill/annoncer"] .loader:after,
body[data-uri="annoncer"] .loader:before,
body[data-uri="annoncer"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="annoncer"] .loader:after {
  background-color: #555555; }

section#cases .case[data-case="annoncer"] .down svg {
  stroke: #555555; }

body[data-uri="case/annoncer"] section#cases .description-box,
body[data-uri="skill/annoncer"] section#cases .description-box,
body[data-uri="annoncer"] section#cases .description-box,
body[data-uri="/"][data-case="annoncer"] section#cases .description-box {
  background-color: rgba(85, 85, 85, 0.9); }
  body[data-uri="case/annoncer"] section#cases .description-box .case-description[data-case="annoncer"],
  body[data-uri="skill/annoncer"] section#cases .description-box .case-description[data-case="annoncer"],
  body[data-uri="annoncer"] section#cases .description-box .case-description[data-case="annoncer"],
  body[data-uri="/"][data-case="annoncer"] section#cases .description-box .case-description[data-case="annoncer"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div,
    body[data-uri="skill/annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div,
    body[data-uri="annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div,
    body[data-uri="/"][data-case="annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(1),
    body[data-uri="skill/annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(1),
    body[data-uri="annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(2),
    body[data-uri="skill/annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(2),
    body[data-uri="annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(3),
    body[data-uri="skill/annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(3),
    body[data-uri="annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(4),
    body[data-uri="skill/annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(4),
    body[data-uri="annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(5),
    body[data-uri="skill/annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(5),
    body[data-uri="annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(6),
    body[data-uri="skill/annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(6),
    body[data-uri="annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="annoncer"] section#cases .description-box .case-description[data-case="annoncer"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/annoncer"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/annoncer"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="annoncer"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="annoncer"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #555555; }

body[data-uri="case/annoncer"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/annoncer"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="annoncer"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="annoncer"][data-touch="false"] section#cases .description-box:hover .text {
  color: #555555; }
  body[data-uri="case/annoncer"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/annoncer"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="annoncer"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="annoncer"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #555555 !important; }
  body[data-uri="case/annoncer"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/annoncer"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="annoncer"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="annoncer"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #555555 !important; }

body[data-uri="case/annoncer"] .page-case[data-case="annoncer"] .color-primary,
body[data-uri="case/annoncer"] .page-skill[data-skill="annoncer"] .color-primary,
body[data-uri="skill/annoncer"] .page-case[data-case="annoncer"] .color-primary,
body[data-uri="skill/annoncer"] .page-skill[data-skill="annoncer"] .color-primary,
body[data-uri="annoncer"] .page-case[data-case="annoncer"] .color-primary,
body[data-uri="annoncer"] .page-skill[data-skill="annoncer"] .color-primary,
body[data-uri="/"][data-case="annoncer"] .page-case[data-case="annoncer"] .color-primary,
body[data-uri="/"][data-case="annoncer"] .page-skill[data-skill="annoncer"] .color-primary {
  color: #555555; }

body[data-uri="case/annoncer"] .page-case[data-case="annoncer"] .color-white,
body[data-uri="case/annoncer"] .page-skill[data-skill="annoncer"] .color-white,
body[data-uri="skill/annoncer"] .page-case[data-case="annoncer"] .color-white,
body[data-uri="skill/annoncer"] .page-skill[data-skill="annoncer"] .color-white,
body[data-uri="annoncer"] .page-case[data-case="annoncer"] .color-white,
body[data-uri="annoncer"] .page-skill[data-skill="annoncer"] .color-white,
body[data-uri="/"][data-case="annoncer"] .page-case[data-case="annoncer"] .color-white,
body[data-uri="/"][data-case="annoncer"] .page-skill[data-skill="annoncer"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/annoncer"] .page-case[data-case="annoncer"] .bg-primary,
body[data-uri="case/annoncer"] .page-skill[data-skill="annoncer"] .bg-primary,
body[data-uri="skill/annoncer"] .page-case[data-case="annoncer"] .bg-primary,
body[data-uri="skill/annoncer"] .page-skill[data-skill="annoncer"] .bg-primary,
body[data-uri="annoncer"] .page-case[data-case="annoncer"] .bg-primary,
body[data-uri="annoncer"] .page-skill[data-skill="annoncer"] .bg-primary,
body[data-uri="/"][data-case="annoncer"] .page-case[data-case="annoncer"] .bg-primary,
body[data-uri="/"][data-case="annoncer"] .page-skill[data-skill="annoncer"] .bg-primary {
  background-color: #555555 !important; }

body[data-uri="case/annoncer"] .page-case[data-case="annoncer"] .topimage-section .down svg,
body[data-uri="case/annoncer"] .page-skill[data-skill="annoncer"] .topimage-section .down svg,
body[data-uri="skill/annoncer"] .page-case[data-case="annoncer"] .topimage-section .down svg,
body[data-uri="skill/annoncer"] .page-skill[data-skill="annoncer"] .topimage-section .down svg,
body[data-uri="annoncer"] .page-case[data-case="annoncer"] .topimage-section .down svg,
body[data-uri="annoncer"] .page-skill[data-skill="annoncer"] .topimage-section .down svg,
body[data-uri="/"][data-case="annoncer"] .page-case[data-case="annoncer"] .topimage-section .down svg,
body[data-uri="/"][data-case="annoncer"] .page-skill[data-skill="annoncer"] .topimage-section .down svg {
  stroke: #555555; }

body[data-uri="case/annoncer"] .page-case[data-case="annoncer"] .textbox-bordered,
body[data-uri="case/annoncer"] .page-skill[data-skill="annoncer"] .textbox-bordered,
body[data-uri="skill/annoncer"] .page-case[data-case="annoncer"] .textbox-bordered,
body[data-uri="skill/annoncer"] .page-skill[data-skill="annoncer"] .textbox-bordered,
body[data-uri="annoncer"] .page-case[data-case="annoncer"] .textbox-bordered,
body[data-uri="annoncer"] .page-skill[data-skill="annoncer"] .textbox-bordered,
body[data-uri="/"][data-case="annoncer"] .page-case[data-case="annoncer"] .textbox-bordered,
body[data-uri="/"][data-case="annoncer"] .page-skill[data-skill="annoncer"] .textbox-bordered {
  border-top-color: #555555; }

body[data-uri="case/annoncer"] .page-case[data-case="annoncer"] .textbox-background,
body[data-uri="case/annoncer"] .page-skill[data-skill="annoncer"] .textbox-background,
body[data-uri="skill/annoncer"] .page-case[data-case="annoncer"] .textbox-background,
body[data-uri="skill/annoncer"] .page-skill[data-skill="annoncer"] .textbox-background,
body[data-uri="annoncer"] .page-case[data-case="annoncer"] .textbox-background,
body[data-uri="annoncer"] .page-skill[data-skill="annoncer"] .textbox-background,
body[data-uri="/"][data-case="annoncer"] .page-case[data-case="annoncer"] .textbox-background,
body[data-uri="/"][data-case="annoncer"] .page-skill[data-skill="annoncer"] .textbox-background {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/annoncer"] .page-case[data-case="annoncer"] .preview-section .link,
body[data-uri="case/annoncer"] .page-skill[data-skill="annoncer"] .preview-section .link,
body[data-uri="skill/annoncer"] .page-case[data-case="annoncer"] .preview-section .link,
body[data-uri="skill/annoncer"] .page-skill[data-skill="annoncer"] .preview-section .link,
body[data-uri="annoncer"] .page-case[data-case="annoncer"] .preview-section .link,
body[data-uri="annoncer"] .page-skill[data-skill="annoncer"] .preview-section .link,
body[data-uri="/"][data-case="annoncer"] .page-case[data-case="annoncer"] .preview-section .link,
body[data-uri="/"][data-case="annoncer"] .page-skill[data-skill="annoncer"] .preview-section .link {
  background-color: transparent;
  border-color: #555555; }
  body[data-uri="case/annoncer"] .page-case[data-case="annoncer"] .preview-section .link:before, body[data-uri="case/annoncer"] .page-case[data-case="annoncer"] .preview-section .link:after,
  body[data-uri="case/annoncer"] .page-skill[data-skill="annoncer"] .preview-section .link:before,
  body[data-uri="case/annoncer"] .page-skill[data-skill="annoncer"] .preview-section .link:after,
  body[data-uri="skill/annoncer"] .page-case[data-case="annoncer"] .preview-section .link:before,
  body[data-uri="skill/annoncer"] .page-case[data-case="annoncer"] .preview-section .link:after,
  body[data-uri="skill/annoncer"] .page-skill[data-skill="annoncer"] .preview-section .link:before,
  body[data-uri="skill/annoncer"] .page-skill[data-skill="annoncer"] .preview-section .link:after,
  body[data-uri="annoncer"] .page-case[data-case="annoncer"] .preview-section .link:before,
  body[data-uri="annoncer"] .page-case[data-case="annoncer"] .preview-section .link:after,
  body[data-uri="annoncer"] .page-skill[data-skill="annoncer"] .preview-section .link:before,
  body[data-uri="annoncer"] .page-skill[data-skill="annoncer"] .preview-section .link:after,
  body[data-uri="/"][data-case="annoncer"] .page-case[data-case="annoncer"] .preview-section .link:before,
  body[data-uri="/"][data-case="annoncer"] .page-case[data-case="annoncer"] .preview-section .link:after,
  body[data-uri="/"][data-case="annoncer"] .page-skill[data-skill="annoncer"] .preview-section .link:before,
  body[data-uri="/"][data-case="annoncer"] .page-skill[data-skill="annoncer"] .preview-section .link:after {
    background-color: rgba(85, 85, 85, 0.75); }
  body[data-uri="case/annoncer"] .page-case[data-case="annoncer"] .preview-section .link svg,
  body[data-uri="case/annoncer"] .page-skill[data-skill="annoncer"] .preview-section .link svg,
  body[data-uri="skill/annoncer"] .page-case[data-case="annoncer"] .preview-section .link svg,
  body[data-uri="skill/annoncer"] .page-skill[data-skill="annoncer"] .preview-section .link svg,
  body[data-uri="annoncer"] .page-case[data-case="annoncer"] .preview-section .link svg,
  body[data-uri="annoncer"] .page-skill[data-skill="annoncer"] .preview-section .link svg,
  body[data-uri="/"][data-case="annoncer"] .page-case[data-case="annoncer"] .preview-section .link svg,
  body[data-uri="/"][data-case="annoncer"] .page-skill[data-skill="annoncer"] .preview-section .link svg {
    fill: #555555; }
  body[data-touch="false"] body[data-uri="case/annoncer"] .page-case[data-case="annoncer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/annoncer"] .page-skill[data-skill="annoncer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/annoncer"] .page-case[data-case="annoncer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/annoncer"] .page-skill[data-skill="annoncer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="annoncer"] .page-case[data-case="annoncer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="annoncer"] .page-skill[data-skill="annoncer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="annoncer"] .page-case[data-case="annoncer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="annoncer"] .page-skill[data-skill="annoncer"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/annoncer"] .page-case[data-case="annoncer"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/annoncer"] .page-skill[data-skill="annoncer"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/annoncer"] .page-case[data-case="annoncer"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/annoncer"] .page-skill[data-skill="annoncer"] .video-section .video .video-playpause .btn svg,
body[data-uri="annoncer"] .page-case[data-case="annoncer"] .video-section .video .video-playpause .btn svg,
body[data-uri="annoncer"] .page-skill[data-skill="annoncer"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="annoncer"] .page-case[data-case="annoncer"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="annoncer"] .page-skill[data-skill="annoncer"] .video-section .video .video-playpause .btn svg {
  fill: rgba(85, 85, 85, 0.9); }

body[data-uri="case/annoncer"] .page-case[data-case="annoncer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/annoncer"] .page-skill[data-skill="annoncer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/annoncer"] .page-case[data-case="annoncer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/annoncer"] .page-skill[data-skill="annoncer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="annoncer"] .page-case[data-case="annoncer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="annoncer"] .page-skill[data-skill="annoncer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="annoncer"] .page-case[data-case="annoncer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="annoncer"] .page-skill[data-skill="annoncer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/annoncer"] .page-case[data-case="annoncer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/annoncer"] .page-skill[data-skill="annoncer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/annoncer"] .page-case[data-case="annoncer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/annoncer"] .page-skill[data-skill="annoncer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="annoncer"] .page-case[data-case="annoncer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="annoncer"] .page-skill[data-skill="annoncer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="annoncer"] .page-case[data-case="annoncer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="annoncer"] .page-skill[data-skill="annoncer"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/annoncer"] .page-case[data-case="annoncer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/annoncer"] .page-skill[data-skill="annoncer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/annoncer"] .page-case[data-case="annoncer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/annoncer"] .page-skill[data-skill="annoncer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="annoncer"] .page-case[data-case="annoncer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="annoncer"] .page-skill[data-skill="annoncer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="annoncer"] .page-case[data-case="annoncer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="annoncer"] .page-skill[data-skill="annoncer"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/annoncer"] .page-case[data-case="annoncer"] .video-section .video .video-fullscreen,
body[data-uri="case/annoncer"] .page-skill[data-skill="annoncer"] .video-section .video .video-fullscreen,
body[data-uri="skill/annoncer"] .page-case[data-case="annoncer"] .video-section .video .video-fullscreen,
body[data-uri="skill/annoncer"] .page-skill[data-skill="annoncer"] .video-section .video .video-fullscreen,
body[data-uri="annoncer"] .page-case[data-case="annoncer"] .video-section .video .video-fullscreen,
body[data-uri="annoncer"] .page-skill[data-skill="annoncer"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="annoncer"] .page-case[data-case="annoncer"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="annoncer"] .page-skill[data-skill="annoncer"] .video-section .video .video-fullscreen {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/annoncer"] .page-case[data-case="annoncer"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/annoncer"] .page-skill[data-skill="annoncer"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/annoncer"] .page-case[data-case="annoncer"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/annoncer"] .page-skill[data-skill="annoncer"] .video-section .video.active .video-playpause .btn,
body[data-uri="annoncer"] .page-case[data-case="annoncer"] .video-section .video.active .video-playpause .btn,
body[data-uri="annoncer"] .page-skill[data-skill="annoncer"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="annoncer"] .page-case[data-case="annoncer"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="annoncer"] .page-skill[data-skill="annoncer"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(85, 85, 85, 0.9); }
  body[data-uri="case/annoncer"] .page-case[data-case="annoncer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/annoncer"] .page-skill[data-skill="annoncer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/annoncer"] .page-case[data-case="annoncer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/annoncer"] .page-skill[data-skill="annoncer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="annoncer"] .page-case[data-case="annoncer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="annoncer"] .page-skill[data-skill="annoncer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="annoncer"] .page-case[data-case="annoncer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="annoncer"] .page-skill[data-skill="annoncer"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/annoncer"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/annoncer"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="annoncer"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="annoncer"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(85, 85, 85, 0.8) !important; }
  body[data-uri="case/annoncer"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/annoncer"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="annoncer"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="annoncer"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-skill[data-skill="annoncer"] section[data-section="topimage"] .topimage {
  background-size: cover; }
  body[data-performance="low"] .page-skill[data-skill="annoncer"] section[data-section="topimage"] .topimage {
    background-image: url("../img/skill/annoncer/topimage/low/topimage.jpg"); }
  body[data-performance="high"] .page-skill[data-skill="annoncer"] section[data-section="topimage"] .topimage {
    background-image: url("../img/skill/annoncer/topimage/topimage.jpg"); }
  @media (max-width: 991px) {
    .page-skill[data-skill="annoncer"] section[data-section="topimage"] .topimage {
      width: 150%;
      left: -25%; } }

.page-skill[data-skill="annoncer"] section[data-section="intro"] .illustration-1 {
  display: inline-block;
  width: 100%;
  height: 22.5rem;
  overflow: hidden; }
  @media (max-width: 767px) {
    .page-skill[data-skill="annoncer"] section[data-section="intro"] .illustration-1 {
      height: 50vw; } }

@media (min-width: 1200px) and (max-width: 1479px) {
  .page-skill[data-skill="annoncer"] section[data-section="intro"] .illustration-1 {
    height: 26.25rem; } }

@media (min-width: 1480px) and (max-width: 1919px) {
  .page-skill[data-skill="annoncer"] section[data-section="intro"] .illustration-1 {
    height: 30rem; } }
  @media (min-width: 1920px) {
    .page-skill[data-skill="annoncer"] section[data-section="intro"] .illustration-1 {
      height: 30rem; } }

.page-skill[data-skill="annoncer"] section[data-section="gl"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/annoncer/gl/poster-1.png"); }

.page-skill[data-skill="annoncer"] section[data-section="gl"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/skill/annoncer/gl/poster-2.png"); }

.page-skill[data-skill="annoncer"] section[data-section="gl"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/skill/annoncer/gl/poster-3.png"); }

.page-skill[data-skill="annoncer"] section[data-section="gl"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/skill/annoncer/gl/poster-4.png"); }

.page-skill[data-skill="annoncer"] section[data-section="gl"] .swiper-container .swiper-slide:nth-of-type(5) .image {
  background-image: url("../img/skill/annoncer/gl/poster-5.png"); }

.page-skill[data-skill="annoncer"] section[data-section="gl"] .swiper-container .swiper-slide:nth-of-type(6) .image {
  background-image: url("../img/skill/annoncer/gl/poster-6.png"); }

.page-skill[data-skill="annoncer"] section[data-section="stronzo"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/annoncer/stronzo/billboard-1.png"); }

.page-skill[data-skill="annoncer"] section[data-section="stronzo"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/skill/annoncer/stronzo/billboard-2.png"); }

.page-skill[data-skill="annoncer"] section[data-section="stronzo"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/skill/annoncer/stronzo/billboard-3.png"); }

.page-skill[data-skill="annoncer"] section[data-section="dyrenesbeskyttelse"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/annoncer/dyrenesbeskyttelse/poster-1.png"); }

.page-skill[data-skill="annoncer"] section[data-section="tekniq"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/annoncer/tekniq/poster-1.png"); }

.page-skill[data-skill="annoncer"] section[data-section="tekniq"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/skill/annoncer/tekniq/poster-2.png"); }

.page-skill[data-skill="annoncer"] section[data-section="tekniq"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/skill/annoncer/tekniq/poster-3.png"); }

.page-skill[data-skill="annoncer"] section[data-section="tekniq"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/skill/annoncer/tekniq/poster-4.png"); }

.page-skill[data-skill="annoncer"] section[data-section="ftf"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/annoncer/ftf/poster-1.png"); }

.page-skill[data-skill="annoncer"] section[data-section="ftf"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/skill/annoncer/ftf/poster-2.png"); }

.page-skill[data-skill="annoncer"] section[data-section="ftf"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/skill/annoncer/ftf/poster-3.png"); }

.page-skill[data-skill="annoncer"] section[data-section="ftf"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/skill/annoncer/ftf/poster-4.png"); }

body.subpage .cases-section .case[data-case="animation"] .case-image,
body.subpage .cases-section .case[data-case="animation"] .skill-image,
body.subpage .skills-section .skill[data-skill="animation"] .case-image,
body.subpage .skills-section .skill[data-skill="animation"] .skill-image {
  background-image: url("../img/cases/animation.png"); }
  body.subpage .cases-section .case[data-case="animation"] .case-image:before, body.subpage .cases-section .case[data-case="animation"] .case-image:after,
  body.subpage .cases-section .case[data-case="animation"] .skill-image:before,
  body.subpage .cases-section .case[data-case="animation"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="animation"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="animation"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="animation"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="animation"] .skill-image:after {
    background-color: rgba(85, 85, 85, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="animation"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="animation"]:hover .skill-description {
  border-top-color: #555555; }
  body[data-touch="false"].subpage .cases-section .case[data-case="animation"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="animation"]:hover .skill-description h4 {
    color: #555555; }

body[data-uri="case/animation"] #navigation-trigger,
body[data-uri="case/animation"] #page-title div,
body[data-uri="case/animation"] #menu,
body[data-uri="case/animation"] #page-close,
body[data-uri="skill/animation"] #navigation-trigger,
body[data-uri="skill/animation"] #page-title div,
body[data-uri="skill/animation"] #menu,
body[data-uri="skill/animation"] #page-close,
body[data-uri="animation"] #navigation-trigger,
body[data-uri="animation"] #page-title div,
body[data-uri="animation"] #menu,
body[data-uri="animation"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"] #page-close {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/animation"] #page-close,
body[data-uri="skill/animation"] #page-close,
body[data-uri="animation"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"] #page-close {
  background-color: transparent;
  border-color: #555555; }
  body[data-uri="case/animation"] #page-close:before, body[data-uri="case/animation"] #page-close:after,
  body[data-uri="skill/animation"] #page-close:before,
  body[data-uri="skill/animation"] #page-close:after,
  body[data-uri="animation"] #page-close:before,
  body[data-uri="animation"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="animation"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="animation"] #page-close:after {
    background-color: rgba(85, 85, 85, 0.75); }
  body[data-uri="case/animation"] #page-close svg,
  body[data-uri="skill/animation"] #page-close svg,
  body[data-uri="animation"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="animation"] #page-close svg {
    fill: #555555; }

body[data-uri="case/animation"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/animation"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/animation"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/animation"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="animation"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="animation"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #555555; }

body[data-uri="case/animation"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/animation"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="animation"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #555555; }

body[data-uri="case/animation"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/animation"][data-touch="false"] #page-close:hover svg,
body[data-uri="animation"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/animation"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/animation"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="animation"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #555555; }

body[data-uri="case/animation"] a,
body[data-uri="case/animation"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/animation"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/animation"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/animation"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/animation"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/animation"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/animation"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/animation"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/animation"] a,
body[data-uri="skill/animation"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/animation"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/animation"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/animation"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/animation"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/animation"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/animation"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/animation"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="animation"] a,
body[data-uri="animation"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="animation"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="animation"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="animation"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="animation"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="animation"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="animation"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="animation"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #555555; }

body[data-uri="case/animation"] .loader:before, body[data-uri="case/animation"] .loader:after,
body[data-uri="skill/animation"] .loader:before,
body[data-uri="skill/animation"] .loader:after,
body[data-uri="animation"] .loader:before,
body[data-uri="animation"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="animation"] .loader:after {
  background-color: #555555; }

section#cases .case[data-case="animation"] .down svg {
  stroke: #555555; }

body[data-uri="case/animation"] section#cases .description-box,
body[data-uri="skill/animation"] section#cases .description-box,
body[data-uri="animation"] section#cases .description-box,
body[data-uri="/"][data-case="animation"] section#cases .description-box {
  background-color: rgba(85, 85, 85, 0.9); }
  body[data-uri="case/animation"] section#cases .description-box .case-description[data-case="animation"],
  body[data-uri="skill/animation"] section#cases .description-box .case-description[data-case="animation"],
  body[data-uri="animation"] section#cases .description-box .case-description[data-case="animation"],
  body[data-uri="/"][data-case="animation"] section#cases .description-box .case-description[data-case="animation"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/animation"] section#cases .description-box .case-description[data-case="animation"] .text div,
    body[data-uri="skill/animation"] section#cases .description-box .case-description[data-case="animation"] .text div,
    body[data-uri="animation"] section#cases .description-box .case-description[data-case="animation"] .text div,
    body[data-uri="/"][data-case="animation"] section#cases .description-box .case-description[data-case="animation"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(1),
    body[data-uri="skill/animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(1),
    body[data-uri="animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(2),
    body[data-uri="skill/animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(2),
    body[data-uri="animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(3),
    body[data-uri="skill/animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(3),
    body[data-uri="animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(4),
    body[data-uri="skill/animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(4),
    body[data-uri="animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(5),
    body[data-uri="skill/animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(5),
    body[data-uri="animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(6),
    body[data-uri="skill/animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(6),
    body[data-uri="animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="animation"] section#cases .description-box .case-description[data-case="animation"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/animation"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/animation"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="animation"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="animation"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #555555; }

body[data-uri="case/animation"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/animation"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="animation"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="animation"][data-touch="false"] section#cases .description-box:hover .text {
  color: #555555; }
  body[data-uri="case/animation"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/animation"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="animation"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="animation"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #555555 !important; }
  body[data-uri="case/animation"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/animation"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="animation"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="animation"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #555555 !important; }

body[data-uri="case/animation"] .page-case[data-case="animation"] .color-primary,
body[data-uri="case/animation"] .page-skill[data-skill="animation"] .color-primary,
body[data-uri="skill/animation"] .page-case[data-case="animation"] .color-primary,
body[data-uri="skill/animation"] .page-skill[data-skill="animation"] .color-primary,
body[data-uri="animation"] .page-case[data-case="animation"] .color-primary,
body[data-uri="animation"] .page-skill[data-skill="animation"] .color-primary,
body[data-uri="/"][data-case="animation"] .page-case[data-case="animation"] .color-primary,
body[data-uri="/"][data-case="animation"] .page-skill[data-skill="animation"] .color-primary {
  color: #555555; }

body[data-uri="case/animation"] .page-case[data-case="animation"] .color-white,
body[data-uri="case/animation"] .page-skill[data-skill="animation"] .color-white,
body[data-uri="skill/animation"] .page-case[data-case="animation"] .color-white,
body[data-uri="skill/animation"] .page-skill[data-skill="animation"] .color-white,
body[data-uri="animation"] .page-case[data-case="animation"] .color-white,
body[data-uri="animation"] .page-skill[data-skill="animation"] .color-white,
body[data-uri="/"][data-case="animation"] .page-case[data-case="animation"] .color-white,
body[data-uri="/"][data-case="animation"] .page-skill[data-skill="animation"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/animation"] .page-case[data-case="animation"] .bg-primary,
body[data-uri="case/animation"] .page-skill[data-skill="animation"] .bg-primary,
body[data-uri="skill/animation"] .page-case[data-case="animation"] .bg-primary,
body[data-uri="skill/animation"] .page-skill[data-skill="animation"] .bg-primary,
body[data-uri="animation"] .page-case[data-case="animation"] .bg-primary,
body[data-uri="animation"] .page-skill[data-skill="animation"] .bg-primary,
body[data-uri="/"][data-case="animation"] .page-case[data-case="animation"] .bg-primary,
body[data-uri="/"][data-case="animation"] .page-skill[data-skill="animation"] .bg-primary {
  background-color: #555555 !important; }

body[data-uri="case/animation"] .page-case[data-case="animation"] .topimage-section .down svg,
body[data-uri="case/animation"] .page-skill[data-skill="animation"] .topimage-section .down svg,
body[data-uri="skill/animation"] .page-case[data-case="animation"] .topimage-section .down svg,
body[data-uri="skill/animation"] .page-skill[data-skill="animation"] .topimage-section .down svg,
body[data-uri="animation"] .page-case[data-case="animation"] .topimage-section .down svg,
body[data-uri="animation"] .page-skill[data-skill="animation"] .topimage-section .down svg,
body[data-uri="/"][data-case="animation"] .page-case[data-case="animation"] .topimage-section .down svg,
body[data-uri="/"][data-case="animation"] .page-skill[data-skill="animation"] .topimage-section .down svg {
  stroke: #555555; }

body[data-uri="case/animation"] .page-case[data-case="animation"] .textbox-bordered,
body[data-uri="case/animation"] .page-skill[data-skill="animation"] .textbox-bordered,
body[data-uri="skill/animation"] .page-case[data-case="animation"] .textbox-bordered,
body[data-uri="skill/animation"] .page-skill[data-skill="animation"] .textbox-bordered,
body[data-uri="animation"] .page-case[data-case="animation"] .textbox-bordered,
body[data-uri="animation"] .page-skill[data-skill="animation"] .textbox-bordered,
body[data-uri="/"][data-case="animation"] .page-case[data-case="animation"] .textbox-bordered,
body[data-uri="/"][data-case="animation"] .page-skill[data-skill="animation"] .textbox-bordered {
  border-top-color: #555555; }

body[data-uri="case/animation"] .page-case[data-case="animation"] .textbox-background,
body[data-uri="case/animation"] .page-skill[data-skill="animation"] .textbox-background,
body[data-uri="skill/animation"] .page-case[data-case="animation"] .textbox-background,
body[data-uri="skill/animation"] .page-skill[data-skill="animation"] .textbox-background,
body[data-uri="animation"] .page-case[data-case="animation"] .textbox-background,
body[data-uri="animation"] .page-skill[data-skill="animation"] .textbox-background,
body[data-uri="/"][data-case="animation"] .page-case[data-case="animation"] .textbox-background,
body[data-uri="/"][data-case="animation"] .page-skill[data-skill="animation"] .textbox-background {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/animation"] .page-case[data-case="animation"] .preview-section .link,
body[data-uri="case/animation"] .page-skill[data-skill="animation"] .preview-section .link,
body[data-uri="skill/animation"] .page-case[data-case="animation"] .preview-section .link,
body[data-uri="skill/animation"] .page-skill[data-skill="animation"] .preview-section .link,
body[data-uri="animation"] .page-case[data-case="animation"] .preview-section .link,
body[data-uri="animation"] .page-skill[data-skill="animation"] .preview-section .link,
body[data-uri="/"][data-case="animation"] .page-case[data-case="animation"] .preview-section .link,
body[data-uri="/"][data-case="animation"] .page-skill[data-skill="animation"] .preview-section .link {
  background-color: transparent;
  border-color: #555555; }
  body[data-uri="case/animation"] .page-case[data-case="animation"] .preview-section .link:before, body[data-uri="case/animation"] .page-case[data-case="animation"] .preview-section .link:after,
  body[data-uri="case/animation"] .page-skill[data-skill="animation"] .preview-section .link:before,
  body[data-uri="case/animation"] .page-skill[data-skill="animation"] .preview-section .link:after,
  body[data-uri="skill/animation"] .page-case[data-case="animation"] .preview-section .link:before,
  body[data-uri="skill/animation"] .page-case[data-case="animation"] .preview-section .link:after,
  body[data-uri="skill/animation"] .page-skill[data-skill="animation"] .preview-section .link:before,
  body[data-uri="skill/animation"] .page-skill[data-skill="animation"] .preview-section .link:after,
  body[data-uri="animation"] .page-case[data-case="animation"] .preview-section .link:before,
  body[data-uri="animation"] .page-case[data-case="animation"] .preview-section .link:after,
  body[data-uri="animation"] .page-skill[data-skill="animation"] .preview-section .link:before,
  body[data-uri="animation"] .page-skill[data-skill="animation"] .preview-section .link:after,
  body[data-uri="/"][data-case="animation"] .page-case[data-case="animation"] .preview-section .link:before,
  body[data-uri="/"][data-case="animation"] .page-case[data-case="animation"] .preview-section .link:after,
  body[data-uri="/"][data-case="animation"] .page-skill[data-skill="animation"] .preview-section .link:before,
  body[data-uri="/"][data-case="animation"] .page-skill[data-skill="animation"] .preview-section .link:after {
    background-color: rgba(85, 85, 85, 0.75); }
  body[data-uri="case/animation"] .page-case[data-case="animation"] .preview-section .link svg,
  body[data-uri="case/animation"] .page-skill[data-skill="animation"] .preview-section .link svg,
  body[data-uri="skill/animation"] .page-case[data-case="animation"] .preview-section .link svg,
  body[data-uri="skill/animation"] .page-skill[data-skill="animation"] .preview-section .link svg,
  body[data-uri="animation"] .page-case[data-case="animation"] .preview-section .link svg,
  body[data-uri="animation"] .page-skill[data-skill="animation"] .preview-section .link svg,
  body[data-uri="/"][data-case="animation"] .page-case[data-case="animation"] .preview-section .link svg,
  body[data-uri="/"][data-case="animation"] .page-skill[data-skill="animation"] .preview-section .link svg {
    fill: #555555; }
  body[data-touch="false"] body[data-uri="case/animation"] .page-case[data-case="animation"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/animation"] .page-skill[data-skill="animation"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/animation"] .page-case[data-case="animation"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/animation"] .page-skill[data-skill="animation"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="animation"] .page-case[data-case="animation"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="animation"] .page-skill[data-skill="animation"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="animation"] .page-case[data-case="animation"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="animation"] .page-skill[data-skill="animation"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/animation"] .page-case[data-case="animation"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/animation"] .page-skill[data-skill="animation"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/animation"] .page-case[data-case="animation"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/animation"] .page-skill[data-skill="animation"] .video-section .video .video-playpause .btn svg,
body[data-uri="animation"] .page-case[data-case="animation"] .video-section .video .video-playpause .btn svg,
body[data-uri="animation"] .page-skill[data-skill="animation"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="animation"] .page-case[data-case="animation"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="animation"] .page-skill[data-skill="animation"] .video-section .video .video-playpause .btn svg {
  fill: rgba(85, 85, 85, 0.9); }

body[data-uri="case/animation"] .page-case[data-case="animation"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/animation"] .page-skill[data-skill="animation"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/animation"] .page-case[data-case="animation"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/animation"] .page-skill[data-skill="animation"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="animation"] .page-case[data-case="animation"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="animation"] .page-skill[data-skill="animation"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="animation"] .page-case[data-case="animation"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="animation"] .page-skill[data-skill="animation"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/animation"] .page-case[data-case="animation"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/animation"] .page-skill[data-skill="animation"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/animation"] .page-case[data-case="animation"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/animation"] .page-skill[data-skill="animation"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="animation"] .page-case[data-case="animation"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="animation"] .page-skill[data-skill="animation"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="animation"] .page-case[data-case="animation"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="animation"] .page-skill[data-skill="animation"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/animation"] .page-case[data-case="animation"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/animation"] .page-skill[data-skill="animation"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/animation"] .page-case[data-case="animation"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/animation"] .page-skill[data-skill="animation"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="animation"] .page-case[data-case="animation"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="animation"] .page-skill[data-skill="animation"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="animation"] .page-case[data-case="animation"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="animation"] .page-skill[data-skill="animation"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/animation"] .page-case[data-case="animation"] .video-section .video .video-fullscreen,
body[data-uri="case/animation"] .page-skill[data-skill="animation"] .video-section .video .video-fullscreen,
body[data-uri="skill/animation"] .page-case[data-case="animation"] .video-section .video .video-fullscreen,
body[data-uri="skill/animation"] .page-skill[data-skill="animation"] .video-section .video .video-fullscreen,
body[data-uri="animation"] .page-case[data-case="animation"] .video-section .video .video-fullscreen,
body[data-uri="animation"] .page-skill[data-skill="animation"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="animation"] .page-case[data-case="animation"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="animation"] .page-skill[data-skill="animation"] .video-section .video .video-fullscreen {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/animation"] .page-case[data-case="animation"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/animation"] .page-skill[data-skill="animation"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/animation"] .page-case[data-case="animation"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/animation"] .page-skill[data-skill="animation"] .video-section .video.active .video-playpause .btn,
body[data-uri="animation"] .page-case[data-case="animation"] .video-section .video.active .video-playpause .btn,
body[data-uri="animation"] .page-skill[data-skill="animation"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="animation"] .page-case[data-case="animation"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="animation"] .page-skill[data-skill="animation"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(85, 85, 85, 0.9); }
  body[data-uri="case/animation"] .page-case[data-case="animation"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/animation"] .page-skill[data-skill="animation"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/animation"] .page-case[data-case="animation"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/animation"] .page-skill[data-skill="animation"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="animation"] .page-case[data-case="animation"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="animation"] .page-skill[data-skill="animation"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="animation"] .page-case[data-case="animation"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="animation"] .page-skill[data-skill="animation"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/animation"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/animation"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="animation"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="animation"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(85, 85, 85, 0.8) !important; }
  body[data-uri="case/animation"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/animation"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="animation"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="animation"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-skill[data-skill="animation"] section[data-section="topimage"] {
  background-color: #EF3F36; }
  .page-skill[data-skill="animation"] section[data-section="topimage"] #topimage-scene {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

@-webkit-keyframes animationTopimage {
  0% {
    -webkit-transform: translate(-75%, -50%);
    transform: translate(-75%, -50%); }
  100% {
    -webkit-transform: translate(75%, -50%);
    transform: translate(75%, -50%); } }

@keyframes animationTopimage {
  0% {
    -webkit-transform: translate(-75%, -50%);
    transform: translate(-75%, -50%); }
  100% {
    -webkit-transform: translate(75%, -50%);
    transform: translate(75%, -50%); } }
    .page-skill[data-skill="animation"] section[data-section="topimage"] #topimage-scene svg {
      position: absolute;
      top: 50%;
      left: 0%;
      -webkit-transform: translateY(-50%) !important;
      -ms-transform: translateY(-50%) !important;
      transform: translateY(-50%) !important;
      width: 100%;
      height: auto !important; }
    @media (max-width: 991px) {
      .page-skill[data-skill="animation"] section[data-section="topimage"] #topimage-scene svg {
        width: 150% !important; } }

@media (min-width: 1200px) {
  .page-skill[data-skill="animation"] section[data-section="thomas"] .textbox-column {
    margin-top: 5.625rem; } }

@media (min-width: 1480px) {
  .page-skill[data-skill="animation"] section[data-section="thomas"] .textbox-column {
    margin-top: 7.5rem; } }

body[data-performance="low"] .page-skill[data-skill="animation"] section[data-section="showreel"] .video .preview {
  background-image: url("../img/skill/animation/showreel/low/video.jpg"); }

body[data-performance="high"] .page-skill[data-skill="animation"] section[data-section="showreel"] .video .preview {
  background-image: url("../img/skill/animation/showreel/video.png"); }

@media (min-width: 1200px) {
  .page-skill[data-skill="animation"] section[data-section="atp"] .textbox-column {
    margin-top: 5.625rem; } }

@media (min-width: 1480px) {
  .page-skill[data-skill="animation"] section[data-section="atp"] .textbox-column {
    margin-top: 7.5rem; } }

body[data-performance="low"] .page-skill[data-skill="animation"] section[data-section="spionagetesten"] .video .preview {
  background-image: url("../img/skill/animation/spionagetesten/low/video.jpg"); }

body[data-performance="high"] .page-skill[data-skill="animation"] section[data-section="spionagetesten"] .video .preview {
  background-image: url("../img/skill/animation/spionagetesten/video.png"); }

body[data-performance="low"] .page-skill[data-skill="animation"] section[data-section="nutalone"] .video .preview {
  background-image: url("../img/skill/animation/nutalone/low/video.jpg"); }

body[data-performance="high"] .page-skill[data-skill="animation"] section[data-section="nutalone"] .video .preview {
  background-image: url("../img/skill/animation/nutalone/video.png"); }

body[data-performance="low"] .page-skill[data-skill="animation"] section[data-section="npv"] .video .preview {
  background-image: url("../img/skill/animation/npv/low/video.jpg"); }

body[data-performance="high"] .page-skill[data-skill="animation"] section[data-section="npv"] .video .preview {
  background-image: url("../img/skill/animation/npv/video.png"); }

@media (min-width: 1200px) {
  .page-skill[data-skill="animation"] section[data-section="topdanmark"] .textbox-column {
    margin-top: 5.625rem; } }

@media (min-width: 1480px) {
  .page-skill[data-skill="animation"] section[data-section="topdanmark"] .textbox-column {
    margin-top: 7.5rem; } }

body[data-performance="low"] .page-skill[data-skill="animation"] section[data-section="dendanskedyrlaegeforening"] .video .preview {
  background-image: url("../img/skill/animation/dendanskedyrlaegeforening/low/video.jpg"); }

body[data-performance="high"] .page-skill[data-skill="animation"] section[data-section="dendanskedyrlaegeforening"] .video .preview {
  background-image: url("../img/skill/animation/dendanskedyrlaegeforening/video.png"); }

body[data-performance="low"] .page-skill[data-skill="animation"] section[data-section="more"] .video[data-video="vive"] .preview {
  background-image: url("../img/skill/animation/vive/low/video.jpg"); }

body[data-performance="high"] .page-skill[data-skill="animation"] section[data-section="more"] .video[data-video="vive"] .preview {
  background-image: url("../img/skill/animation/vive/video.png"); }

body[data-performance="low"] .page-skill[data-skill="animation"] section[data-section="more"] .video[data-video="topdanmark2"] .preview {
  background-image: url("../img/skill/animation/topdanmark/low/video.jpg"); }

body[data-performance="high"] .page-skill[data-skill="animation"] section[data-section="more"] .video[data-video="topdanmark2"] .preview {
  background-image: url("../img/skill/animation/topdanmark/video.png"); }

body[data-performance="low"] .page-skill[data-skill="animation"] section[data-section="more"] .video[data-video="vaekstfonden"] .preview {
  background-image: url("../img/skill/animation/vaekstfonden/low/video.jpg"); }

body[data-performance="high"] .page-skill[data-skill="animation"] section[data-section="more"] .video[data-video="vaekstfonden"] .preview {
  background-image: url("../img/skill/animation/vaekstfonden/video.png"); }

body[data-performance="low"] .page-skill[data-skill="animation"] section[data-section="more"] .video[data-video="kts"] .preview {
  background-image: url("../img/skill/animation/kts/low/video.jpg"); }

body[data-performance="high"] .page-skill[data-skill="animation"] section[data-section="more"] .video[data-video="kts"] .preview {
  background-image: url("../img/skill/animation/kts/video.png"); }

body[data-performance="low"] .page-skill[data-skill="animation"] section[data-section="more"] .video[data-video="danskebank"] .preview {
  background-image: url("../img/skill/animation/danskebank/low/video.jpg"); }

body[data-performance="high"] .page-skill[data-skill="animation"] section[data-section="more"] .video[data-video="danskebank"] .preview {
  background-image: url("../img/skill/animation/danskebank/video.png"); }

body[data-performance="low"] .page-skill[data-skill="animation"] section[data-section="more"] .video[data-video="danskfjernvarme"] .preview {
  background-image: url("../img/skill/animation/danskfjernvarme/low/video.jpg"); }

body[data-performance="high"] .page-skill[data-skill="animation"] section[data-section="more"] .video[data-video="danskfjernvarme"] .preview {
  background-image: url("../img/skill/animation/danskfjernvarme/video.png"); }

body.subpage .cases-section .case[data-case="characterdesign"] .case-image,
body.subpage .cases-section .case[data-case="characterdesign"] .skill-image,
body.subpage .skills-section .skill[data-skill="characterdesign"] .case-image,
body.subpage .skills-section .skill[data-skill="characterdesign"] .skill-image {
  background-image: url("../img/cases/characterdesign.svg"); }
  body.subpage .cases-section .case[data-case="characterdesign"] .case-image:before, body.subpage .cases-section .case[data-case="characterdesign"] .case-image:after,
  body.subpage .cases-section .case[data-case="characterdesign"] .skill-image:before,
  body.subpage .cases-section .case[data-case="characterdesign"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="characterdesign"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="characterdesign"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="characterdesign"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="characterdesign"] .skill-image:after {
    background-color: rgba(85, 85, 85, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="characterdesign"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="characterdesign"]:hover .skill-description {
  border-top-color: #555555; }
  body[data-touch="false"].subpage .cases-section .case[data-case="characterdesign"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="characterdesign"]:hover .skill-description h4 {
    color: #555555; }

body[data-uri="case/characterdesign"] #navigation-trigger,
body[data-uri="case/characterdesign"] #page-title div,
body[data-uri="case/characterdesign"] #menu,
body[data-uri="case/characterdesign"] #page-close,
body[data-uri="skill/characterdesign"] #navigation-trigger,
body[data-uri="skill/characterdesign"] #page-title div,
body[data-uri="skill/characterdesign"] #menu,
body[data-uri="skill/characterdesign"] #page-close,
body[data-uri="characterdesign"] #navigation-trigger,
body[data-uri="characterdesign"] #page-title div,
body[data-uri="characterdesign"] #menu,
body[data-uri="characterdesign"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"] #page-close {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/characterdesign"] #page-close,
body[data-uri="skill/characterdesign"] #page-close,
body[data-uri="characterdesign"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"] #page-close {
  background-color: transparent;
  border-color: #555555; }
  body[data-uri="case/characterdesign"] #page-close:before, body[data-uri="case/characterdesign"] #page-close:after,
  body[data-uri="skill/characterdesign"] #page-close:before,
  body[data-uri="skill/characterdesign"] #page-close:after,
  body[data-uri="characterdesign"] #page-close:before,
  body[data-uri="characterdesign"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"] #page-close:after {
    background-color: rgba(85, 85, 85, 0.75); }
  body[data-uri="case/characterdesign"] #page-close svg,
  body[data-uri="skill/characterdesign"] #page-close svg,
  body[data-uri="characterdesign"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"] #page-close svg {
    fill: #555555; }

body[data-uri="case/characterdesign"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/characterdesign"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/characterdesign"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/characterdesign"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="characterdesign"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="characterdesign"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #555555; }

body[data-uri="case/characterdesign"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/characterdesign"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="characterdesign"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #555555; }

body[data-uri="case/characterdesign"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/characterdesign"][data-touch="false"] #page-close:hover svg,
body[data-uri="characterdesign"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/characterdesign"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/characterdesign"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="characterdesign"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #555555; }

body[data-uri="case/characterdesign"] a,
body[data-uri="case/characterdesign"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/characterdesign"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/characterdesign"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/characterdesign"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/characterdesign"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/characterdesign"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/characterdesign"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/characterdesign"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/characterdesign"] a,
body[data-uri="skill/characterdesign"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/characterdesign"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/characterdesign"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/characterdesign"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/characterdesign"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/characterdesign"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/characterdesign"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/characterdesign"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="characterdesign"] a,
body[data-uri="characterdesign"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="characterdesign"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="characterdesign"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="characterdesign"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="characterdesign"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="characterdesign"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="characterdesign"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="characterdesign"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #555555; }

body[data-uri="case/characterdesign"] .loader:before, body[data-uri="case/characterdesign"] .loader:after,
body[data-uri="skill/characterdesign"] .loader:before,
body[data-uri="skill/characterdesign"] .loader:after,
body[data-uri="characterdesign"] .loader:before,
body[data-uri="characterdesign"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="characterdesign"] .loader:after {
  background-color: #555555; }

section#cases .case[data-case="characterdesign"] .down svg {
  stroke: #555555; }

body[data-uri="case/characterdesign"] section#cases .description-box,
body[data-uri="skill/characterdesign"] section#cases .description-box,
body[data-uri="characterdesign"] section#cases .description-box,
body[data-uri="/"][data-case="characterdesign"] section#cases .description-box {
  background-color: rgba(85, 85, 85, 0.9); }
  body[data-uri="case/characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"],
  body[data-uri="skill/characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"],
  body[data-uri="characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"],
  body[data-uri="/"][data-case="characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div,
    body[data-uri="skill/characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div,
    body[data-uri="characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div,
    body[data-uri="/"][data-case="characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(1),
    body[data-uri="skill/characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(1),
    body[data-uri="characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(2),
    body[data-uri="skill/characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(2),
    body[data-uri="characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(3),
    body[data-uri="skill/characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(3),
    body[data-uri="characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(4),
    body[data-uri="skill/characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(4),
    body[data-uri="characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(5),
    body[data-uri="skill/characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(5),
    body[data-uri="characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(6),
    body[data-uri="skill/characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(6),
    body[data-uri="characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="characterdesign"] section#cases .description-box .case-description[data-case="characterdesign"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/characterdesign"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/characterdesign"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="characterdesign"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="characterdesign"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #555555; }

body[data-uri="case/characterdesign"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/characterdesign"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="characterdesign"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="characterdesign"][data-touch="false"] section#cases .description-box:hover .text {
  color: #555555; }
  body[data-uri="case/characterdesign"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/characterdesign"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="characterdesign"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="characterdesign"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #555555 !important; }
  body[data-uri="case/characterdesign"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/characterdesign"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="characterdesign"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="characterdesign"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #555555 !important; }

body[data-uri="case/characterdesign"] .page-case[data-case="characterdesign"] .color-primary,
body[data-uri="case/characterdesign"] .page-skill[data-skill="characterdesign"] .color-primary,
body[data-uri="skill/characterdesign"] .page-case[data-case="characterdesign"] .color-primary,
body[data-uri="skill/characterdesign"] .page-skill[data-skill="characterdesign"] .color-primary,
body[data-uri="characterdesign"] .page-case[data-case="characterdesign"] .color-primary,
body[data-uri="characterdesign"] .page-skill[data-skill="characterdesign"] .color-primary,
body[data-uri="/"][data-case="characterdesign"] .page-case[data-case="characterdesign"] .color-primary,
body[data-uri="/"][data-case="characterdesign"] .page-skill[data-skill="characterdesign"] .color-primary {
  color: #555555; }

body[data-uri="case/characterdesign"] .page-case[data-case="characterdesign"] .color-white,
body[data-uri="case/characterdesign"] .page-skill[data-skill="characterdesign"] .color-white,
body[data-uri="skill/characterdesign"] .page-case[data-case="characterdesign"] .color-white,
body[data-uri="skill/characterdesign"] .page-skill[data-skill="characterdesign"] .color-white,
body[data-uri="characterdesign"] .page-case[data-case="characterdesign"] .color-white,
body[data-uri="characterdesign"] .page-skill[data-skill="characterdesign"] .color-white,
body[data-uri="/"][data-case="characterdesign"] .page-case[data-case="characterdesign"] .color-white,
body[data-uri="/"][data-case="characterdesign"] .page-skill[data-skill="characterdesign"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/characterdesign"] .page-case[data-case="characterdesign"] .bg-primary,
body[data-uri="case/characterdesign"] .page-skill[data-skill="characterdesign"] .bg-primary,
body[data-uri="skill/characterdesign"] .page-case[data-case="characterdesign"] .bg-primary,
body[data-uri="skill/characterdesign"] .page-skill[data-skill="characterdesign"] .bg-primary,
body[data-uri="characterdesign"] .page-case[data-case="characterdesign"] .bg-primary,
body[data-uri="characterdesign"] .page-skill[data-skill="characterdesign"] .bg-primary,
body[data-uri="/"][data-case="characterdesign"] .page-case[data-case="characterdesign"] .bg-primary,
body[data-uri="/"][data-case="characterdesign"] .page-skill[data-skill="characterdesign"] .bg-primary {
  background-color: #555555 !important; }

body[data-uri="case/characterdesign"] .page-case[data-case="characterdesign"] .topimage-section .down svg,
body[data-uri="case/characterdesign"] .page-skill[data-skill="characterdesign"] .topimage-section .down svg,
body[data-uri="skill/characterdesign"] .page-case[data-case="characterdesign"] .topimage-section .down svg,
body[data-uri="skill/characterdesign"] .page-skill[data-skill="characterdesign"] .topimage-section .down svg,
body[data-uri="characterdesign"] .page-case[data-case="characterdesign"] .topimage-section .down svg,
body[data-uri="characterdesign"] .page-skill[data-skill="characterdesign"] .topimage-section .down svg,
body[data-uri="/"][data-case="characterdesign"] .page-case[data-case="characterdesign"] .topimage-section .down svg,
body[data-uri="/"][data-case="characterdesign"] .page-skill[data-skill="characterdesign"] .topimage-section .down svg {
  stroke: #555555; }

body[data-uri="case/characterdesign"] .page-case[data-case="characterdesign"] .textbox-bordered,
body[data-uri="case/characterdesign"] .page-skill[data-skill="characterdesign"] .textbox-bordered,
body[data-uri="skill/characterdesign"] .page-case[data-case="characterdesign"] .textbox-bordered,
body[data-uri="skill/characterdesign"] .page-skill[data-skill="characterdesign"] .textbox-bordered,
body[data-uri="characterdesign"] .page-case[data-case="characterdesign"] .textbox-bordered,
body[data-uri="characterdesign"] .page-skill[data-skill="characterdesign"] .textbox-bordered,
body[data-uri="/"][data-case="characterdesign"] .page-case[data-case="characterdesign"] .textbox-bordered,
body[data-uri="/"][data-case="characterdesign"] .page-skill[data-skill="characterdesign"] .textbox-bordered {
  border-top-color: #555555; }

body[data-uri="case/characterdesign"] .page-case[data-case="characterdesign"] .textbox-background,
body[data-uri="case/characterdesign"] .page-skill[data-skill="characterdesign"] .textbox-background,
body[data-uri="skill/characterdesign"] .page-case[data-case="characterdesign"] .textbox-background,
body[data-uri="skill/characterdesign"] .page-skill[data-skill="characterdesign"] .textbox-background,
body[data-uri="characterdesign"] .page-case[data-case="characterdesign"] .textbox-background,
body[data-uri="characterdesign"] .page-skill[data-skill="characterdesign"] .textbox-background,
body[data-uri="/"][data-case="characterdesign"] .page-case[data-case="characterdesign"] .textbox-background,
body[data-uri="/"][data-case="characterdesign"] .page-skill[data-skill="characterdesign"] .textbox-background {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/characterdesign"] .page-case[data-case="characterdesign"] .preview-section .link,
body[data-uri="case/characterdesign"] .page-skill[data-skill="characterdesign"] .preview-section .link,
body[data-uri="skill/characterdesign"] .page-case[data-case="characterdesign"] .preview-section .link,
body[data-uri="skill/characterdesign"] .page-skill[data-skill="characterdesign"] .preview-section .link,
body[data-uri="characterdesign"] .page-case[data-case="characterdesign"] .preview-section .link,
body[data-uri="characterdesign"] .page-skill[data-skill="characterdesign"] .preview-section .link,
body[data-uri="/"][data-case="characterdesign"] .page-case[data-case="characterdesign"] .preview-section .link,
body[data-uri="/"][data-case="characterdesign"] .page-skill[data-skill="characterdesign"] .preview-section .link {
  background-color: transparent;
  border-color: #555555; }
  body[data-uri="case/characterdesign"] .page-case[data-case="characterdesign"] .preview-section .link:before, body[data-uri="case/characterdesign"] .page-case[data-case="characterdesign"] .preview-section .link:after,
  body[data-uri="case/characterdesign"] .page-skill[data-skill="characterdesign"] .preview-section .link:before,
  body[data-uri="case/characterdesign"] .page-skill[data-skill="characterdesign"] .preview-section .link:after,
  body[data-uri="skill/characterdesign"] .page-case[data-case="characterdesign"] .preview-section .link:before,
  body[data-uri="skill/characterdesign"] .page-case[data-case="characterdesign"] .preview-section .link:after,
  body[data-uri="skill/characterdesign"] .page-skill[data-skill="characterdesign"] .preview-section .link:before,
  body[data-uri="skill/characterdesign"] .page-skill[data-skill="characterdesign"] .preview-section .link:after,
  body[data-uri="characterdesign"] .page-case[data-case="characterdesign"] .preview-section .link:before,
  body[data-uri="characterdesign"] .page-case[data-case="characterdesign"] .preview-section .link:after,
  body[data-uri="characterdesign"] .page-skill[data-skill="characterdesign"] .preview-section .link:before,
  body[data-uri="characterdesign"] .page-skill[data-skill="characterdesign"] .preview-section .link:after,
  body[data-uri="/"][data-case="characterdesign"] .page-case[data-case="characterdesign"] .preview-section .link:before,
  body[data-uri="/"][data-case="characterdesign"] .page-case[data-case="characterdesign"] .preview-section .link:after,
  body[data-uri="/"][data-case="characterdesign"] .page-skill[data-skill="characterdesign"] .preview-section .link:before,
  body[data-uri="/"][data-case="characterdesign"] .page-skill[data-skill="characterdesign"] .preview-section .link:after {
    background-color: rgba(85, 85, 85, 0.75); }
  body[data-uri="case/characterdesign"] .page-case[data-case="characterdesign"] .preview-section .link svg,
  body[data-uri="case/characterdesign"] .page-skill[data-skill="characterdesign"] .preview-section .link svg,
  body[data-uri="skill/characterdesign"] .page-case[data-case="characterdesign"] .preview-section .link svg,
  body[data-uri="skill/characterdesign"] .page-skill[data-skill="characterdesign"] .preview-section .link svg,
  body[data-uri="characterdesign"] .page-case[data-case="characterdesign"] .preview-section .link svg,
  body[data-uri="characterdesign"] .page-skill[data-skill="characterdesign"] .preview-section .link svg,
  body[data-uri="/"][data-case="characterdesign"] .page-case[data-case="characterdesign"] .preview-section .link svg,
  body[data-uri="/"][data-case="characterdesign"] .page-skill[data-skill="characterdesign"] .preview-section .link svg {
    fill: #555555; }
  body[data-touch="false"] body[data-uri="case/characterdesign"] .page-case[data-case="characterdesign"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/characterdesign"] .page-skill[data-skill="characterdesign"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/characterdesign"] .page-case[data-case="characterdesign"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/characterdesign"] .page-skill[data-skill="characterdesign"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="characterdesign"] .page-case[data-case="characterdesign"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="characterdesign"] .page-skill[data-skill="characterdesign"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="characterdesign"] .page-case[data-case="characterdesign"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="characterdesign"] .page-skill[data-skill="characterdesign"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/characterdesign"] .page-case[data-case="characterdesign"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/characterdesign"] .page-case[data-case="characterdesign"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video .video-playpause .btn svg,
body[data-uri="characterdesign"] .page-case[data-case="characterdesign"] .video-section .video .video-playpause .btn svg,
body[data-uri="characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="characterdesign"] .page-case[data-case="characterdesign"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video .video-playpause .btn svg {
  fill: rgba(85, 85, 85, 0.9); }

body[data-uri="case/characterdesign"] .page-case[data-case="characterdesign"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/characterdesign"] .page-case[data-case="characterdesign"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="characterdesign"] .page-case[data-case="characterdesign"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="characterdesign"] .page-case[data-case="characterdesign"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/characterdesign"] .page-case[data-case="characterdesign"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/characterdesign"] .page-case[data-case="characterdesign"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="characterdesign"] .page-case[data-case="characterdesign"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="characterdesign"] .page-case[data-case="characterdesign"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/characterdesign"] .page-case[data-case="characterdesign"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/characterdesign"] .page-case[data-case="characterdesign"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="characterdesign"] .page-case[data-case="characterdesign"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="characterdesign"] .page-case[data-case="characterdesign"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/characterdesign"] .page-case[data-case="characterdesign"] .video-section .video .video-fullscreen,
body[data-uri="case/characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video .video-fullscreen,
body[data-uri="skill/characterdesign"] .page-case[data-case="characterdesign"] .video-section .video .video-fullscreen,
body[data-uri="skill/characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video .video-fullscreen,
body[data-uri="characterdesign"] .page-case[data-case="characterdesign"] .video-section .video .video-fullscreen,
body[data-uri="characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="characterdesign"] .page-case[data-case="characterdesign"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video .video-fullscreen {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/characterdesign"] .page-case[data-case="characterdesign"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/characterdesign"] .page-case[data-case="characterdesign"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video.active .video-playpause .btn,
body[data-uri="characterdesign"] .page-case[data-case="characterdesign"] .video-section .video.active .video-playpause .btn,
body[data-uri="characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="characterdesign"] .page-case[data-case="characterdesign"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(85, 85, 85, 0.9); }
  body[data-uri="case/characterdesign"] .page-case[data-case="characterdesign"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/characterdesign"] .page-case[data-case="characterdesign"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="characterdesign"] .page-case[data-case="characterdesign"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="characterdesign"] .page-case[data-case="characterdesign"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="characterdesign"] .page-skill[data-skill="characterdesign"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/characterdesign"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/characterdesign"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="characterdesign"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="characterdesign"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(85, 85, 85, 0.8) !important; }
  body[data-uri="case/characterdesign"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/characterdesign"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="characterdesign"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="characterdesign"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-skill[data-skill="characterdesign"] section[data-section="topimage"] .topimage {
  background-size: cover;
  background-image: url("../img/skill/characterdesign/topimage/topimage.svg"); }

.page-skill[data-skill="characterdesign"] section[data-section="intro"] .illustration-1 {
  display: inline-block;
  width: 100%;
  height: 22.5rem;
  overflow: hidden; }
  @media (max-width: 767px) {
    .page-skill[data-skill="characterdesign"] section[data-section="intro"] .illustration-1 {
      height: 50vw; } }

@media (min-width: 1200px) and (max-width: 1479px) {
  .page-skill[data-skill="characterdesign"] section[data-section="intro"] .illustration-1 {
    height: 26.25rem; } }

@media (min-width: 1480px) and (max-width: 1919px) {
  .page-skill[data-skill="characterdesign"] section[data-section="intro"] .illustration-1 {
    height: 30rem; } }
  @media (min-width: 1920px) {
    .page-skill[data-skill="characterdesign"] section[data-section="intro"] .illustration-1 {
      height: 33.75rem; } }

.page-skill[data-skill="characterdesign"] section[data-section="amagerforbraending"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/characterdesign/amagerforbraending/illustration-1.svg"); }

.page-skill[data-skill="characterdesign"] section[data-section="kts"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/characterdesign/kts/illustration-1.png"); }

.page-skill[data-skill="characterdesign"] section[data-section="kts"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/skill/characterdesign/kts/illustration-2.png"); }

.page-skill[data-skill="characterdesign"] section[data-section="kts"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/skill/characterdesign/kts/illustration-3.png"); }

.page-skill[data-skill="characterdesign"] section[data-section="kts"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/skill/characterdesign/kts/illustration-4.png"); }

.page-skill[data-skill="characterdesign"] section[data-section="museumsudstilling"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/characterdesign/museumsudstilling/illustration-1.jpg"); }

.page-skill[data-skill="characterdesign"] section[data-section="hoersholmkommune"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/characterdesign/hoersholmkommune/illustration-1.svg"); }

.page-skill[data-skill="characterdesign"] section[data-section="hoersholmkommune"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/skill/characterdesign/hoersholmkommune/illustration-2.svg"); }

.page-skill[data-skill="characterdesign"] section[data-section="hoersholmkommune"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/skill/characterdesign/hoersholmkommune/illustration-3.svg"); }

.page-skill[data-skill="characterdesign"] section[data-section="hoersholmkommune"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/skill/characterdesign/hoersholmkommune/illustration-4.svg"); }

.page-skill[data-skill="characterdesign"] section[data-section="4h"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/characterdesign/4h/illustration-1.jpg"); }

.page-skill[data-skill="characterdesign"] section[data-section="4h"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/skill/characterdesign/4h/illustration-2.jpg"); }

.page-skill[data-skill="characterdesign"] section[data-section="4h"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/skill/characterdesign/4h/illustration-3.jpg"); }

.page-skill[data-skill="characterdesign"] section[data-section="samvirke"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/characterdesign/samvirke/illustration-1.jpg"); }

.page-skill[data-skill="characterdesign"] section[data-section="samvirke"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/skill/characterdesign/samvirke/illustration-2.jpg"); }

.page-skill[data-skill="characterdesign"] section[data-section="samvirke"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/skill/characterdesign/samvirke/illustration-3.jpg"); }

.page-skill[data-skill="characterdesign"] section[data-section="samvirke"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/skill/characterdesign/samvirke/illustration-4.jpg"); }

.page-skill[data-skill="characterdesign"] section[data-section="mobillageradministration"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/characterdesign/mobillageradministration/illustration-1.png"); }

.page-skill[data-skill="characterdesign"] section[data-section="mobillageradministration"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/skill/characterdesign/mobillageradministration/illustration-2.png"); }

.page-skill[data-skill="characterdesign"] section[data-section="mobillageradministration"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/skill/characterdesign/mobillageradministration/illustration-3.png"); }

body.subpage .cases-section .case[data-case="digital"] .case-image,
body.subpage .cases-section .case[data-case="digital"] .skill-image,
body.subpage .skills-section .skill[data-skill="digital"] .case-image,
body.subpage .skills-section .skill[data-skill="digital"] .skill-image {
  background-image: url("../img/cases/digital.svg"); }
  body.subpage .cases-section .case[data-case="digital"] .case-image:before, body.subpage .cases-section .case[data-case="digital"] .case-image:after,
  body.subpage .cases-section .case[data-case="digital"] .skill-image:before,
  body.subpage .cases-section .case[data-case="digital"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="digital"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="digital"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="digital"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="digital"] .skill-image:after {
    background-color: rgba(85, 85, 85, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="digital"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="digital"]:hover .skill-description {
  border-top-color: #555555; }
  body[data-touch="false"].subpage .cases-section .case[data-case="digital"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="digital"]:hover .skill-description h4 {
    color: #555555; }

body[data-uri="case/digital"] #navigation-trigger,
body[data-uri="case/digital"] #page-title div,
body[data-uri="case/digital"] #menu,
body[data-uri="case/digital"] #page-close,
body[data-uri="skill/digital"] #navigation-trigger,
body[data-uri="skill/digital"] #page-title div,
body[data-uri="skill/digital"] #menu,
body[data-uri="skill/digital"] #page-close,
body[data-uri="digital"] #navigation-trigger,
body[data-uri="digital"] #page-title div,
body[data-uri="digital"] #menu,
body[data-uri="digital"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"] #page-close {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/digital"] #page-close,
body[data-uri="skill/digital"] #page-close,
body[data-uri="digital"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"] #page-close {
  background-color: transparent;
  border-color: #555555; }
  body[data-uri="case/digital"] #page-close:before, body[data-uri="case/digital"] #page-close:after,
  body[data-uri="skill/digital"] #page-close:before,
  body[data-uri="skill/digital"] #page-close:after,
  body[data-uri="digital"] #page-close:before,
  body[data-uri="digital"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="digital"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="digital"] #page-close:after {
    background-color: rgba(85, 85, 85, 0.75); }
  body[data-uri="case/digital"] #page-close svg,
  body[data-uri="skill/digital"] #page-close svg,
  body[data-uri="digital"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="digital"] #page-close svg {
    fill: #555555; }

body[data-uri="case/digital"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/digital"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/digital"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/digital"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="digital"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="digital"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #555555; }

body[data-uri="case/digital"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/digital"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="digital"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #555555; }

body[data-uri="case/digital"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/digital"][data-touch="false"] #page-close:hover svg,
body[data-uri="digital"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/digital"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/digital"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="digital"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #555555; }

body[data-uri="case/digital"] a,
body[data-uri="case/digital"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/digital"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/digital"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/digital"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/digital"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/digital"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/digital"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/digital"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/digital"] a,
body[data-uri="skill/digital"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/digital"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/digital"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/digital"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/digital"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/digital"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/digital"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/digital"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="digital"] a,
body[data-uri="digital"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="digital"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="digital"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="digital"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="digital"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="digital"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="digital"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="digital"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #555555; }

body[data-uri="case/digital"] .loader:before, body[data-uri="case/digital"] .loader:after,
body[data-uri="skill/digital"] .loader:before,
body[data-uri="skill/digital"] .loader:after,
body[data-uri="digital"] .loader:before,
body[data-uri="digital"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="digital"] .loader:after {
  background-color: #555555; }

section#cases .case[data-case="digital"] .down svg {
  stroke: #555555; }

body[data-uri="case/digital"] section#cases .description-box,
body[data-uri="skill/digital"] section#cases .description-box,
body[data-uri="digital"] section#cases .description-box,
body[data-uri="/"][data-case="digital"] section#cases .description-box {
  background-color: rgba(85, 85, 85, 0.9); }
  body[data-uri="case/digital"] section#cases .description-box .case-description[data-case="digital"],
  body[data-uri="skill/digital"] section#cases .description-box .case-description[data-case="digital"],
  body[data-uri="digital"] section#cases .description-box .case-description[data-case="digital"],
  body[data-uri="/"][data-case="digital"] section#cases .description-box .case-description[data-case="digital"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/digital"] section#cases .description-box .case-description[data-case="digital"] .text div,
    body[data-uri="skill/digital"] section#cases .description-box .case-description[data-case="digital"] .text div,
    body[data-uri="digital"] section#cases .description-box .case-description[data-case="digital"] .text div,
    body[data-uri="/"][data-case="digital"] section#cases .description-box .case-description[data-case="digital"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(1),
    body[data-uri="skill/digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(1),
    body[data-uri="digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(2),
    body[data-uri="skill/digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(2),
    body[data-uri="digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(3),
    body[data-uri="skill/digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(3),
    body[data-uri="digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(4),
    body[data-uri="skill/digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(4),
    body[data-uri="digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(5),
    body[data-uri="skill/digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(5),
    body[data-uri="digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(6),
    body[data-uri="skill/digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(6),
    body[data-uri="digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="digital"] section#cases .description-box .case-description[data-case="digital"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/digital"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/digital"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="digital"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="digital"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #555555; }

body[data-uri="case/digital"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/digital"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="digital"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="digital"][data-touch="false"] section#cases .description-box:hover .text {
  color: #555555; }
  body[data-uri="case/digital"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/digital"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="digital"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="digital"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #555555 !important; }
  body[data-uri="case/digital"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/digital"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="digital"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="digital"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #555555 !important; }

body[data-uri="case/digital"] .page-case[data-case="digital"] .color-primary,
body[data-uri="case/digital"] .page-skill[data-skill="digital"] .color-primary,
body[data-uri="skill/digital"] .page-case[data-case="digital"] .color-primary,
body[data-uri="skill/digital"] .page-skill[data-skill="digital"] .color-primary,
body[data-uri="digital"] .page-case[data-case="digital"] .color-primary,
body[data-uri="digital"] .page-skill[data-skill="digital"] .color-primary,
body[data-uri="/"][data-case="digital"] .page-case[data-case="digital"] .color-primary,
body[data-uri="/"][data-case="digital"] .page-skill[data-skill="digital"] .color-primary {
  color: #555555; }

body[data-uri="case/digital"] .page-case[data-case="digital"] .color-white,
body[data-uri="case/digital"] .page-skill[data-skill="digital"] .color-white,
body[data-uri="skill/digital"] .page-case[data-case="digital"] .color-white,
body[data-uri="skill/digital"] .page-skill[data-skill="digital"] .color-white,
body[data-uri="digital"] .page-case[data-case="digital"] .color-white,
body[data-uri="digital"] .page-skill[data-skill="digital"] .color-white,
body[data-uri="/"][data-case="digital"] .page-case[data-case="digital"] .color-white,
body[data-uri="/"][data-case="digital"] .page-skill[data-skill="digital"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/digital"] .page-case[data-case="digital"] .bg-primary,
body[data-uri="case/digital"] .page-skill[data-skill="digital"] .bg-primary,
body[data-uri="skill/digital"] .page-case[data-case="digital"] .bg-primary,
body[data-uri="skill/digital"] .page-skill[data-skill="digital"] .bg-primary,
body[data-uri="digital"] .page-case[data-case="digital"] .bg-primary,
body[data-uri="digital"] .page-skill[data-skill="digital"] .bg-primary,
body[data-uri="/"][data-case="digital"] .page-case[data-case="digital"] .bg-primary,
body[data-uri="/"][data-case="digital"] .page-skill[data-skill="digital"] .bg-primary {
  background-color: #555555 !important; }

body[data-uri="case/digital"] .page-case[data-case="digital"] .topimage-section .down svg,
body[data-uri="case/digital"] .page-skill[data-skill="digital"] .topimage-section .down svg,
body[data-uri="skill/digital"] .page-case[data-case="digital"] .topimage-section .down svg,
body[data-uri="skill/digital"] .page-skill[data-skill="digital"] .topimage-section .down svg,
body[data-uri="digital"] .page-case[data-case="digital"] .topimage-section .down svg,
body[data-uri="digital"] .page-skill[data-skill="digital"] .topimage-section .down svg,
body[data-uri="/"][data-case="digital"] .page-case[data-case="digital"] .topimage-section .down svg,
body[data-uri="/"][data-case="digital"] .page-skill[data-skill="digital"] .topimage-section .down svg {
  stroke: #555555; }

body[data-uri="case/digital"] .page-case[data-case="digital"] .textbox-bordered,
body[data-uri="case/digital"] .page-skill[data-skill="digital"] .textbox-bordered,
body[data-uri="skill/digital"] .page-case[data-case="digital"] .textbox-bordered,
body[data-uri="skill/digital"] .page-skill[data-skill="digital"] .textbox-bordered,
body[data-uri="digital"] .page-case[data-case="digital"] .textbox-bordered,
body[data-uri="digital"] .page-skill[data-skill="digital"] .textbox-bordered,
body[data-uri="/"][data-case="digital"] .page-case[data-case="digital"] .textbox-bordered,
body[data-uri="/"][data-case="digital"] .page-skill[data-skill="digital"] .textbox-bordered {
  border-top-color: #555555; }

body[data-uri="case/digital"] .page-case[data-case="digital"] .textbox-background,
body[data-uri="case/digital"] .page-skill[data-skill="digital"] .textbox-background,
body[data-uri="skill/digital"] .page-case[data-case="digital"] .textbox-background,
body[data-uri="skill/digital"] .page-skill[data-skill="digital"] .textbox-background,
body[data-uri="digital"] .page-case[data-case="digital"] .textbox-background,
body[data-uri="digital"] .page-skill[data-skill="digital"] .textbox-background,
body[data-uri="/"][data-case="digital"] .page-case[data-case="digital"] .textbox-background,
body[data-uri="/"][data-case="digital"] .page-skill[data-skill="digital"] .textbox-background {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/digital"] .page-case[data-case="digital"] .preview-section .link,
body[data-uri="case/digital"] .page-skill[data-skill="digital"] .preview-section .link,
body[data-uri="skill/digital"] .page-case[data-case="digital"] .preview-section .link,
body[data-uri="skill/digital"] .page-skill[data-skill="digital"] .preview-section .link,
body[data-uri="digital"] .page-case[data-case="digital"] .preview-section .link,
body[data-uri="digital"] .page-skill[data-skill="digital"] .preview-section .link,
body[data-uri="/"][data-case="digital"] .page-case[data-case="digital"] .preview-section .link,
body[data-uri="/"][data-case="digital"] .page-skill[data-skill="digital"] .preview-section .link {
  background-color: transparent;
  border-color: #555555; }
  body[data-uri="case/digital"] .page-case[data-case="digital"] .preview-section .link:before, body[data-uri="case/digital"] .page-case[data-case="digital"] .preview-section .link:after,
  body[data-uri="case/digital"] .page-skill[data-skill="digital"] .preview-section .link:before,
  body[data-uri="case/digital"] .page-skill[data-skill="digital"] .preview-section .link:after,
  body[data-uri="skill/digital"] .page-case[data-case="digital"] .preview-section .link:before,
  body[data-uri="skill/digital"] .page-case[data-case="digital"] .preview-section .link:after,
  body[data-uri="skill/digital"] .page-skill[data-skill="digital"] .preview-section .link:before,
  body[data-uri="skill/digital"] .page-skill[data-skill="digital"] .preview-section .link:after,
  body[data-uri="digital"] .page-case[data-case="digital"] .preview-section .link:before,
  body[data-uri="digital"] .page-case[data-case="digital"] .preview-section .link:after,
  body[data-uri="digital"] .page-skill[data-skill="digital"] .preview-section .link:before,
  body[data-uri="digital"] .page-skill[data-skill="digital"] .preview-section .link:after,
  body[data-uri="/"][data-case="digital"] .page-case[data-case="digital"] .preview-section .link:before,
  body[data-uri="/"][data-case="digital"] .page-case[data-case="digital"] .preview-section .link:after,
  body[data-uri="/"][data-case="digital"] .page-skill[data-skill="digital"] .preview-section .link:before,
  body[data-uri="/"][data-case="digital"] .page-skill[data-skill="digital"] .preview-section .link:after {
    background-color: rgba(85, 85, 85, 0.75); }
  body[data-uri="case/digital"] .page-case[data-case="digital"] .preview-section .link svg,
  body[data-uri="case/digital"] .page-skill[data-skill="digital"] .preview-section .link svg,
  body[data-uri="skill/digital"] .page-case[data-case="digital"] .preview-section .link svg,
  body[data-uri="skill/digital"] .page-skill[data-skill="digital"] .preview-section .link svg,
  body[data-uri="digital"] .page-case[data-case="digital"] .preview-section .link svg,
  body[data-uri="digital"] .page-skill[data-skill="digital"] .preview-section .link svg,
  body[data-uri="/"][data-case="digital"] .page-case[data-case="digital"] .preview-section .link svg,
  body[data-uri="/"][data-case="digital"] .page-skill[data-skill="digital"] .preview-section .link svg {
    fill: #555555; }
  body[data-touch="false"] body[data-uri="case/digital"] .page-case[data-case="digital"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/digital"] .page-skill[data-skill="digital"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/digital"] .page-case[data-case="digital"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/digital"] .page-skill[data-skill="digital"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="digital"] .page-case[data-case="digital"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="digital"] .page-skill[data-skill="digital"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="digital"] .page-case[data-case="digital"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="digital"] .page-skill[data-skill="digital"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/digital"] .page-case[data-case="digital"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/digital"] .page-skill[data-skill="digital"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/digital"] .page-case[data-case="digital"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/digital"] .page-skill[data-skill="digital"] .video-section .video .video-playpause .btn svg,
body[data-uri="digital"] .page-case[data-case="digital"] .video-section .video .video-playpause .btn svg,
body[data-uri="digital"] .page-skill[data-skill="digital"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="digital"] .page-case[data-case="digital"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="digital"] .page-skill[data-skill="digital"] .video-section .video .video-playpause .btn svg {
  fill: rgba(85, 85, 85, 0.9); }

body[data-uri="case/digital"] .page-case[data-case="digital"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/digital"] .page-skill[data-skill="digital"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/digital"] .page-case[data-case="digital"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/digital"] .page-skill[data-skill="digital"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="digital"] .page-case[data-case="digital"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="digital"] .page-skill[data-skill="digital"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="digital"] .page-case[data-case="digital"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="digital"] .page-skill[data-skill="digital"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/digital"] .page-case[data-case="digital"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/digital"] .page-skill[data-skill="digital"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/digital"] .page-case[data-case="digital"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/digital"] .page-skill[data-skill="digital"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="digital"] .page-case[data-case="digital"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="digital"] .page-skill[data-skill="digital"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="digital"] .page-case[data-case="digital"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="digital"] .page-skill[data-skill="digital"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/digital"] .page-case[data-case="digital"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/digital"] .page-skill[data-skill="digital"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/digital"] .page-case[data-case="digital"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/digital"] .page-skill[data-skill="digital"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="digital"] .page-case[data-case="digital"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="digital"] .page-skill[data-skill="digital"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="digital"] .page-case[data-case="digital"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="digital"] .page-skill[data-skill="digital"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/digital"] .page-case[data-case="digital"] .video-section .video .video-fullscreen,
body[data-uri="case/digital"] .page-skill[data-skill="digital"] .video-section .video .video-fullscreen,
body[data-uri="skill/digital"] .page-case[data-case="digital"] .video-section .video .video-fullscreen,
body[data-uri="skill/digital"] .page-skill[data-skill="digital"] .video-section .video .video-fullscreen,
body[data-uri="digital"] .page-case[data-case="digital"] .video-section .video .video-fullscreen,
body[data-uri="digital"] .page-skill[data-skill="digital"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="digital"] .page-case[data-case="digital"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="digital"] .page-skill[data-skill="digital"] .video-section .video .video-fullscreen {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/digital"] .page-case[data-case="digital"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/digital"] .page-skill[data-skill="digital"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/digital"] .page-case[data-case="digital"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/digital"] .page-skill[data-skill="digital"] .video-section .video.active .video-playpause .btn,
body[data-uri="digital"] .page-case[data-case="digital"] .video-section .video.active .video-playpause .btn,
body[data-uri="digital"] .page-skill[data-skill="digital"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="digital"] .page-case[data-case="digital"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="digital"] .page-skill[data-skill="digital"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(85, 85, 85, 0.9); }
  body[data-uri="case/digital"] .page-case[data-case="digital"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/digital"] .page-skill[data-skill="digital"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/digital"] .page-case[data-case="digital"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/digital"] .page-skill[data-skill="digital"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="digital"] .page-case[data-case="digital"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="digital"] .page-skill[data-skill="digital"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="digital"] .page-case[data-case="digital"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="digital"] .page-skill[data-skill="digital"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/digital"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/digital"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="digital"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="digital"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(85, 85, 85, 0.8) !important; }
  body[data-uri="case/digital"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/digital"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="digital"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="digital"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-skill[data-skill="digital"] section[data-section="topimage"] .topimage {
  background-size: cover;
  background-image: url("../img/skill/digital/topimage/topimage.jpg");
  background-position: bottom; }

@media (min-width: 992px) {
  .page-skill[data-skill="digital"] section[data-section="intro"] .illustration {
    margin-top: -9.375rem; } }

@media (min-width: 992px) {
  .page-skill[data-skill="digital"] section[data-section="intro"] .textbox-bordered {
    margin-top: 11.25rem; } }

.page-skill[data-skill="digital"] section[data-section="dyreneskidsclub"] {
  background-color: #555555; }
  @media (min-width: 1200px) {
    .page-skill[data-skill="digital"] section[data-section="dyreneskidsclub"] {
      background-image: url("../img/skill/digital/dyreneskidsclub/image.jpg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      min-height: 100vh; } }
  @media (min-width: 1920px) {
    .page-skill[data-skill="digital"] section[data-section="dyreneskidsclub"] {
      min-height: 80vh; } }
  @media (min-width: 1200px) {
    .page-skill[data-skill="digital"] section[data-section="dyreneskidsclub"] .textbox-column {
      margin-top: 10vh; } }
  @media (max-width: 1199px) {
    .page-skill[data-skill="digital"] section[data-section="dyreneskidsclub"] .textbox-column .textbox-background {
      background-color: transparent;
      padding-left: 0;
      padding-right: 0; } }

.page-skill[data-skill="digital"] section[data-section="irmabyen"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/digital/irmabyen/illustration-1.svg"); }

.page-skill[data-skill="digital"] section[data-section="irmabyen"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/skill/digital/irmabyen/illustration-2.svg"); }

.page-skill[data-skill="digital"] section[data-section="irmabyen"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/skill/digital/irmabyen/illustration-3.svg"); }

.page-skill[data-skill="digital"] section[data-section="irmabyen"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/skill/digital/irmabyen/illustration-4.svg"); }

.page-skill[data-skill="digital"] section[data-section="irmabyen"] .textbox-column {
  margin-top: 3.75rem; }

.page-skill[data-skill="digital"] section[data-section="kab"] {
  background-color: #555555; }
  @media (min-width: 1200px) {
    .page-skill[data-skill="digital"] section[data-section="kab"] {
      position: relative;
      background-image: url("../img/skill/digital/kab/image.jpg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      min-height: 100vh; } }
  @media (min-width: 1920px) {
    .page-skill[data-skill="digital"] section[data-section="kab"] {
      min-height: 80vh; } }
  @media (min-width: 1200px) {
    .page-skill[data-skill="digital"] section[data-section="kab"] .textbox-column {
      margin-top: 10vh; } }
  @media (max-width: 1199px) {
    .page-skill[data-skill="digital"] section[data-section="kab"] .textbox-column .textbox-background {
      background-color: transparent;
      padding-left: 0;
      padding-right: 0; } }

.page-skill[data-skill="digital"] section[data-section="medicinal"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/digital/medicinal/illustration-1.svg"); }

.page-skill[data-skill="digital"] section[data-section="medicinal"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/skill/digital/medicinal/illustration-2.svg"); }

.page-skill[data-skill="digital"] section[data-section="medicinal"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/skill/digital/medicinal/illustration-3.svg"); }

.page-skill[data-skill="digital"] section[data-section="medicinal"] .textbox-column {
  margin-top: 3.75rem; }
  @media (min-width: 992px) {
    .page-skill[data-skill="digital"] section[data-section="medicinal"] .textbox-column {
      margin-top: -9.375rem; } }
  @media (min-width: 1200px) {
    .page-skill[data-skill="digital"] section[data-section="medicinal"] .textbox-column {
      margin-top: -11.25rem; } }
  @media (min-width: 1480px) {
    .page-skill[data-skill="digital"] section[data-section="medicinal"] .textbox-column {
      margin-top: -15rem; } }
  @media (min-width: 1920px) {
    .page-skill[data-skill="digital"] section[data-section="medicinal"] .textbox-column {
      margin-top: -18.75rem; } }

.page-skill[data-skill="digital"] section[data-section="bulldozer"] {
  background-color: #555555; }
  @media (min-width: 1200px) {
    .page-skill[data-skill="digital"] section[data-section="bulldozer"] {
      background-image: url("../img/skill/digital/bulldozer/image.png");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      min-height: 100vh; } }
  @media (min-width: 1920px) {
    .page-skill[data-skill="digital"] section[data-section="bulldozer"] {
      min-height: 80vh; } }
  @media (min-width: 1200px) {
    .page-skill[data-skill="digital"] section[data-section="bulldozer"] .textbox-column {
      margin-top: 10vh; } }
  @media (max-width: 1199px) {
    .page-skill[data-skill="digital"] section[data-section="bulldozer"] .textbox-column .textbox-background {
      background-color: transparent;
      padding-left: 0;
      padding-right: 0; } }

body.subpage .cases-section .case[data-case="illustrationer"] .case-image,
body.subpage .cases-section .case[data-case="illustrationer"] .skill-image,
body.subpage .skills-section .skill[data-skill="illustrationer"] .case-image,
body.subpage .skills-section .skill[data-skill="illustrationer"] .skill-image {
  background-image: url("../img/cases/illustrationer.svg"); }
  body.subpage .cases-section .case[data-case="illustrationer"] .case-image:before, body.subpage .cases-section .case[data-case="illustrationer"] .case-image:after,
  body.subpage .cases-section .case[data-case="illustrationer"] .skill-image:before,
  body.subpage .cases-section .case[data-case="illustrationer"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="illustrationer"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="illustrationer"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="illustrationer"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="illustrationer"] .skill-image:after {
    background-color: rgba(85, 85, 85, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="illustrationer"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="illustrationer"]:hover .skill-description {
  border-top-color: #555555; }
  body[data-touch="false"].subpage .cases-section .case[data-case="illustrationer"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="illustrationer"]:hover .skill-description h4 {
    color: #555555; }

body[data-uri="case/illustrationer"] #navigation-trigger,
body[data-uri="case/illustrationer"] #page-title div,
body[data-uri="case/illustrationer"] #menu,
body[data-uri="case/illustrationer"] #page-close,
body[data-uri="skill/illustrationer"] #navigation-trigger,
body[data-uri="skill/illustrationer"] #page-title div,
body[data-uri="skill/illustrationer"] #menu,
body[data-uri="skill/illustrationer"] #page-close,
body[data-uri="illustrationer"] #navigation-trigger,
body[data-uri="illustrationer"] #page-title div,
body[data-uri="illustrationer"] #menu,
body[data-uri="illustrationer"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"] #page-close {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/illustrationer"] #page-close,
body[data-uri="skill/illustrationer"] #page-close,
body[data-uri="illustrationer"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"] #page-close {
  background-color: transparent;
  border-color: #555555; }
  body[data-uri="case/illustrationer"] #page-close:before, body[data-uri="case/illustrationer"] #page-close:after,
  body[data-uri="skill/illustrationer"] #page-close:before,
  body[data-uri="skill/illustrationer"] #page-close:after,
  body[data-uri="illustrationer"] #page-close:before,
  body[data-uri="illustrationer"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"] #page-close:after {
    background-color: rgba(85, 85, 85, 0.75); }
  body[data-uri="case/illustrationer"] #page-close svg,
  body[data-uri="skill/illustrationer"] #page-close svg,
  body[data-uri="illustrationer"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"] #page-close svg {
    fill: #555555; }

body[data-uri="case/illustrationer"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/illustrationer"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/illustrationer"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/illustrationer"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="illustrationer"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="illustrationer"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #555555; }

body[data-uri="case/illustrationer"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/illustrationer"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="illustrationer"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #555555; }

body[data-uri="case/illustrationer"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/illustrationer"][data-touch="false"] #page-close:hover svg,
body[data-uri="illustrationer"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/illustrationer"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/illustrationer"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="illustrationer"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #555555; }

body[data-uri="case/illustrationer"] a,
body[data-uri="case/illustrationer"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/illustrationer"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/illustrationer"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/illustrationer"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/illustrationer"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/illustrationer"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/illustrationer"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/illustrationer"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/illustrationer"] a,
body[data-uri="skill/illustrationer"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/illustrationer"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/illustrationer"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/illustrationer"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/illustrationer"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/illustrationer"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/illustrationer"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/illustrationer"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="illustrationer"] a,
body[data-uri="illustrationer"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="illustrationer"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="illustrationer"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="illustrationer"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="illustrationer"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="illustrationer"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="illustrationer"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="illustrationer"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #555555; }

body[data-uri="case/illustrationer"] .loader:before, body[data-uri="case/illustrationer"] .loader:after,
body[data-uri="skill/illustrationer"] .loader:before,
body[data-uri="skill/illustrationer"] .loader:after,
body[data-uri="illustrationer"] .loader:before,
body[data-uri="illustrationer"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="illustrationer"] .loader:after {
  background-color: #555555; }

section#cases .case[data-case="illustrationer"] .down svg {
  stroke: #555555; }

body[data-uri="case/illustrationer"] section#cases .description-box,
body[data-uri="skill/illustrationer"] section#cases .description-box,
body[data-uri="illustrationer"] section#cases .description-box,
body[data-uri="/"][data-case="illustrationer"] section#cases .description-box {
  background-color: rgba(85, 85, 85, 0.9); }
  body[data-uri="case/illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"],
  body[data-uri="skill/illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"],
  body[data-uri="illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"],
  body[data-uri="/"][data-case="illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div,
    body[data-uri="skill/illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div,
    body[data-uri="illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div,
    body[data-uri="/"][data-case="illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(1),
    body[data-uri="skill/illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(1),
    body[data-uri="illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(2),
    body[data-uri="skill/illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(2),
    body[data-uri="illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(3),
    body[data-uri="skill/illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(3),
    body[data-uri="illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(4),
    body[data-uri="skill/illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(4),
    body[data-uri="illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(5),
    body[data-uri="skill/illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(5),
    body[data-uri="illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(6),
    body[data-uri="skill/illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(6),
    body[data-uri="illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="illustrationer"] section#cases .description-box .case-description[data-case="illustrationer"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/illustrationer"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/illustrationer"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="illustrationer"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="illustrationer"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #555555; }

body[data-uri="case/illustrationer"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/illustrationer"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="illustrationer"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="illustrationer"][data-touch="false"] section#cases .description-box:hover .text {
  color: #555555; }
  body[data-uri="case/illustrationer"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/illustrationer"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="illustrationer"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="illustrationer"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #555555 !important; }
  body[data-uri="case/illustrationer"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/illustrationer"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="illustrationer"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="illustrationer"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #555555 !important; }

body[data-uri="case/illustrationer"] .page-case[data-case="illustrationer"] .color-primary,
body[data-uri="case/illustrationer"] .page-skill[data-skill="illustrationer"] .color-primary,
body[data-uri="skill/illustrationer"] .page-case[data-case="illustrationer"] .color-primary,
body[data-uri="skill/illustrationer"] .page-skill[data-skill="illustrationer"] .color-primary,
body[data-uri="illustrationer"] .page-case[data-case="illustrationer"] .color-primary,
body[data-uri="illustrationer"] .page-skill[data-skill="illustrationer"] .color-primary,
body[data-uri="/"][data-case="illustrationer"] .page-case[data-case="illustrationer"] .color-primary,
body[data-uri="/"][data-case="illustrationer"] .page-skill[data-skill="illustrationer"] .color-primary {
  color: #555555; }

body[data-uri="case/illustrationer"] .page-case[data-case="illustrationer"] .color-white,
body[data-uri="case/illustrationer"] .page-skill[data-skill="illustrationer"] .color-white,
body[data-uri="skill/illustrationer"] .page-case[data-case="illustrationer"] .color-white,
body[data-uri="skill/illustrationer"] .page-skill[data-skill="illustrationer"] .color-white,
body[data-uri="illustrationer"] .page-case[data-case="illustrationer"] .color-white,
body[data-uri="illustrationer"] .page-skill[data-skill="illustrationer"] .color-white,
body[data-uri="/"][data-case="illustrationer"] .page-case[data-case="illustrationer"] .color-white,
body[data-uri="/"][data-case="illustrationer"] .page-skill[data-skill="illustrationer"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/illustrationer"] .page-case[data-case="illustrationer"] .bg-primary,
body[data-uri="case/illustrationer"] .page-skill[data-skill="illustrationer"] .bg-primary,
body[data-uri="skill/illustrationer"] .page-case[data-case="illustrationer"] .bg-primary,
body[data-uri="skill/illustrationer"] .page-skill[data-skill="illustrationer"] .bg-primary,
body[data-uri="illustrationer"] .page-case[data-case="illustrationer"] .bg-primary,
body[data-uri="illustrationer"] .page-skill[data-skill="illustrationer"] .bg-primary,
body[data-uri="/"][data-case="illustrationer"] .page-case[data-case="illustrationer"] .bg-primary,
body[data-uri="/"][data-case="illustrationer"] .page-skill[data-skill="illustrationer"] .bg-primary {
  background-color: #555555 !important; }

body[data-uri="case/illustrationer"] .page-case[data-case="illustrationer"] .topimage-section .down svg,
body[data-uri="case/illustrationer"] .page-skill[data-skill="illustrationer"] .topimage-section .down svg,
body[data-uri="skill/illustrationer"] .page-case[data-case="illustrationer"] .topimage-section .down svg,
body[data-uri="skill/illustrationer"] .page-skill[data-skill="illustrationer"] .topimage-section .down svg,
body[data-uri="illustrationer"] .page-case[data-case="illustrationer"] .topimage-section .down svg,
body[data-uri="illustrationer"] .page-skill[data-skill="illustrationer"] .topimage-section .down svg,
body[data-uri="/"][data-case="illustrationer"] .page-case[data-case="illustrationer"] .topimage-section .down svg,
body[data-uri="/"][data-case="illustrationer"] .page-skill[data-skill="illustrationer"] .topimage-section .down svg {
  stroke: #555555; }

body[data-uri="case/illustrationer"] .page-case[data-case="illustrationer"] .textbox-bordered,
body[data-uri="case/illustrationer"] .page-skill[data-skill="illustrationer"] .textbox-bordered,
body[data-uri="skill/illustrationer"] .page-case[data-case="illustrationer"] .textbox-bordered,
body[data-uri="skill/illustrationer"] .page-skill[data-skill="illustrationer"] .textbox-bordered,
body[data-uri="illustrationer"] .page-case[data-case="illustrationer"] .textbox-bordered,
body[data-uri="illustrationer"] .page-skill[data-skill="illustrationer"] .textbox-bordered,
body[data-uri="/"][data-case="illustrationer"] .page-case[data-case="illustrationer"] .textbox-bordered,
body[data-uri="/"][data-case="illustrationer"] .page-skill[data-skill="illustrationer"] .textbox-bordered {
  border-top-color: #555555; }

body[data-uri="case/illustrationer"] .page-case[data-case="illustrationer"] .textbox-background,
body[data-uri="case/illustrationer"] .page-skill[data-skill="illustrationer"] .textbox-background,
body[data-uri="skill/illustrationer"] .page-case[data-case="illustrationer"] .textbox-background,
body[data-uri="skill/illustrationer"] .page-skill[data-skill="illustrationer"] .textbox-background,
body[data-uri="illustrationer"] .page-case[data-case="illustrationer"] .textbox-background,
body[data-uri="illustrationer"] .page-skill[data-skill="illustrationer"] .textbox-background,
body[data-uri="/"][data-case="illustrationer"] .page-case[data-case="illustrationer"] .textbox-background,
body[data-uri="/"][data-case="illustrationer"] .page-skill[data-skill="illustrationer"] .textbox-background {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/illustrationer"] .page-case[data-case="illustrationer"] .preview-section .link,
body[data-uri="case/illustrationer"] .page-skill[data-skill="illustrationer"] .preview-section .link,
body[data-uri="skill/illustrationer"] .page-case[data-case="illustrationer"] .preview-section .link,
body[data-uri="skill/illustrationer"] .page-skill[data-skill="illustrationer"] .preview-section .link,
body[data-uri="illustrationer"] .page-case[data-case="illustrationer"] .preview-section .link,
body[data-uri="illustrationer"] .page-skill[data-skill="illustrationer"] .preview-section .link,
body[data-uri="/"][data-case="illustrationer"] .page-case[data-case="illustrationer"] .preview-section .link,
body[data-uri="/"][data-case="illustrationer"] .page-skill[data-skill="illustrationer"] .preview-section .link {
  background-color: transparent;
  border-color: #555555; }
  body[data-uri="case/illustrationer"] .page-case[data-case="illustrationer"] .preview-section .link:before, body[data-uri="case/illustrationer"] .page-case[data-case="illustrationer"] .preview-section .link:after,
  body[data-uri="case/illustrationer"] .page-skill[data-skill="illustrationer"] .preview-section .link:before,
  body[data-uri="case/illustrationer"] .page-skill[data-skill="illustrationer"] .preview-section .link:after,
  body[data-uri="skill/illustrationer"] .page-case[data-case="illustrationer"] .preview-section .link:before,
  body[data-uri="skill/illustrationer"] .page-case[data-case="illustrationer"] .preview-section .link:after,
  body[data-uri="skill/illustrationer"] .page-skill[data-skill="illustrationer"] .preview-section .link:before,
  body[data-uri="skill/illustrationer"] .page-skill[data-skill="illustrationer"] .preview-section .link:after,
  body[data-uri="illustrationer"] .page-case[data-case="illustrationer"] .preview-section .link:before,
  body[data-uri="illustrationer"] .page-case[data-case="illustrationer"] .preview-section .link:after,
  body[data-uri="illustrationer"] .page-skill[data-skill="illustrationer"] .preview-section .link:before,
  body[data-uri="illustrationer"] .page-skill[data-skill="illustrationer"] .preview-section .link:after,
  body[data-uri="/"][data-case="illustrationer"] .page-case[data-case="illustrationer"] .preview-section .link:before,
  body[data-uri="/"][data-case="illustrationer"] .page-case[data-case="illustrationer"] .preview-section .link:after,
  body[data-uri="/"][data-case="illustrationer"] .page-skill[data-skill="illustrationer"] .preview-section .link:before,
  body[data-uri="/"][data-case="illustrationer"] .page-skill[data-skill="illustrationer"] .preview-section .link:after {
    background-color: rgba(85, 85, 85, 0.75); }
  body[data-uri="case/illustrationer"] .page-case[data-case="illustrationer"] .preview-section .link svg,
  body[data-uri="case/illustrationer"] .page-skill[data-skill="illustrationer"] .preview-section .link svg,
  body[data-uri="skill/illustrationer"] .page-case[data-case="illustrationer"] .preview-section .link svg,
  body[data-uri="skill/illustrationer"] .page-skill[data-skill="illustrationer"] .preview-section .link svg,
  body[data-uri="illustrationer"] .page-case[data-case="illustrationer"] .preview-section .link svg,
  body[data-uri="illustrationer"] .page-skill[data-skill="illustrationer"] .preview-section .link svg,
  body[data-uri="/"][data-case="illustrationer"] .page-case[data-case="illustrationer"] .preview-section .link svg,
  body[data-uri="/"][data-case="illustrationer"] .page-skill[data-skill="illustrationer"] .preview-section .link svg {
    fill: #555555; }
  body[data-touch="false"] body[data-uri="case/illustrationer"] .page-case[data-case="illustrationer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/illustrationer"] .page-skill[data-skill="illustrationer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/illustrationer"] .page-case[data-case="illustrationer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/illustrationer"] .page-skill[data-skill="illustrationer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="illustrationer"] .page-case[data-case="illustrationer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="illustrationer"] .page-skill[data-skill="illustrationer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="illustrationer"] .page-case[data-case="illustrationer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="illustrationer"] .page-skill[data-skill="illustrationer"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/illustrationer"] .page-case[data-case="illustrationer"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/illustrationer"] .page-case[data-case="illustrationer"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video .video-playpause .btn svg,
body[data-uri="illustrationer"] .page-case[data-case="illustrationer"] .video-section .video .video-playpause .btn svg,
body[data-uri="illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="illustrationer"] .page-case[data-case="illustrationer"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video .video-playpause .btn svg {
  fill: rgba(85, 85, 85, 0.9); }

body[data-uri="case/illustrationer"] .page-case[data-case="illustrationer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/illustrationer"] .page-case[data-case="illustrationer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="illustrationer"] .page-case[data-case="illustrationer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="illustrationer"] .page-case[data-case="illustrationer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/illustrationer"] .page-case[data-case="illustrationer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/illustrationer"] .page-case[data-case="illustrationer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="illustrationer"] .page-case[data-case="illustrationer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="illustrationer"] .page-case[data-case="illustrationer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/illustrationer"] .page-case[data-case="illustrationer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/illustrationer"] .page-case[data-case="illustrationer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="illustrationer"] .page-case[data-case="illustrationer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="illustrationer"] .page-case[data-case="illustrationer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/illustrationer"] .page-case[data-case="illustrationer"] .video-section .video .video-fullscreen,
body[data-uri="case/illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video .video-fullscreen,
body[data-uri="skill/illustrationer"] .page-case[data-case="illustrationer"] .video-section .video .video-fullscreen,
body[data-uri="skill/illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video .video-fullscreen,
body[data-uri="illustrationer"] .page-case[data-case="illustrationer"] .video-section .video .video-fullscreen,
body[data-uri="illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="illustrationer"] .page-case[data-case="illustrationer"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video .video-fullscreen {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/illustrationer"] .page-case[data-case="illustrationer"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/illustrationer"] .page-case[data-case="illustrationer"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video.active .video-playpause .btn,
body[data-uri="illustrationer"] .page-case[data-case="illustrationer"] .video-section .video.active .video-playpause .btn,
body[data-uri="illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="illustrationer"] .page-case[data-case="illustrationer"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(85, 85, 85, 0.9); }
  body[data-uri="case/illustrationer"] .page-case[data-case="illustrationer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/illustrationer"] .page-case[data-case="illustrationer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="illustrationer"] .page-case[data-case="illustrationer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="illustrationer"] .page-case[data-case="illustrationer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="illustrationer"] .page-skill[data-skill="illustrationer"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/illustrationer"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/illustrationer"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="illustrationer"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="illustrationer"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(85, 85, 85, 0.8) !important; }
  body[data-uri="case/illustrationer"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/illustrationer"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="illustrationer"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="illustrationer"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-skill[data-skill="illustrationer"] section[data-section="topimage"] .topimage {
  background-size: cover;
  background-image: url("../img/skill/illustrationer/lak/illustration-4.svg"); }

.page-skill[data-skill="illustrationer"] section[data-section="antidopingdanmark"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/illustrationer/antidopingdanmark/illustration-1.svg"); }

.page-skill[data-skill="illustrationer"] section[data-section="antidopingdanmark"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/skill/illustrationer/antidopingdanmark/illustration-2.svg"); }

.page-skill[data-skill="illustrationer"] section[data-section="antidopingdanmark"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/skill/illustrationer/antidopingdanmark/illustration-3.svg"); }

.page-skill[data-skill="illustrationer"] section[data-section="antidopingdanmark"] .swiper-container .swiper-slide:nth-of-type(4) .image {
  background-image: url("../img/skill/illustrationer/antidopingdanmark/illustration-4.svg"); }

.page-skill[data-skill="illustrationer"] section[data-section="antidopingdanmark"] .swiper-container .swiper-slide:nth-of-type(5) .image {
  background-image: url("../img/skill/illustrationer/antidopingdanmark/illustration-5.svg"); }

.page-skill[data-skill="illustrationer"] section[data-section="antidopingdanmark"] .swiper-container .swiper-slide:nth-of-type(6) .image {
  background-image: url("../img/skill/illustrationer/antidopingdanmark/illustration-6.svg"); }

.page-skill[data-skill="illustrationer"] section[data-section="karamelkompagniet"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/illustrationer/karamelkompagniet/illustration-1.jpg"); }

.page-skill[data-skill="illustrationer"] section[data-section="karamelkompagniet"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/skill/illustrationer/karamelkompagniet/illustration-2.jpg"); }

.page-skill[data-skill="illustrationer"] section[data-section="karamelkompagniet"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/skill/illustrationer/karamelkompagniet/illustration-3.jpg"); }

.page-skill[data-skill="illustrationer"] section[data-section="lak"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/illustrationer/lak/illustration-1.svg"); }

.page-skill[data-skill="illustrationer"] section[data-section="lak"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/skill/illustrationer/lak/illustration-2.svg"); }

.page-skill[data-skill="illustrationer"] section[data-section="lak"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/skill/illustrationer/lak/illustration-3.svg"); }

.page-skill[data-skill="illustrationer"] section[data-section="hmn"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/illustrationer/hmn/sketch.jpg"); }

.page-skill[data-skill="illustrationer"] section[data-section="hmn"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/skill/illustrationer/hmn/illustration.svg"); }

.page-skill[data-skill="illustrationer"] section[data-section="hk"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/illustrationer/hk/illustration-1.svg"); }

.page-skill[data-skill="illustrationer"] section[data-section="hk"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/skill/illustrationer/hk/illustration-2.svg"); }

.page-skill[data-skill="illustrationer"] section[data-section="hk"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/skill/illustrationer/hk/illustration-3.svg"); }

.page-skill[data-skill="illustrationer"] section[data-section="lo"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/illustrationer/lo/illustration-1.svg"); }

.page-skill[data-skill="illustrationer"] section[data-section="lo"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/skill/illustrationer/lo/illustration-2.svg"); }

.page-skill[data-skill="illustrationer"] section[data-section="lo"] .swiper-container .swiper-slide:nth-of-type(3) .image {
  background-image: url("../img/skill/illustrationer/lo/illustration-3.svg"); }

.page-skill[data-skill="illustrationer"] section[data-section="cabinattendentunion"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/illustrationer/cabinattendentunion/illustration-1.svg"); }

body.subpage .cases-section .case[data-case="logoer"] .case-image,
body.subpage .cases-section .case[data-case="logoer"] .skill-image,
body.subpage .skills-section .skill[data-skill="logoer"] .case-image,
body.subpage .skills-section .skill[data-skill="logoer"] .skill-image {
  background-image: url("../img/cases/logoer.svg"); }
  body.subpage .cases-section .case[data-case="logoer"] .case-image:before, body.subpage .cases-section .case[data-case="logoer"] .case-image:after,
  body.subpage .cases-section .case[data-case="logoer"] .skill-image:before,
  body.subpage .cases-section .case[data-case="logoer"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="logoer"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="logoer"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="logoer"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="logoer"] .skill-image:after {
    background-color: rgba(85, 85, 85, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="logoer"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="logoer"]:hover .skill-description {
  border-top-color: #555555; }
  body[data-touch="false"].subpage .cases-section .case[data-case="logoer"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="logoer"]:hover .skill-description h4 {
    color: #555555; }

body[data-uri="case/logoer"] #navigation-trigger,
body[data-uri="case/logoer"] #page-title div,
body[data-uri="case/logoer"] #menu,
body[data-uri="case/logoer"] #page-close,
body[data-uri="skill/logoer"] #navigation-trigger,
body[data-uri="skill/logoer"] #page-title div,
body[data-uri="skill/logoer"] #menu,
body[data-uri="skill/logoer"] #page-close,
body[data-uri="logoer"] #navigation-trigger,
body[data-uri="logoer"] #page-title div,
body[data-uri="logoer"] #menu,
body[data-uri="logoer"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"] #page-close {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/logoer"] #page-close,
body[data-uri="skill/logoer"] #page-close,
body[data-uri="logoer"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"] #page-close {
  background-color: transparent;
  border-color: #555555; }
  body[data-uri="case/logoer"] #page-close:before, body[data-uri="case/logoer"] #page-close:after,
  body[data-uri="skill/logoer"] #page-close:before,
  body[data-uri="skill/logoer"] #page-close:after,
  body[data-uri="logoer"] #page-close:before,
  body[data-uri="logoer"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="logoer"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="logoer"] #page-close:after {
    background-color: rgba(85, 85, 85, 0.75); }
  body[data-uri="case/logoer"] #page-close svg,
  body[data-uri="skill/logoer"] #page-close svg,
  body[data-uri="logoer"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="logoer"] #page-close svg {
    fill: #555555; }

body[data-uri="case/logoer"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/logoer"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/logoer"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/logoer"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="logoer"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="logoer"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #555555; }

body[data-uri="case/logoer"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/logoer"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="logoer"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #555555; }

body[data-uri="case/logoer"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/logoer"][data-touch="false"] #page-close:hover svg,
body[data-uri="logoer"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/logoer"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/logoer"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="logoer"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #555555; }

body[data-uri="case/logoer"] a,
body[data-uri="case/logoer"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/logoer"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/logoer"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/logoer"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/logoer"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/logoer"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/logoer"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/logoer"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/logoer"] a,
body[data-uri="skill/logoer"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/logoer"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/logoer"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/logoer"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/logoer"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/logoer"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/logoer"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/logoer"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="logoer"] a,
body[data-uri="logoer"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="logoer"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="logoer"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="logoer"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="logoer"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="logoer"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="logoer"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="logoer"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #555555; }

body[data-uri="case/logoer"] .loader:before, body[data-uri="case/logoer"] .loader:after,
body[data-uri="skill/logoer"] .loader:before,
body[data-uri="skill/logoer"] .loader:after,
body[data-uri="logoer"] .loader:before,
body[data-uri="logoer"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="logoer"] .loader:after {
  background-color: #555555; }

section#cases .case[data-case="logoer"] .down svg {
  stroke: #555555; }

body[data-uri="case/logoer"] section#cases .description-box,
body[data-uri="skill/logoer"] section#cases .description-box,
body[data-uri="logoer"] section#cases .description-box,
body[data-uri="/"][data-case="logoer"] section#cases .description-box {
  background-color: rgba(85, 85, 85, 0.9); }
  body[data-uri="case/logoer"] section#cases .description-box .case-description[data-case="logoer"],
  body[data-uri="skill/logoer"] section#cases .description-box .case-description[data-case="logoer"],
  body[data-uri="logoer"] section#cases .description-box .case-description[data-case="logoer"],
  body[data-uri="/"][data-case="logoer"] section#cases .description-box .case-description[data-case="logoer"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div,
    body[data-uri="skill/logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div,
    body[data-uri="logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div,
    body[data-uri="/"][data-case="logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(1),
    body[data-uri="skill/logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(1),
    body[data-uri="logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(2),
    body[data-uri="skill/logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(2),
    body[data-uri="logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(3),
    body[data-uri="skill/logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(3),
    body[data-uri="logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(4),
    body[data-uri="skill/logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(4),
    body[data-uri="logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(5),
    body[data-uri="skill/logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(5),
    body[data-uri="logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(6),
    body[data-uri="skill/logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(6),
    body[data-uri="logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="logoer"] section#cases .description-box .case-description[data-case="logoer"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/logoer"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/logoer"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="logoer"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="logoer"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #555555; }

body[data-uri="case/logoer"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/logoer"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="logoer"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="logoer"][data-touch="false"] section#cases .description-box:hover .text {
  color: #555555; }
  body[data-uri="case/logoer"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/logoer"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="logoer"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="logoer"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #555555 !important; }
  body[data-uri="case/logoer"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/logoer"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="logoer"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="logoer"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #555555 !important; }

body[data-uri="case/logoer"] .page-case[data-case="logoer"] .color-primary,
body[data-uri="case/logoer"] .page-skill[data-skill="logoer"] .color-primary,
body[data-uri="skill/logoer"] .page-case[data-case="logoer"] .color-primary,
body[data-uri="skill/logoer"] .page-skill[data-skill="logoer"] .color-primary,
body[data-uri="logoer"] .page-case[data-case="logoer"] .color-primary,
body[data-uri="logoer"] .page-skill[data-skill="logoer"] .color-primary,
body[data-uri="/"][data-case="logoer"] .page-case[data-case="logoer"] .color-primary,
body[data-uri="/"][data-case="logoer"] .page-skill[data-skill="logoer"] .color-primary {
  color: #555555; }

body[data-uri="case/logoer"] .page-case[data-case="logoer"] .color-white,
body[data-uri="case/logoer"] .page-skill[data-skill="logoer"] .color-white,
body[data-uri="skill/logoer"] .page-case[data-case="logoer"] .color-white,
body[data-uri="skill/logoer"] .page-skill[data-skill="logoer"] .color-white,
body[data-uri="logoer"] .page-case[data-case="logoer"] .color-white,
body[data-uri="logoer"] .page-skill[data-skill="logoer"] .color-white,
body[data-uri="/"][data-case="logoer"] .page-case[data-case="logoer"] .color-white,
body[data-uri="/"][data-case="logoer"] .page-skill[data-skill="logoer"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/logoer"] .page-case[data-case="logoer"] .bg-primary,
body[data-uri="case/logoer"] .page-skill[data-skill="logoer"] .bg-primary,
body[data-uri="skill/logoer"] .page-case[data-case="logoer"] .bg-primary,
body[data-uri="skill/logoer"] .page-skill[data-skill="logoer"] .bg-primary,
body[data-uri="logoer"] .page-case[data-case="logoer"] .bg-primary,
body[data-uri="logoer"] .page-skill[data-skill="logoer"] .bg-primary,
body[data-uri="/"][data-case="logoer"] .page-case[data-case="logoer"] .bg-primary,
body[data-uri="/"][data-case="logoer"] .page-skill[data-skill="logoer"] .bg-primary {
  background-color: #555555 !important; }

body[data-uri="case/logoer"] .page-case[data-case="logoer"] .topimage-section .down svg,
body[data-uri="case/logoer"] .page-skill[data-skill="logoer"] .topimage-section .down svg,
body[data-uri="skill/logoer"] .page-case[data-case="logoer"] .topimage-section .down svg,
body[data-uri="skill/logoer"] .page-skill[data-skill="logoer"] .topimage-section .down svg,
body[data-uri="logoer"] .page-case[data-case="logoer"] .topimage-section .down svg,
body[data-uri="logoer"] .page-skill[data-skill="logoer"] .topimage-section .down svg,
body[data-uri="/"][data-case="logoer"] .page-case[data-case="logoer"] .topimage-section .down svg,
body[data-uri="/"][data-case="logoer"] .page-skill[data-skill="logoer"] .topimage-section .down svg {
  stroke: #555555; }

body[data-uri="case/logoer"] .page-case[data-case="logoer"] .textbox-bordered,
body[data-uri="case/logoer"] .page-skill[data-skill="logoer"] .textbox-bordered,
body[data-uri="skill/logoer"] .page-case[data-case="logoer"] .textbox-bordered,
body[data-uri="skill/logoer"] .page-skill[data-skill="logoer"] .textbox-bordered,
body[data-uri="logoer"] .page-case[data-case="logoer"] .textbox-bordered,
body[data-uri="logoer"] .page-skill[data-skill="logoer"] .textbox-bordered,
body[data-uri="/"][data-case="logoer"] .page-case[data-case="logoer"] .textbox-bordered,
body[data-uri="/"][data-case="logoer"] .page-skill[data-skill="logoer"] .textbox-bordered {
  border-top-color: #555555; }

body[data-uri="case/logoer"] .page-case[data-case="logoer"] .textbox-background,
body[data-uri="case/logoer"] .page-skill[data-skill="logoer"] .textbox-background,
body[data-uri="skill/logoer"] .page-case[data-case="logoer"] .textbox-background,
body[data-uri="skill/logoer"] .page-skill[data-skill="logoer"] .textbox-background,
body[data-uri="logoer"] .page-case[data-case="logoer"] .textbox-background,
body[data-uri="logoer"] .page-skill[data-skill="logoer"] .textbox-background,
body[data-uri="/"][data-case="logoer"] .page-case[data-case="logoer"] .textbox-background,
body[data-uri="/"][data-case="logoer"] .page-skill[data-skill="logoer"] .textbox-background {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/logoer"] .page-case[data-case="logoer"] .preview-section .link,
body[data-uri="case/logoer"] .page-skill[data-skill="logoer"] .preview-section .link,
body[data-uri="skill/logoer"] .page-case[data-case="logoer"] .preview-section .link,
body[data-uri="skill/logoer"] .page-skill[data-skill="logoer"] .preview-section .link,
body[data-uri="logoer"] .page-case[data-case="logoer"] .preview-section .link,
body[data-uri="logoer"] .page-skill[data-skill="logoer"] .preview-section .link,
body[data-uri="/"][data-case="logoer"] .page-case[data-case="logoer"] .preview-section .link,
body[data-uri="/"][data-case="logoer"] .page-skill[data-skill="logoer"] .preview-section .link {
  background-color: transparent;
  border-color: #555555; }
  body[data-uri="case/logoer"] .page-case[data-case="logoer"] .preview-section .link:before, body[data-uri="case/logoer"] .page-case[data-case="logoer"] .preview-section .link:after,
  body[data-uri="case/logoer"] .page-skill[data-skill="logoer"] .preview-section .link:before,
  body[data-uri="case/logoer"] .page-skill[data-skill="logoer"] .preview-section .link:after,
  body[data-uri="skill/logoer"] .page-case[data-case="logoer"] .preview-section .link:before,
  body[data-uri="skill/logoer"] .page-case[data-case="logoer"] .preview-section .link:after,
  body[data-uri="skill/logoer"] .page-skill[data-skill="logoer"] .preview-section .link:before,
  body[data-uri="skill/logoer"] .page-skill[data-skill="logoer"] .preview-section .link:after,
  body[data-uri="logoer"] .page-case[data-case="logoer"] .preview-section .link:before,
  body[data-uri="logoer"] .page-case[data-case="logoer"] .preview-section .link:after,
  body[data-uri="logoer"] .page-skill[data-skill="logoer"] .preview-section .link:before,
  body[data-uri="logoer"] .page-skill[data-skill="logoer"] .preview-section .link:after,
  body[data-uri="/"][data-case="logoer"] .page-case[data-case="logoer"] .preview-section .link:before,
  body[data-uri="/"][data-case="logoer"] .page-case[data-case="logoer"] .preview-section .link:after,
  body[data-uri="/"][data-case="logoer"] .page-skill[data-skill="logoer"] .preview-section .link:before,
  body[data-uri="/"][data-case="logoer"] .page-skill[data-skill="logoer"] .preview-section .link:after {
    background-color: rgba(85, 85, 85, 0.75); }
  body[data-uri="case/logoer"] .page-case[data-case="logoer"] .preview-section .link svg,
  body[data-uri="case/logoer"] .page-skill[data-skill="logoer"] .preview-section .link svg,
  body[data-uri="skill/logoer"] .page-case[data-case="logoer"] .preview-section .link svg,
  body[data-uri="skill/logoer"] .page-skill[data-skill="logoer"] .preview-section .link svg,
  body[data-uri="logoer"] .page-case[data-case="logoer"] .preview-section .link svg,
  body[data-uri="logoer"] .page-skill[data-skill="logoer"] .preview-section .link svg,
  body[data-uri="/"][data-case="logoer"] .page-case[data-case="logoer"] .preview-section .link svg,
  body[data-uri="/"][data-case="logoer"] .page-skill[data-skill="logoer"] .preview-section .link svg {
    fill: #555555; }
  body[data-touch="false"] body[data-uri="case/logoer"] .page-case[data-case="logoer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/logoer"] .page-skill[data-skill="logoer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/logoer"] .page-case[data-case="logoer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/logoer"] .page-skill[data-skill="logoer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="logoer"] .page-case[data-case="logoer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="logoer"] .page-skill[data-skill="logoer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="logoer"] .page-case[data-case="logoer"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="logoer"] .page-skill[data-skill="logoer"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/logoer"] .page-case[data-case="logoer"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/logoer"] .page-skill[data-skill="logoer"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/logoer"] .page-case[data-case="logoer"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/logoer"] .page-skill[data-skill="logoer"] .video-section .video .video-playpause .btn svg,
body[data-uri="logoer"] .page-case[data-case="logoer"] .video-section .video .video-playpause .btn svg,
body[data-uri="logoer"] .page-skill[data-skill="logoer"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="logoer"] .page-case[data-case="logoer"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="logoer"] .page-skill[data-skill="logoer"] .video-section .video .video-playpause .btn svg {
  fill: rgba(85, 85, 85, 0.9); }

body[data-uri="case/logoer"] .page-case[data-case="logoer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/logoer"] .page-skill[data-skill="logoer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/logoer"] .page-case[data-case="logoer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/logoer"] .page-skill[data-skill="logoer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="logoer"] .page-case[data-case="logoer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="logoer"] .page-skill[data-skill="logoer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="logoer"] .page-case[data-case="logoer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="logoer"] .page-skill[data-skill="logoer"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/logoer"] .page-case[data-case="logoer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/logoer"] .page-skill[data-skill="logoer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/logoer"] .page-case[data-case="logoer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/logoer"] .page-skill[data-skill="logoer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="logoer"] .page-case[data-case="logoer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="logoer"] .page-skill[data-skill="logoer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="logoer"] .page-case[data-case="logoer"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="logoer"] .page-skill[data-skill="logoer"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/logoer"] .page-case[data-case="logoer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/logoer"] .page-skill[data-skill="logoer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/logoer"] .page-case[data-case="logoer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/logoer"] .page-skill[data-skill="logoer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="logoer"] .page-case[data-case="logoer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="logoer"] .page-skill[data-skill="logoer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="logoer"] .page-case[data-case="logoer"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="logoer"] .page-skill[data-skill="logoer"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/logoer"] .page-case[data-case="logoer"] .video-section .video .video-fullscreen,
body[data-uri="case/logoer"] .page-skill[data-skill="logoer"] .video-section .video .video-fullscreen,
body[data-uri="skill/logoer"] .page-case[data-case="logoer"] .video-section .video .video-fullscreen,
body[data-uri="skill/logoer"] .page-skill[data-skill="logoer"] .video-section .video .video-fullscreen,
body[data-uri="logoer"] .page-case[data-case="logoer"] .video-section .video .video-fullscreen,
body[data-uri="logoer"] .page-skill[data-skill="logoer"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="logoer"] .page-case[data-case="logoer"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="logoer"] .page-skill[data-skill="logoer"] .video-section .video .video-fullscreen {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/logoer"] .page-case[data-case="logoer"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/logoer"] .page-skill[data-skill="logoer"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/logoer"] .page-case[data-case="logoer"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/logoer"] .page-skill[data-skill="logoer"] .video-section .video.active .video-playpause .btn,
body[data-uri="logoer"] .page-case[data-case="logoer"] .video-section .video.active .video-playpause .btn,
body[data-uri="logoer"] .page-skill[data-skill="logoer"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="logoer"] .page-case[data-case="logoer"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="logoer"] .page-skill[data-skill="logoer"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(85, 85, 85, 0.9); }
  body[data-uri="case/logoer"] .page-case[data-case="logoer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/logoer"] .page-skill[data-skill="logoer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/logoer"] .page-case[data-case="logoer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/logoer"] .page-skill[data-skill="logoer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="logoer"] .page-case[data-case="logoer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="logoer"] .page-skill[data-skill="logoer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="logoer"] .page-case[data-case="logoer"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="logoer"] .page-skill[data-skill="logoer"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/logoer"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/logoer"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="logoer"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="logoer"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(85, 85, 85, 0.8) !important; }
  body[data-uri="case/logoer"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/logoer"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="logoer"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="logoer"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-skill[data-skill="logoer"] section[data-section="topimage"] .topimage {
  background-size: cover;
  background-image: url("../img/skill/logoer/trashformation/sign.svg"); }

.page-skill[data-skill="logoer"] section[data-section="intro"] .illustration-1 {
  display: inline-block;
  width: 100%;
  height: 22.5rem;
  overflow: hidden; }
  @media (max-width: 767px) {
    .page-skill[data-skill="logoer"] section[data-section="intro"] .illustration-1 {
      height: 50vw; } }

@media (min-width: 1200px) and (max-width: 1479px) {
  .page-skill[data-skill="logoer"] section[data-section="intro"] .illustration-1 {
    height: 26.25rem; } }

@media (min-width: 1480px) and (max-width: 1919px) {
  .page-skill[data-skill="logoer"] section[data-section="intro"] .illustration-1 {
    height: 30rem; } }
  @media (min-width: 1920px) {
    .page-skill[data-skill="logoer"] section[data-section="intro"] .illustration-1 {
      height: 30rem; } }

.page-skill[data-skill="logoer"] section[data-section="fairsquare"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/logoer/fairsquare/logo-1.svg"); }

.page-skill[data-skill="logoer"] section[data-section="fairsquare"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/skill/logoer/fairsquare/logo-2.svg"); }

.page-skill[data-skill="logoer"] section[data-section="himmerig"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/logoer/himmerig/logo.jpg"); }

.page-skill[data-skill="logoer"] section[data-section="bruun"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/logoer/bruun/logo.svg"); }

.page-skill[data-skill="logoer"] section[data-section="airproof"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/logoer/airproof/logo.svg"); }

.page-skill[data-skill="logoer"] section[data-section="4h"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/logoer/4h/logo.svg"); }

.page-skill[data-skill="logoer"] section[data-section="trashformation"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/logoer/trashformation/tshirt.jpg"); }

.page-skill[data-skill="logoer"] section[data-section="hankypanky"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/logoer/hankypanky/logo.svg"); }

.page-skill[data-skill="logoer"] section[data-section="jobtrek"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/logoer/jobtrek/logo.svg"); }

.page-skill[data-skill="logoer"] section[data-section="iposen"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/logoer/iposen/logo.svg"); }

.page-skill[data-skill="logoer"] section[data-section="betclic"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/logoer/betclic/tshirt.jpg"); }

.page-skill[data-skill="logoer"] section[data-section="businesstree"] .swiper-container .swiper-slide:nth-of-type(1) .image {
  background-image: url("../img/skill/logoer/businesstree/logo-1.svg"); }

.page-skill[data-skill="logoer"] section[data-section="businesstree"] .swiper-container .swiper-slide:nth-of-type(2) .image {
  background-image: url("../img/skill/logoer/businesstree/logo-2.svg"); }

body.subpage .cases-section .case[data-case="tegnestile"] .case-image,
body.subpage .cases-section .case[data-case="tegnestile"] .skill-image,
body.subpage .skills-section .skill[data-skill="tegnestile"] .case-image,
body.subpage .skills-section .skill[data-skill="tegnestile"] .skill-image {
  background-image: url("../img/cases/tegnestile.jpg"); }
  body.subpage .cases-section .case[data-case="tegnestile"] .case-image:before, body.subpage .cases-section .case[data-case="tegnestile"] .case-image:after,
  body.subpage .cases-section .case[data-case="tegnestile"] .skill-image:before,
  body.subpage .cases-section .case[data-case="tegnestile"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="tegnestile"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="tegnestile"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="tegnestile"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="tegnestile"] .skill-image:after {
    background-color: rgba(85, 85, 85, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="tegnestile"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="tegnestile"]:hover .skill-description {
  border-top-color: #555555; }
  body[data-touch="false"].subpage .cases-section .case[data-case="tegnestile"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="tegnestile"]:hover .skill-description h4 {
    color: #555555; }

body[data-uri="case/tegnestile"] #navigation-trigger,
body[data-uri="case/tegnestile"] #page-title div,
body[data-uri="case/tegnestile"] #menu,
body[data-uri="case/tegnestile"] #page-close,
body[data-uri="skill/tegnestile"] #navigation-trigger,
body[data-uri="skill/tegnestile"] #page-title div,
body[data-uri="skill/tegnestile"] #menu,
body[data-uri="skill/tegnestile"] #page-close,
body[data-uri="tegnestile"] #navigation-trigger,
body[data-uri="tegnestile"] #page-title div,
body[data-uri="tegnestile"] #menu,
body[data-uri="tegnestile"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"] #page-close {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/tegnestile"] #page-close,
body[data-uri="skill/tegnestile"] #page-close,
body[data-uri="tegnestile"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"] #page-close {
  background-color: transparent;
  border-color: #555555; }
  body[data-uri="case/tegnestile"] #page-close:before, body[data-uri="case/tegnestile"] #page-close:after,
  body[data-uri="skill/tegnestile"] #page-close:before,
  body[data-uri="skill/tegnestile"] #page-close:after,
  body[data-uri="tegnestile"] #page-close:before,
  body[data-uri="tegnestile"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"] #page-close:after {
    background-color: rgba(85, 85, 85, 0.75); }
  body[data-uri="case/tegnestile"] #page-close svg,
  body[data-uri="skill/tegnestile"] #page-close svg,
  body[data-uri="tegnestile"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"] #page-close svg {
    fill: #555555; }

body[data-uri="case/tegnestile"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/tegnestile"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/tegnestile"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/tegnestile"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="tegnestile"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="tegnestile"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #555555; }

body[data-uri="case/tegnestile"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/tegnestile"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="tegnestile"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #555555; }

body[data-uri="case/tegnestile"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/tegnestile"][data-touch="false"] #page-close:hover svg,
body[data-uri="tegnestile"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/tegnestile"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/tegnestile"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="tegnestile"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #555555; }

body[data-uri="case/tegnestile"] a,
body[data-uri="case/tegnestile"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/tegnestile"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/tegnestile"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/tegnestile"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/tegnestile"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/tegnestile"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/tegnestile"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/tegnestile"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/tegnestile"] a,
body[data-uri="skill/tegnestile"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/tegnestile"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/tegnestile"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/tegnestile"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/tegnestile"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/tegnestile"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/tegnestile"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/tegnestile"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="tegnestile"] a,
body[data-uri="tegnestile"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="tegnestile"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="tegnestile"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="tegnestile"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="tegnestile"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="tegnestile"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="tegnestile"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="tegnestile"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #555555; }

body[data-uri="case/tegnestile"] .loader:before, body[data-uri="case/tegnestile"] .loader:after,
body[data-uri="skill/tegnestile"] .loader:before,
body[data-uri="skill/tegnestile"] .loader:after,
body[data-uri="tegnestile"] .loader:before,
body[data-uri="tegnestile"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="tegnestile"] .loader:after {
  background-color: #555555; }

section#cases .case[data-case="tegnestile"] .down svg {
  stroke: #555555; }

body[data-uri="case/tegnestile"] section#cases .description-box,
body[data-uri="skill/tegnestile"] section#cases .description-box,
body[data-uri="tegnestile"] section#cases .description-box,
body[data-uri="/"][data-case="tegnestile"] section#cases .description-box {
  background-color: rgba(85, 85, 85, 0.9); }
  body[data-uri="case/tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"],
  body[data-uri="skill/tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"],
  body[data-uri="tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"],
  body[data-uri="/"][data-case="tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div,
    body[data-uri="skill/tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div,
    body[data-uri="tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div,
    body[data-uri="/"][data-case="tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(1),
    body[data-uri="skill/tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(1),
    body[data-uri="tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(2),
    body[data-uri="skill/tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(2),
    body[data-uri="tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(3),
    body[data-uri="skill/tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(3),
    body[data-uri="tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(4),
    body[data-uri="skill/tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(4),
    body[data-uri="tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(5),
    body[data-uri="skill/tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(5),
    body[data-uri="tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(6),
    body[data-uri="skill/tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(6),
    body[data-uri="tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="tegnestile"] section#cases .description-box .case-description[data-case="tegnestile"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/tegnestile"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/tegnestile"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="tegnestile"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="tegnestile"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #555555; }

body[data-uri="case/tegnestile"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/tegnestile"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="tegnestile"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="tegnestile"][data-touch="false"] section#cases .description-box:hover .text {
  color: #555555; }
  body[data-uri="case/tegnestile"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/tegnestile"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="tegnestile"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="tegnestile"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #555555 !important; }
  body[data-uri="case/tegnestile"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/tegnestile"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="tegnestile"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="tegnestile"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #555555 !important; }

body[data-uri="case/tegnestile"] .page-case[data-case="tegnestile"] .color-primary,
body[data-uri="case/tegnestile"] .page-skill[data-skill="tegnestile"] .color-primary,
body[data-uri="skill/tegnestile"] .page-case[data-case="tegnestile"] .color-primary,
body[data-uri="skill/tegnestile"] .page-skill[data-skill="tegnestile"] .color-primary,
body[data-uri="tegnestile"] .page-case[data-case="tegnestile"] .color-primary,
body[data-uri="tegnestile"] .page-skill[data-skill="tegnestile"] .color-primary,
body[data-uri="/"][data-case="tegnestile"] .page-case[data-case="tegnestile"] .color-primary,
body[data-uri="/"][data-case="tegnestile"] .page-skill[data-skill="tegnestile"] .color-primary {
  color: #555555; }

body[data-uri="case/tegnestile"] .page-case[data-case="tegnestile"] .color-white,
body[data-uri="case/tegnestile"] .page-skill[data-skill="tegnestile"] .color-white,
body[data-uri="skill/tegnestile"] .page-case[data-case="tegnestile"] .color-white,
body[data-uri="skill/tegnestile"] .page-skill[data-skill="tegnestile"] .color-white,
body[data-uri="tegnestile"] .page-case[data-case="tegnestile"] .color-white,
body[data-uri="tegnestile"] .page-skill[data-skill="tegnestile"] .color-white,
body[data-uri="/"][data-case="tegnestile"] .page-case[data-case="tegnestile"] .color-white,
body[data-uri="/"][data-case="tegnestile"] .page-skill[data-skill="tegnestile"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/tegnestile"] .page-case[data-case="tegnestile"] .bg-primary,
body[data-uri="case/tegnestile"] .page-skill[data-skill="tegnestile"] .bg-primary,
body[data-uri="skill/tegnestile"] .page-case[data-case="tegnestile"] .bg-primary,
body[data-uri="skill/tegnestile"] .page-skill[data-skill="tegnestile"] .bg-primary,
body[data-uri="tegnestile"] .page-case[data-case="tegnestile"] .bg-primary,
body[data-uri="tegnestile"] .page-skill[data-skill="tegnestile"] .bg-primary,
body[data-uri="/"][data-case="tegnestile"] .page-case[data-case="tegnestile"] .bg-primary,
body[data-uri="/"][data-case="tegnestile"] .page-skill[data-skill="tegnestile"] .bg-primary {
  background-color: #555555 !important; }

body[data-uri="case/tegnestile"] .page-case[data-case="tegnestile"] .topimage-section .down svg,
body[data-uri="case/tegnestile"] .page-skill[data-skill="tegnestile"] .topimage-section .down svg,
body[data-uri="skill/tegnestile"] .page-case[data-case="tegnestile"] .topimage-section .down svg,
body[data-uri="skill/tegnestile"] .page-skill[data-skill="tegnestile"] .topimage-section .down svg,
body[data-uri="tegnestile"] .page-case[data-case="tegnestile"] .topimage-section .down svg,
body[data-uri="tegnestile"] .page-skill[data-skill="tegnestile"] .topimage-section .down svg,
body[data-uri="/"][data-case="tegnestile"] .page-case[data-case="tegnestile"] .topimage-section .down svg,
body[data-uri="/"][data-case="tegnestile"] .page-skill[data-skill="tegnestile"] .topimage-section .down svg {
  stroke: #555555; }

body[data-uri="case/tegnestile"] .page-case[data-case="tegnestile"] .textbox-bordered,
body[data-uri="case/tegnestile"] .page-skill[data-skill="tegnestile"] .textbox-bordered,
body[data-uri="skill/tegnestile"] .page-case[data-case="tegnestile"] .textbox-bordered,
body[data-uri="skill/tegnestile"] .page-skill[data-skill="tegnestile"] .textbox-bordered,
body[data-uri="tegnestile"] .page-case[data-case="tegnestile"] .textbox-bordered,
body[data-uri="tegnestile"] .page-skill[data-skill="tegnestile"] .textbox-bordered,
body[data-uri="/"][data-case="tegnestile"] .page-case[data-case="tegnestile"] .textbox-bordered,
body[data-uri="/"][data-case="tegnestile"] .page-skill[data-skill="tegnestile"] .textbox-bordered {
  border-top-color: #555555; }

body[data-uri="case/tegnestile"] .page-case[data-case="tegnestile"] .textbox-background,
body[data-uri="case/tegnestile"] .page-skill[data-skill="tegnestile"] .textbox-background,
body[data-uri="skill/tegnestile"] .page-case[data-case="tegnestile"] .textbox-background,
body[data-uri="skill/tegnestile"] .page-skill[data-skill="tegnestile"] .textbox-background,
body[data-uri="tegnestile"] .page-case[data-case="tegnestile"] .textbox-background,
body[data-uri="tegnestile"] .page-skill[data-skill="tegnestile"] .textbox-background,
body[data-uri="/"][data-case="tegnestile"] .page-case[data-case="tegnestile"] .textbox-background,
body[data-uri="/"][data-case="tegnestile"] .page-skill[data-skill="tegnestile"] .textbox-background {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/tegnestile"] .page-case[data-case="tegnestile"] .preview-section .link,
body[data-uri="case/tegnestile"] .page-skill[data-skill="tegnestile"] .preview-section .link,
body[data-uri="skill/tegnestile"] .page-case[data-case="tegnestile"] .preview-section .link,
body[data-uri="skill/tegnestile"] .page-skill[data-skill="tegnestile"] .preview-section .link,
body[data-uri="tegnestile"] .page-case[data-case="tegnestile"] .preview-section .link,
body[data-uri="tegnestile"] .page-skill[data-skill="tegnestile"] .preview-section .link,
body[data-uri="/"][data-case="tegnestile"] .page-case[data-case="tegnestile"] .preview-section .link,
body[data-uri="/"][data-case="tegnestile"] .page-skill[data-skill="tegnestile"] .preview-section .link {
  background-color: transparent;
  border-color: #555555; }
  body[data-uri="case/tegnestile"] .page-case[data-case="tegnestile"] .preview-section .link:before, body[data-uri="case/tegnestile"] .page-case[data-case="tegnestile"] .preview-section .link:after,
  body[data-uri="case/tegnestile"] .page-skill[data-skill="tegnestile"] .preview-section .link:before,
  body[data-uri="case/tegnestile"] .page-skill[data-skill="tegnestile"] .preview-section .link:after,
  body[data-uri="skill/tegnestile"] .page-case[data-case="tegnestile"] .preview-section .link:before,
  body[data-uri="skill/tegnestile"] .page-case[data-case="tegnestile"] .preview-section .link:after,
  body[data-uri="skill/tegnestile"] .page-skill[data-skill="tegnestile"] .preview-section .link:before,
  body[data-uri="skill/tegnestile"] .page-skill[data-skill="tegnestile"] .preview-section .link:after,
  body[data-uri="tegnestile"] .page-case[data-case="tegnestile"] .preview-section .link:before,
  body[data-uri="tegnestile"] .page-case[data-case="tegnestile"] .preview-section .link:after,
  body[data-uri="tegnestile"] .page-skill[data-skill="tegnestile"] .preview-section .link:before,
  body[data-uri="tegnestile"] .page-skill[data-skill="tegnestile"] .preview-section .link:after,
  body[data-uri="/"][data-case="tegnestile"] .page-case[data-case="tegnestile"] .preview-section .link:before,
  body[data-uri="/"][data-case="tegnestile"] .page-case[data-case="tegnestile"] .preview-section .link:after,
  body[data-uri="/"][data-case="tegnestile"] .page-skill[data-skill="tegnestile"] .preview-section .link:before,
  body[data-uri="/"][data-case="tegnestile"] .page-skill[data-skill="tegnestile"] .preview-section .link:after {
    background-color: rgba(85, 85, 85, 0.75); }
  body[data-uri="case/tegnestile"] .page-case[data-case="tegnestile"] .preview-section .link svg,
  body[data-uri="case/tegnestile"] .page-skill[data-skill="tegnestile"] .preview-section .link svg,
  body[data-uri="skill/tegnestile"] .page-case[data-case="tegnestile"] .preview-section .link svg,
  body[data-uri="skill/tegnestile"] .page-skill[data-skill="tegnestile"] .preview-section .link svg,
  body[data-uri="tegnestile"] .page-case[data-case="tegnestile"] .preview-section .link svg,
  body[data-uri="tegnestile"] .page-skill[data-skill="tegnestile"] .preview-section .link svg,
  body[data-uri="/"][data-case="tegnestile"] .page-case[data-case="tegnestile"] .preview-section .link svg,
  body[data-uri="/"][data-case="tegnestile"] .page-skill[data-skill="tegnestile"] .preview-section .link svg {
    fill: #555555; }
  body[data-touch="false"] body[data-uri="case/tegnestile"] .page-case[data-case="tegnestile"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/tegnestile"] .page-skill[data-skill="tegnestile"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/tegnestile"] .page-case[data-case="tegnestile"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/tegnestile"] .page-skill[data-skill="tegnestile"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="tegnestile"] .page-case[data-case="tegnestile"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="tegnestile"] .page-skill[data-skill="tegnestile"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="tegnestile"] .page-case[data-case="tegnestile"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="tegnestile"] .page-skill[data-skill="tegnestile"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/tegnestile"] .page-case[data-case="tegnestile"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/tegnestile"] .page-case[data-case="tegnestile"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video .video-playpause .btn svg,
body[data-uri="tegnestile"] .page-case[data-case="tegnestile"] .video-section .video .video-playpause .btn svg,
body[data-uri="tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="tegnestile"] .page-case[data-case="tegnestile"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video .video-playpause .btn svg {
  fill: rgba(85, 85, 85, 0.9); }

body[data-uri="case/tegnestile"] .page-case[data-case="tegnestile"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/tegnestile"] .page-case[data-case="tegnestile"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="tegnestile"] .page-case[data-case="tegnestile"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="tegnestile"] .page-case[data-case="tegnestile"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/tegnestile"] .page-case[data-case="tegnestile"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/tegnestile"] .page-case[data-case="tegnestile"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="tegnestile"] .page-case[data-case="tegnestile"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="tegnestile"] .page-case[data-case="tegnestile"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/tegnestile"] .page-case[data-case="tegnestile"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/tegnestile"] .page-case[data-case="tegnestile"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="tegnestile"] .page-case[data-case="tegnestile"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="tegnestile"] .page-case[data-case="tegnestile"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/tegnestile"] .page-case[data-case="tegnestile"] .video-section .video .video-fullscreen,
body[data-uri="case/tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video .video-fullscreen,
body[data-uri="skill/tegnestile"] .page-case[data-case="tegnestile"] .video-section .video .video-fullscreen,
body[data-uri="skill/tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video .video-fullscreen,
body[data-uri="tegnestile"] .page-case[data-case="tegnestile"] .video-section .video .video-fullscreen,
body[data-uri="tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="tegnestile"] .page-case[data-case="tegnestile"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video .video-fullscreen {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/tegnestile"] .page-case[data-case="tegnestile"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/tegnestile"] .page-case[data-case="tegnestile"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video.active .video-playpause .btn,
body[data-uri="tegnestile"] .page-case[data-case="tegnestile"] .video-section .video.active .video-playpause .btn,
body[data-uri="tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="tegnestile"] .page-case[data-case="tegnestile"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(85, 85, 85, 0.9); }
  body[data-uri="case/tegnestile"] .page-case[data-case="tegnestile"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/tegnestile"] .page-case[data-case="tegnestile"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="tegnestile"] .page-case[data-case="tegnestile"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="tegnestile"] .page-case[data-case="tegnestile"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="tegnestile"] .page-skill[data-skill="tegnestile"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/tegnestile"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/tegnestile"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="tegnestile"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="tegnestile"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(85, 85, 85, 0.8) !important; }
  body[data-uri="case/tegnestile"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/tegnestile"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="tegnestile"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="tegnestile"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-skill[data-skill="tegnestile"] section.gallery-section #filters {
  display: inline-block;
  width: 100%;
  border-bottom: 8px solid #000;
  margin-bottom: 1.875rem;
  text-align: right; }
  .page-skill[data-skill="tegnestile"] section.gallery-section #filters button {
    background-color: transparent;
    border: 0;
    font-size: 1.25rem;
    padding: 0.9375rem 1.875rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "Rockwell W01", serif; }
    .page-skill[data-skill="tegnestile"] section.gallery-section #filters button.active {
      color: rgba(0, 0, 0, 0.5); }
    .page-skill[data-skill="tegnestile"] section.gallery-section #filters button:focus {
      outline: none; }
    .page-skill[data-skill="tegnestile"] section.gallery-section #filters button:last-child {
      padding-right: 0; }
  @media (max-width: 1199px) {
    .page-skill[data-skill="tegnestile"] section.gallery-section #filters {
      display: none; } }

@media (min-width: 992px) {
  .page-skill[data-skill="tegnestile"] section.gallery-section .column {
    padding: 0 0.9375rem; } }

@media (max-width: 991px) {
  .page-skill[data-skill="tegnestile"] section.gallery-section .column {
    padding: 0; } }

.page-skill[data-skill="tegnestile"] section.gallery-section .gallery-item {
  width: 100%;
  display: inline-block;
  margin-bottom: 1.875rem; }
  .page-skill[data-skill="tegnestile"] section.gallery-section .gallery-item .gallery-item-image {
    position: relative;
    display: inline-block;
    width: 100%;
    height: -webkit-calc(100vw - 4.6875rem);
    height: calc(100vw - 4.6875rem);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden; }
    @media (min-width: 1920px) {
      .page-skill[data-skill="tegnestile"] section.gallery-section .gallery-item .gallery-item-image {
        height: 23.4375rem; } }

@media (min-width: 1480px) and (max-width: 1919px) {
  .page-skill[data-skill="tegnestile"] section.gallery-section .gallery-item .gallery-item-image {
    height: 24.375rem; } }

@media (min-width: 1200px) and (max-width: 1479px) {
  .page-skill[data-skill="tegnestile"] section.gallery-section .gallery-item .gallery-item-image {
    height: 19.36875rem; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .page-skill[data-skill="tegnestile"] section.gallery-section .gallery-item .gallery-item-image {
    height: 24.375rem; } }

@media (min-width: 768px) and (max-width: 991px) {
  .page-skill[data-skill="tegnestile"] section.gallery-section .gallery-item .gallery-item-image {
    height: 40.5rem; } }
    .page-skill[data-skill="tegnestile"] section.gallery-section .gallery-item .gallery-item-image:before, .page-skill[data-skill="tegnestile"] section.gallery-section .gallery-item .gallery-item-image:after {
      content: '';
      position: absolute;
      width: 75rem;
      height: 150rem;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      -webkit-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center;
      background-color: rgba(85, 85, 85, 0.5);
      -webkit-transition: top 400ms ease-in-out, left 400ms ease-in-out;
      transition: top 400ms ease-in-out, left 400ms ease-in-out;
      pointer-events: none; }
    .page-skill[data-skill="tegnestile"] section.gallery-section .gallery-item .gallery-item-image:before {
      top: -37.5rem;
      left: -75rem;
      z-index: 10; }
    .page-skill[data-skill="tegnestile"] section.gallery-section .gallery-item .gallery-item-image:after {
      top: -webkit-calc(100% + 37.5rem);
      top: calc(100% + 37.5rem);
      left: -webkit-calc(100% + 75rem);
      left: calc(100% + 75rem);
      -webkit-transition-delay: 200ms;
      transition-delay: 200ms;
      z-index: 20; }
    .page-skill[data-skill="tegnestile"] section.gallery-section .gallery-item .gallery-item-image .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 5.625rem;
      opacity: 0;
      z-index: 25;
      -webkit-transition: opacity 400ms ease-in-out;
      transition: opacity 400ms ease-in-out;
      pointer-events: none; }
      .page-skill[data-skill="tegnestile"] section.gallery-section .gallery-item .gallery-item-image .icon svg {
        width: 100%;
        height: auto;
        fill: #fff;
        stroke: #fff; }
  body[data-touch="false"] .page-skill[data-skill="tegnestile"] section.gallery-section .gallery-item:hover .gallery-item-image:before,
  body[data-touch="false"] .page-skill[data-skill="tegnestile"] section.gallery-section .gallery-item:hover .gallery-item-image:after {
    top: 50%;
    left: 50%; }
  body[data-touch="false"] .page-skill[data-skill="tegnestile"] section.gallery-section .gallery-item:hover .gallery-item-image .icon {
    opacity: 1;
    -webkit-transition: opacity 400ms ease-in-out 200ms;
    transition: opacity 400ms ease-in-out 200ms; }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-1 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-1.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-2 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-2.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-3 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-3.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-4 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-4.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-5 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-5.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-6 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-6.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-7 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-7.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-8 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-8.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-9 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-9.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-10 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-10.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-11 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-11.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-12 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-12.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-13 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-13.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-14 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-14.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-15 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-15.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-16 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-16.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-17 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-17.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-18 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-18.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-19 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-19.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-20 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-20.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-21 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-21.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-22 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-22.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-23 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-23.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-24 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-24.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-25 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-25.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-26 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-26.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-27 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-27.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-28 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-28.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-29 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-29.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-30 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-30.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-31 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-31.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-32 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-32.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-33 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-33.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-34 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-34.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-35 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-35.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-36 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-36.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-37 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-37.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-38 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-38.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-39 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-39.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-40 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-40.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-41 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-41.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-42 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-42.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-43 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-43.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-44 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-44.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-45 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-45.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-46 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-46.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-47 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-47.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-48 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-48.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-49 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-49.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-50 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-50.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-51 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-51.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-52 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-52.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-53 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-53.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-54 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-54.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-55 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-55.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section #style-56 .gallery-item-image {
  background-image: url("../img/skill/tegnestile/illustrations/illustration-56.jpg"); }

.page-skill[data-skill="tegnestile"] section.gallery-section .hide-item {
  display: none !important; }

#lightboxOverlay {
  background-color: #555555;
  opacity: 0.5; }

#lightbox .lb-dataContainer .lb-data .lb-details {
  display: none; }

#lightbox .lb-outerContainer.animating .lb-loader .lb-cancel {
  background-image: url("../images/loading.png") !important; }

body.subpage .cases-section .case[data-case="websites"] .case-image,
body.subpage .cases-section .case[data-case="websites"] .skill-image,
body.subpage .skills-section .skill[data-skill="websites"] .case-image,
body.subpage .skills-section .skill[data-skill="websites"] .skill-image {
  background-image: url("../img/cases/websites.jpg"); }
  body.subpage .cases-section .case[data-case="websites"] .case-image:before, body.subpage .cases-section .case[data-case="websites"] .case-image:after,
  body.subpage .cases-section .case[data-case="websites"] .skill-image:before,
  body.subpage .cases-section .case[data-case="websites"] .skill-image:after,
  body.subpage .skills-section .skill[data-skill="websites"] .case-image:before,
  body.subpage .skills-section .skill[data-skill="websites"] .case-image:after,
  body.subpage .skills-section .skill[data-skill="websites"] .skill-image:before,
  body.subpage .skills-section .skill[data-skill="websites"] .skill-image:after {
    background-color: rgba(85, 85, 85, 0.75); }

body[data-touch="false"].subpage .cases-section .case[data-case="websites"]:hover .case-description,
body[data-touch="false"].subpage .skills-section .skill[data-skill="websites"]:hover .skill-description {
  border-top-color: #555555; }
  body[data-touch="false"].subpage .cases-section .case[data-case="websites"]:hover .case-description h4,
  body[data-touch="false"].subpage .skills-section .skill[data-skill="websites"]:hover .skill-description h4 {
    color: #555555; }

body[data-uri="case/websites"] #navigation-trigger,
body[data-uri="case/websites"] #page-title div,
body[data-uri="case/websites"] #menu,
body[data-uri="case/websites"] #page-close,
body[data-uri="skill/websites"] #navigation-trigger,
body[data-uri="skill/websites"] #page-title div,
body[data-uri="skill/websites"] #menu,
body[data-uri="skill/websites"] #page-close,
body[data-uri="websites"] #navigation-trigger,
body[data-uri="websites"] #page-title div,
body[data-uri="websites"] #menu,
body[data-uri="websites"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"] #navigation-trigger,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"] #page-title div,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"] #menu,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"] #page-close {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/websites"] #page-close,
body[data-uri="skill/websites"] #page-close,
body[data-uri="websites"] #page-close,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"] #page-close {
  background-color: transparent;
  border-color: #555555; }
  body[data-uri="case/websites"] #page-close:before, body[data-uri="case/websites"] #page-close:after,
  body[data-uri="skill/websites"] #page-close:before,
  body[data-uri="skill/websites"] #page-close:after,
  body[data-uri="websites"] #page-close:before,
  body[data-uri="websites"] #page-close:after,
  body[data-uri="/"][data-bookmark="cases"][data-case="websites"] #page-close:before,
  body[data-uri="/"][data-bookmark="cases"][data-case="websites"] #page-close:after {
    background-color: rgba(85, 85, 85, 0.75); }
  body[data-uri="case/websites"] #page-close svg,
  body[data-uri="skill/websites"] #page-close svg,
  body[data-uri="websites"] #page-close svg,
  body[data-uri="/"][data-bookmark="cases"][data-case="websites"] #page-close svg {
    fill: #555555; }

body[data-uri="case/websites"][data-touch="false"] #navigation-trigger:hover .logo:before, body[data-uri="case/websites"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="skill/websites"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="skill/websites"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="websites"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="websites"][data-touch="false"] #navigation-trigger:hover .logo:after,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"][data-touch="false"] #navigation-trigger:hover .logo:before,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"][data-touch="false"] #navigation-trigger:hover .logo:after {
  background-color: #555555; }

body[data-uri="case/websites"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="skill/websites"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="websites"][data-touch="false"] #navigation-trigger:hover .logo svg,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"][data-touch="false"] #navigation-trigger:hover .logo svg {
  fill: #555555; }

body[data-uri="case/websites"][data-touch="false"] #page-close:hover svg,
body[data-uri="skill/websites"][data-touch="false"] #page-close:hover svg,
body[data-uri="websites"][data-touch="false"] #page-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"][data-touch="false"] #page-close:hover svg {
  fill: #fff; }

body[data-uri="case/websites"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="skill/websites"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="websites"][data-touch="false"] #menu #navigation-close:hover svg,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"][data-touch="false"] #menu #navigation-close:hover svg {
  fill: #555555; }

body[data-uri="case/websites"] a,
body[data-uri="case/websites"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="case/websites"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="case/websites"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="case/websites"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="case/websites"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="case/websites"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="case/websites"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="case/websites"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="skill/websites"] a,
body[data-uri="skill/websites"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="skill/websites"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="skill/websites"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="skill/websites"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="skill/websites"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="skill/websites"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="skill/websites"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="skill/websites"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="websites"] a,
body[data-uri="websites"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="websites"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="websites"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="websites"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="websites"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="websites"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="websites"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="websites"][data-bookmark="contact"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"] a,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"][data-touch="false"] #menu #navigation li:hover a,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"][data-bookmark="velkommen"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"][data-bookmark="welcome"] #menu #navigation li.welcome a,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"][data-bookmark="omos"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"][data-bookmark="aboutus"] #menu #navigation li.aboutus a,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"][data-bookmark="cases"] #menu #navigation li.cases a,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"][data-bookmark="kontakt"] #menu #navigation li.contact a,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"][data-bookmark="contact"] #menu #navigation li.contact a {
  color: #555555; }

body[data-uri="case/websites"] .loader:before, body[data-uri="case/websites"] .loader:after,
body[data-uri="skill/websites"] .loader:before,
body[data-uri="skill/websites"] .loader:after,
body[data-uri="websites"] .loader:before,
body[data-uri="websites"] .loader:after,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"] .loader:before,
body[data-uri="/"][data-bookmark="cases"][data-case="websites"] .loader:after {
  background-color: #555555; }

section#cases .case[data-case="websites"] .down svg {
  stroke: #555555; }

body[data-uri="case/websites"] section#cases .description-box,
body[data-uri="skill/websites"] section#cases .description-box,
body[data-uri="websites"] section#cases .description-box,
body[data-uri="/"][data-case="websites"] section#cases .description-box {
  background-color: rgba(85, 85, 85, 0.9); }
  body[data-uri="case/websites"] section#cases .description-box .case-description[data-case="websites"],
  body[data-uri="skill/websites"] section#cases .description-box .case-description[data-case="websites"],
  body[data-uri="websites"] section#cases .description-box .case-description[data-case="websites"],
  body[data-uri="/"][data-case="websites"] section#cases .description-box .case-description[data-case="websites"] {
    -webkit-transition: opacity 200ms ease-in-out 200ms;
    transition: opacity 200ms ease-in-out 200ms;
    opacity: 1;
    pointer-events: all; }
    body[data-uri="case/websites"] section#cases .description-box .case-description[data-case="websites"] .text div,
    body[data-uri="skill/websites"] section#cases .description-box .case-description[data-case="websites"] .text div,
    body[data-uri="websites"] section#cases .description-box .case-description[data-case="websites"] .text div,
    body[data-uri="/"][data-case="websites"] section#cases .description-box .case-description[data-case="websites"] .text div {
      -webkit-animation: fadeInLeft 200ms ease-in-out;
      animation: fadeInLeft 200ms ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    body[data-uri="case/websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(1),
    body[data-uri="skill/websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(1),
    body[data-uri="websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(1),
    body[data-uri="/"][data-case="websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(1) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    body[data-uri="case/websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(2),
    body[data-uri="skill/websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(2),
    body[data-uri="websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(2),
    body[data-uri="/"][data-case="websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(2) {
      -webkit-animation-delay: 250ms;
      animation-delay: 250ms; }
    body[data-uri="case/websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(3),
    body[data-uri="skill/websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(3),
    body[data-uri="websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(3),
    body[data-uri="/"][data-case="websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    body[data-uri="case/websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(4),
    body[data-uri="skill/websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(4),
    body[data-uri="websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(4),
    body[data-uri="/"][data-case="websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(4) {
      -webkit-animation-delay: 350ms;
      animation-delay: 350ms; }
    body[data-uri="case/websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(5),
    body[data-uri="skill/websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(5),
    body[data-uri="websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(5),
    body[data-uri="/"][data-case="websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(5) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    body[data-uri="case/websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(6),
    body[data-uri="skill/websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(6),
    body[data-uri="websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(6),
    body[data-uri="/"][data-case="websites"] section#cases .description-box .case-description[data-case="websites"] .text div:nth-of-type(6) {
      -webkit-animation-delay: 450ms;
      animation-delay: 450ms; }

body[data-uri="case/websites"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="skill/websites"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="websites"][data-touch="false"] section#cases .description-box:hover .arrow svg,
body[data-uri="/"][data-case="websites"][data-touch="false"] section#cases .description-box:hover .arrow svg {
  fill: #555555; }

body[data-uri="case/websites"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="skill/websites"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="websites"][data-touch="false"] section#cases .description-box:hover .text,
body[data-uri="/"][data-case="websites"][data-touch="false"] section#cases .description-box:hover .text {
  color: #555555; }
  body[data-uri="case/websites"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="skill/websites"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="websites"][data-touch="false"] section#cases .description-box:hover .text .line,
  body[data-uri="/"][data-case="websites"][data-touch="false"] section#cases .description-box:hover .text .line {
    background-color: #555555 !important; }
  body[data-uri="case/websites"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="skill/websites"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="websites"][data-touch="false"] section#cases .description-box:hover .text .line.dashed,
  body[data-uri="/"][data-case="websites"][data-touch="false"] section#cases .description-box:hover .text .line.dashed {
    background-color: transparent !important;
    border-color: #555555 !important; }

body[data-uri="case/websites"] .page-case[data-case="websites"] .color-primary,
body[data-uri="case/websites"] .page-skill[data-skill="websites"] .color-primary,
body[data-uri="skill/websites"] .page-case[data-case="websites"] .color-primary,
body[data-uri="skill/websites"] .page-skill[data-skill="websites"] .color-primary,
body[data-uri="websites"] .page-case[data-case="websites"] .color-primary,
body[data-uri="websites"] .page-skill[data-skill="websites"] .color-primary,
body[data-uri="/"][data-case="websites"] .page-case[data-case="websites"] .color-primary,
body[data-uri="/"][data-case="websites"] .page-skill[data-skill="websites"] .color-primary {
  color: #555555; }

body[data-uri="case/websites"] .page-case[data-case="websites"] .color-white,
body[data-uri="case/websites"] .page-skill[data-skill="websites"] .color-white,
body[data-uri="skill/websites"] .page-case[data-case="websites"] .color-white,
body[data-uri="skill/websites"] .page-skill[data-skill="websites"] .color-white,
body[data-uri="websites"] .page-case[data-case="websites"] .color-white,
body[data-uri="websites"] .page-skill[data-skill="websites"] .color-white,
body[data-uri="/"][data-case="websites"] .page-case[data-case="websites"] .color-white,
body[data-uri="/"][data-case="websites"] .page-skill[data-skill="websites"] .color-white {
  color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff; }

body[data-uri="case/websites"] .page-case[data-case="websites"] .bg-primary,
body[data-uri="case/websites"] .page-skill[data-skill="websites"] .bg-primary,
body[data-uri="skill/websites"] .page-case[data-case="websites"] .bg-primary,
body[data-uri="skill/websites"] .page-skill[data-skill="websites"] .bg-primary,
body[data-uri="websites"] .page-case[data-case="websites"] .bg-primary,
body[data-uri="websites"] .page-skill[data-skill="websites"] .bg-primary,
body[data-uri="/"][data-case="websites"] .page-case[data-case="websites"] .bg-primary,
body[data-uri="/"][data-case="websites"] .page-skill[data-skill="websites"] .bg-primary {
  background-color: #555555 !important; }

body[data-uri="case/websites"] .page-case[data-case="websites"] .topimage-section .down svg,
body[data-uri="case/websites"] .page-skill[data-skill="websites"] .topimage-section .down svg,
body[data-uri="skill/websites"] .page-case[data-case="websites"] .topimage-section .down svg,
body[data-uri="skill/websites"] .page-skill[data-skill="websites"] .topimage-section .down svg,
body[data-uri="websites"] .page-case[data-case="websites"] .topimage-section .down svg,
body[data-uri="websites"] .page-skill[data-skill="websites"] .topimage-section .down svg,
body[data-uri="/"][data-case="websites"] .page-case[data-case="websites"] .topimage-section .down svg,
body[data-uri="/"][data-case="websites"] .page-skill[data-skill="websites"] .topimage-section .down svg {
  stroke: #555555; }

body[data-uri="case/websites"] .page-case[data-case="websites"] .textbox-bordered,
body[data-uri="case/websites"] .page-skill[data-skill="websites"] .textbox-bordered,
body[data-uri="skill/websites"] .page-case[data-case="websites"] .textbox-bordered,
body[data-uri="skill/websites"] .page-skill[data-skill="websites"] .textbox-bordered,
body[data-uri="websites"] .page-case[data-case="websites"] .textbox-bordered,
body[data-uri="websites"] .page-skill[data-skill="websites"] .textbox-bordered,
body[data-uri="/"][data-case="websites"] .page-case[data-case="websites"] .textbox-bordered,
body[data-uri="/"][data-case="websites"] .page-skill[data-skill="websites"] .textbox-bordered {
  border-top-color: #555555; }

body[data-uri="case/websites"] .page-case[data-case="websites"] .textbox-background,
body[data-uri="case/websites"] .page-skill[data-skill="websites"] .textbox-background,
body[data-uri="skill/websites"] .page-case[data-case="websites"] .textbox-background,
body[data-uri="skill/websites"] .page-skill[data-skill="websites"] .textbox-background,
body[data-uri="websites"] .page-case[data-case="websites"] .textbox-background,
body[data-uri="websites"] .page-skill[data-skill="websites"] .textbox-background,
body[data-uri="/"][data-case="websites"] .page-case[data-case="websites"] .textbox-background,
body[data-uri="/"][data-case="websites"] .page-skill[data-skill="websites"] .textbox-background {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/websites"] .page-case[data-case="websites"] .preview-section .link,
body[data-uri="case/websites"] .page-skill[data-skill="websites"] .preview-section .link,
body[data-uri="skill/websites"] .page-case[data-case="websites"] .preview-section .link,
body[data-uri="skill/websites"] .page-skill[data-skill="websites"] .preview-section .link,
body[data-uri="websites"] .page-case[data-case="websites"] .preview-section .link,
body[data-uri="websites"] .page-skill[data-skill="websites"] .preview-section .link,
body[data-uri="/"][data-case="websites"] .page-case[data-case="websites"] .preview-section .link,
body[data-uri="/"][data-case="websites"] .page-skill[data-skill="websites"] .preview-section .link {
  background-color: transparent;
  border-color: #555555; }
  body[data-uri="case/websites"] .page-case[data-case="websites"] .preview-section .link:before, body[data-uri="case/websites"] .page-case[data-case="websites"] .preview-section .link:after,
  body[data-uri="case/websites"] .page-skill[data-skill="websites"] .preview-section .link:before,
  body[data-uri="case/websites"] .page-skill[data-skill="websites"] .preview-section .link:after,
  body[data-uri="skill/websites"] .page-case[data-case="websites"] .preview-section .link:before,
  body[data-uri="skill/websites"] .page-case[data-case="websites"] .preview-section .link:after,
  body[data-uri="skill/websites"] .page-skill[data-skill="websites"] .preview-section .link:before,
  body[data-uri="skill/websites"] .page-skill[data-skill="websites"] .preview-section .link:after,
  body[data-uri="websites"] .page-case[data-case="websites"] .preview-section .link:before,
  body[data-uri="websites"] .page-case[data-case="websites"] .preview-section .link:after,
  body[data-uri="websites"] .page-skill[data-skill="websites"] .preview-section .link:before,
  body[data-uri="websites"] .page-skill[data-skill="websites"] .preview-section .link:after,
  body[data-uri="/"][data-case="websites"] .page-case[data-case="websites"] .preview-section .link:before,
  body[data-uri="/"][data-case="websites"] .page-case[data-case="websites"] .preview-section .link:after,
  body[data-uri="/"][data-case="websites"] .page-skill[data-skill="websites"] .preview-section .link:before,
  body[data-uri="/"][data-case="websites"] .page-skill[data-skill="websites"] .preview-section .link:after {
    background-color: rgba(85, 85, 85, 0.75); }
  body[data-uri="case/websites"] .page-case[data-case="websites"] .preview-section .link svg,
  body[data-uri="case/websites"] .page-skill[data-skill="websites"] .preview-section .link svg,
  body[data-uri="skill/websites"] .page-case[data-case="websites"] .preview-section .link svg,
  body[data-uri="skill/websites"] .page-skill[data-skill="websites"] .preview-section .link svg,
  body[data-uri="websites"] .page-case[data-case="websites"] .preview-section .link svg,
  body[data-uri="websites"] .page-skill[data-skill="websites"] .preview-section .link svg,
  body[data-uri="/"][data-case="websites"] .page-case[data-case="websites"] .preview-section .link svg,
  body[data-uri="/"][data-case="websites"] .page-skill[data-skill="websites"] .preview-section .link svg {
    fill: #555555; }
  body[data-touch="false"] body[data-uri="case/websites"] .page-case[data-case="websites"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="case/websites"] .page-skill[data-skill="websites"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/websites"] .page-case[data-case="websites"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="skill/websites"] .page-skill[data-skill="websites"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="websites"] .page-case[data-case="websites"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="websites"] .page-skill[data-skill="websites"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="websites"] .page-case[data-case="websites"] .preview-section .link:hover svg, body[data-touch="false"]
  body[data-uri="/"][data-case="websites"] .page-skill[data-skill="websites"] .preview-section .link:hover svg {
    fill: #fff; }

body[data-uri="case/websites"] .page-case[data-case="websites"] .video-section .video .video-playpause .btn svg,
body[data-uri="case/websites"] .page-skill[data-skill="websites"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/websites"] .page-case[data-case="websites"] .video-section .video .video-playpause .btn svg,
body[data-uri="skill/websites"] .page-skill[data-skill="websites"] .video-section .video .video-playpause .btn svg,
body[data-uri="websites"] .page-case[data-case="websites"] .video-section .video .video-playpause .btn svg,
body[data-uri="websites"] .page-skill[data-skill="websites"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="websites"] .page-case[data-case="websites"] .video-section .video .video-playpause .btn svg,
body[data-uri="/"][data-case="websites"] .page-skill[data-skill="websites"] .video-section .video .video-playpause .btn svg {
  fill: rgba(85, 85, 85, 0.9); }

body[data-uri="case/websites"] .page-case[data-case="websites"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="case/websites"] .page-skill[data-skill="websites"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/websites"] .page-case[data-case="websites"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="skill/websites"] .page-skill[data-skill="websites"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="websites"] .page-case[data-case="websites"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="websites"] .page-skill[data-skill="websites"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="websites"] .page-case[data-case="websites"] .video-section .video .video-seekbar::-webkit-slider-runnable-track,
body[data-uri="/"][data-case="websites"] .page-skill[data-skill="websites"] .video-section .video .video-seekbar::-webkit-slider-runnable-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/websites"] .page-case[data-case="websites"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="case/websites"] .page-skill[data-skill="websites"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/websites"] .page-case[data-case="websites"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="skill/websites"] .page-skill[data-skill="websites"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="websites"] .page-case[data-case="websites"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="websites"] .page-skill[data-skill="websites"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="websites"] .page-case[data-case="websites"] .video-section .video .video-seekbar::-moz-range-track,
body[data-uri="/"][data-case="websites"] .page-skill[data-skill="websites"] .video-section .video .video-seekbar::-moz-range-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/websites"] .page-case[data-case="websites"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="case/websites"] .page-skill[data-skill="websites"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/websites"] .page-case[data-case="websites"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="skill/websites"] .page-skill[data-skill="websites"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="websites"] .page-case[data-case="websites"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="websites"] .page-skill[data-skill="websites"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="websites"] .page-case[data-case="websites"] .video-section .video .video-seekbar::-ms-track,
body[data-uri="/"][data-case="websites"] .page-skill[data-skill="websites"] .video-section .video .video-seekbar::-ms-track {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/websites"] .page-case[data-case="websites"] .video-section .video .video-fullscreen,
body[data-uri="case/websites"] .page-skill[data-skill="websites"] .video-section .video .video-fullscreen,
body[data-uri="skill/websites"] .page-case[data-case="websites"] .video-section .video .video-fullscreen,
body[data-uri="skill/websites"] .page-skill[data-skill="websites"] .video-section .video .video-fullscreen,
body[data-uri="websites"] .page-case[data-case="websites"] .video-section .video .video-fullscreen,
body[data-uri="websites"] .page-skill[data-skill="websites"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="websites"] .page-case[data-case="websites"] .video-section .video .video-fullscreen,
body[data-uri="/"][data-case="websites"] .page-skill[data-skill="websites"] .video-section .video .video-fullscreen {
  background-color: rgba(85, 85, 85, 0.9); }

body[data-uri="case/websites"] .page-case[data-case="websites"] .video-section .video.active .video-playpause .btn,
body[data-uri="case/websites"] .page-skill[data-skill="websites"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/websites"] .page-case[data-case="websites"] .video-section .video.active .video-playpause .btn,
body[data-uri="skill/websites"] .page-skill[data-skill="websites"] .video-section .video.active .video-playpause .btn,
body[data-uri="websites"] .page-case[data-case="websites"] .video-section .video.active .video-playpause .btn,
body[data-uri="websites"] .page-skill[data-skill="websites"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="websites"] .page-case[data-case="websites"] .video-section .video.active .video-playpause .btn,
body[data-uri="/"][data-case="websites"] .page-skill[data-skill="websites"] .video-section .video.active .video-playpause .btn {
  background-color: rgba(85, 85, 85, 0.9); }
  body[data-uri="case/websites"] .page-case[data-case="websites"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="case/websites"] .page-skill[data-skill="websites"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/websites"] .page-case[data-case="websites"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="skill/websites"] .page-skill[data-skill="websites"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="websites"] .page-case[data-case="websites"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="websites"] .page-skill[data-skill="websites"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="websites"] .page-case[data-case="websites"] .video-section .video.active .video-playpause .btn svg,
  body[data-uri="/"][data-case="websites"] .page-skill[data-skill="websites"] .video-section .video.active .video-playpause .btn svg {
    fill: #fff; }

body[data-uri="case/websites"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="skill/websites"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="websites"][data-touch="false"] .video-section .video:hover .video-playpause .btn,
body[data-uri="/"][data-case="websites"][data-touch="false"] .video-section .video:hover .video-playpause .btn {
  background-color: rgba(85, 85, 85, 0.8) !important; }
  body[data-uri="case/websites"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="skill/websites"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="websites"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg,
  body[data-uri="/"][data-case="websites"][data-touch="false"] .video-section .video:hover .video-playpause .btn svg {
    fill: #fff; }

.page-skill[data-skill="websites"] section[data-section="topimage"] {
  background-color: #e9efef; }
  .page-skill[data-skill="websites"] section[data-section="topimage"] .topimage {
    background-size: contain;
    background-image: url("../img/skill/websites/topimage/topimage.jpg"); }

@media (min-width: 1200px) {
  .page-skill[data-skill="websites"] section[data-section="riemann"] .textbox-column {
    margin-top: 5.625rem; } }

@media (min-width: 1480px) {
  .page-skill[data-skill="websites"] section[data-section="riemann"] .textbox-column {
    margin-top: 7.5rem; } }

@media (max-width: 1199px) {
  .page-skill[data-skill="websites"] section[data-section="genitor"] {
    background-color: #555555; } }

@media (min-width: 1200px) {
  .page-skill[data-skill="websites"] section[data-section="genitor"] {
    background-image: url("../img/skill/websites/genitor/image.png");
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh; } }

@media (min-width: 1920px) {
  .page-skill[data-skill="websites"] section[data-section="genitor"] {
    min-height: 80vh; } }

@media (min-width: 1200px) {
  .page-skill[data-skill="websites"] section[data-section="genitor"] .textbox-column {
    margin-top: 10vh; } }

@media (max-width: 1199px) {
  .page-skill[data-skill="websites"] section[data-section="genitor"] .textbox-column .textbox-background {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0; } }

@media (min-width: 1200px) {
  .page-skill[data-skill="websites"] section[data-section="cej"] .textbox-column {
    margin-top: 5.625rem; } }

@media (min-width: 1480px) {
  .page-skill[data-skill="websites"] section[data-section="cej"] .textbox-column {
    margin-top: 7.5rem; } }

.page-skill[data-skill="websites"] section[data-section="boibellakvarter"] {
  background-color: #555555; }
  @media (min-width: 1200px) {
    .page-skill[data-skill="websites"] section[data-section="boibellakvarter"] {
      background-image: url("../img/skill/websites/boibellakvarter/image.jpg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      min-height: 100vh; } }
  @media (min-width: 1920px) {
    .page-skill[data-skill="websites"] section[data-section="boibellakvarter"] {
      min-height: 80vh; } }
  @media (min-width: 1200px) {
    .page-skill[data-skill="websites"] section[data-section="boibellakvarter"] .textbox-column {
      margin-top: 10vh; } }
  @media (max-width: 1199px) {
    .page-skill[data-skill="websites"] section[data-section="boibellakvarter"] .textbox-column .textbox-background {
      background-color: transparent;
      padding-left: 0;
      padding-right: 0; } }