/* Peppelicious stylez */

/* ----------------------- */
/*   Base                  */
/* ----------------------- */

html, body {
  margin: 0;
  padding: 0;
  font-family: 'ZooSlabLight';
  color: #3c3b42;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  height: 100%;
  font-size: 16px; line-height:  1.625;
}

h1,h2,h3,h4{ font-weight: normal; }

h2{ font-size: 30px;line-height: 40px;font-family: 'ZooSlabBold'; font-weight:normal; }

span.x{ background: url(/files/layout/css/white-x.png) no-repeat; position: absolute; top: 20px; right: 20px; z-index: 2; width: 16px; height: 16px; cursor: pointer; }

/* this is fun */
::-moz-selection { background: #364396;color: #fff;}
::selection { background: #364396;color: #fff;}


b,strong{ font-weight: normal; font-family: 'ZooSansBold'; }

*:focus {outline: none;}

/* bootstrap overrides */
a:not(.logo) {text-decoration: underline;color: #3c3b42;-webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}

ul {list-style-type: none;}

.container, .jumbotron .container {width: 100%;max-width: 1440px;}
.container .jumbotron, .container-fluid .jumbotron {border-radius: 0;}

/* fixes padding on full width images - stupid bootstrap */
.no-padding {padding-left: 0;padding-right:0;}
.no-padding > .row {margin-left: 0;margin-right: 0}
.no-padding .row > [class^="col-"]  {padding-left: 0;padding-right:0;}

/* ----------------------- */
/*   Helpers               */
/* ----------------------- */

.padding-hundred {padding-top:100px; padding-bottom: 100px;}
.padding-seventy {padding-top:70px; padding-bottom: 70px;}
.padding-fifty { padding-top:50px; padding-bottom: 50px;}
.padding-thirty {padding-top:30px; padding-bottom: 30px;}

.margin-fifteen{ margin-bottom: 15px; }
.margin-seventy {margin-bottom:70px;}
.margin-fifty {margin-bottom:50px;}
.margin-thirty {margin-bottom:30px;}
.margin-hundred {margin-bottom: 100px;}

.first-module {margin-top: 110px}
.remove-padding {padding-left: 0;padding-right: 0;}

/* responsive word break */
.rwd-break { display: none; }

/* ----------------------- */
/*   Navigation            */
/* ----------------------- */

nav {position:absolute;z-index: 10;width: 100%;font-family: 'ZooSansBold';}
.logo {float: left;font-size: 20px;text-decoration: none; font-family: 'ZooSansBlack'; position: relative; }
.logo span:nth-child(1) {position: absolute;bottom: -18px; right: 20px; }
.logo span:nth-child(2) {position: absolute;bottom: -23px; right: 0px; }
.logo span:nth-child(3) {position: absolute;bottom: -8px; right: -20px; }

nav .wrapper > ul.menu {float: block;margin-top: 0;margin-bottom: 0; text-align: right;}
nav .wrapper  > ul.menu > li {display: inline; padding: 0 0 20px 0; margin: 0 0 0 20px; position: relative;}
nav .wrapper  > ul.menu > li > a {font-size: 15px; position: relative; padding-top: 4px;text-decoration: none;}
nav .wrapper  > ul.menu > li > a a:hover {text-decoration: none;background-color: initial;}

/*.sticky nav ul.menu li:hover ul{ display: block!important; }*/

ul.menu > li > a:before {
  content: "";
  position: absolute;
  text-decoration: none;
  width: 100%;
  height: 2px;
  top: 28px;
  left: 0;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

ul.menu > li > a:hover:before, ul > li > a.True:before{
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.sticky{position: fixed; z-index: 9999;}

.slide{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.slide--reset{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.slide--up{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
.animated{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideDown{0%{-moz-transform:translateY(-100%)}100%{-moz-transform:translateY(0)}}@-o-keyframes slideDown{0%{-o-transform:translateY(-100%)}100%{-o-transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}
.animated.slideDown{-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-100%)}}@-moz-keyframes slideUp{0%{-moz-transform:translateY(0)}100%{-moz-transform:translateY(-100%)}}@-o-keyframes slideUp{0%{-o-transform:translateY(0)}100%{-o-transform:translateY(-100%)}}@keyframes slideUp{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}
.animated.slideUp{-webkit-animation-name:slideUp;-moz-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp}@-webkit-keyframes swingInX{0%{-webkit-transform:perspective(400px) rotateX(-90deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg)}}@-moz-keyframes swingInX{0%{-moz-transform:perspective(400px) rotateX(-90deg)}100%{-moz-transform:perspective(400px) rotateX(0deg)}}@-o-keyframes swingInX{0%{-o-transform:perspective(400px) rotateX(-90deg)}100%{-o-transform:perspective(400px) rotateX(0deg)}}@keyframes swingInX{0%{transform:perspective(400px) rotateX(-90deg)}100%{transform:perspective(400px) rotateX(0deg)}}

/* black text */
nav {padding: 25px 0;}
nav ul a {color: #3c3b42; }
nav ul a:hover {color: #3c3b42; }
.sticky { background: #fff; }
nav ul a:hover {color: #3c3b42!important;background: none;}
nav li > a:before {background: #3c3b42;}

/* white text */
.sticky.white-text nav { padding-top: 40px; padding-bottom: 40px; }
.sticky.white-text a {color: #fff; }
.sticky.white-text a:hover {color: #fff!important; }
.sticky.white-text{ background: none; }
.sticky.white-text li > a:before {background: #fff;}

.headroom--top{ position: fixed;  z-index: 40;  right: 0; left: 0;  top: 0; }
.headroom--not-top{ position: fixed;  z-index: 40;  right: 0; left: 0;  top: 0;}

/* ----------------------- */
/*   Footer                */
/* ----------------------- */

footer .logo {color: #3c3b42;position: relative; display: inline-block; }
footer {line-height: 24px;}
footer strong {display: inline-block;font-family: 'ZooSansBold';font-size: 20px;margin: 0 0 17px;}
.takemeaway {position:relative;}

/* ----------------------- */
/*   Button                */
/* ----------------------- */

.btn {
  padding: 10px 20px;
  border-radius: 3px;
  color: white;
  font-size: 14px;
  border: 0;
  border-style: none;
  font-family: 'ZooSansBold';
  text-decoration: none;
}

.btn--red {background-color:#e56572;}
.btn--blue {background-color:#323f98;}

.btn:hover {text-decoration: none;}
.btn--red:hover {background-color:#c95b66;}
.btn--blue:hover {background-color:#323f98;}

.btn--red:active {}
.btn--blue:active {}

.btn--arrow {padding: 12px 40px 12px 30px;}
.btn--arrow::after {
  content: url('/files/layout//images/btn-arrow.svg');
  position: relative;
  left: 8px;
  font-size: 11px;
  transition: all 0.2s ease-in;
}

.btn--arrow:hover::after {
  content: url('/files/layout//images/btn-arrow.svg');
  position: relative;
  font-size: 11px;
  left: 14px;
  text-decoration: none;
}

/* social */
.link-social a {color: #b1b0b0;font-family: 'ZooSansLight';font-size: 15px; margin-right: 15px;}
.link-social a:hover {color:#fff; background-color: #c95b66!important; text-decoration: none; }
.link-social {margin: 0 15px 15px 0;}

.btn-social { margin: 20px 0 0 0; }
.btn-social a {text-decoration: none;font-size: 15px; }
.btn-social a:hover {text-decoration: none;}

a.facebook:hover, a.linkedin:hover {background-color: #212b64;}
.facebook:hover:after, .linkedin:hover:after {background-color: #212b64;}
.facebook:after {
  content: "Del på Facebook";
  background-color: #313f93;
  padding: 5px 15px;
  border-radius: 3px;
  color: white;
  float: none;
}

.linkedin:after {
  content: "Del på LinkedIn";
  background-color: #313f93;
  padding: 5px 15px;
  border-radius: 3px;
  color: white;
  float: none;


}

/* ----------------------- */
/*   Links                 */
/* ----------------------- */

/*arrow*/
.link-arrow {color: #fe6c7a;text-decoration: none;font-family: 'ZooSansBold'}
.link-arrow:hover {text-decoration: none;color: #c95b66;background-color: initial;}
.link-arrow::after {
  content: url('/files/layout/images/link-arrow.svg');
  position: relative;
  left: 15px;
  font-size: 11px;
  transition: all 0.2s ease-in;
}

.link-arrow:hover::after {
  content: url('/files/layout/images/link-arrow.svg');
  position: relative;
  font-size: 11px;
  left: 24px;
  text-decoration: none;
}

/* ----------------------- */
/*   Dropdown              */
/* ----------------------- */

select:focus, select:active {
  border:0;
  outline:0;
}

/* ----------------------- */
/*   Textbox               */
/* ----------------------- */

.txt {border-bottom: 3px solid #fff;}

input {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-bottom-width: color: black;
  padding: 0 10px;
  white-space:pre;
  transition:width 0.1s;
  border-radius: 0;
  font-family: 'ZooSlabLight';
}

::-webkit-input-placeholder {color: #3c3b42;}/* Chrome/Opera/Safari */
::-moz-placeholder {color: #3c3b42;} /* Firefox 19+ */
:-ms-input-placeholder {color: #3c3b42;} /* IE 10+ */
:-moz-placeholder {color: #3c3b42;} /* Firefox 18- */

/* ----------------------- */
/*   Images                */
/* ----------------------- */

.responsive {width:100%; height: auto;}
.non-responsive {text-align: center}

/* -----------------------
/*   Modules               */
/* -----------------------

/* two-column, three-column, four-column */
.basic-column {font-size: 16px;line-height: 26px;}
.basic-column__heading {font-size: 22px;line-height: 26px;font-family: 'ZooSansBold';margin: 10px 0 7px;}
.basic-column p {margin: 10px 0;}
.basic-column a:hover {}
.basic-column a:hover img {}
.basic-column a:focus {color:#fe6c7a}

/* 7 - 2 off - 2 */
.expanded-column { font-family: 'ZooSlabLight'; font-size: 20px;line-height: 30px;}
.expanded-column__heading{ font-size: 36px; line-height: 48px; margin: 0 0 30px;font-weight:normal; }
.expanded-column__misc {float: left;width: 100%;font-size: 18px;font-family: 'ZooSansBold';color: #313f93;margin: 15px 0 15px;}
.expanded-column__aside ul {padding: 0;line-height: 20px;margin: 0;}
.expanded-column__aside li {padding: 0 0 4px;}
.expanded-column__aside img {margin: 0 0 15px;display: block;}

/* items - cases/blogs */
.selected-items {padding-left: 30px; padding-right: 30px;}

.item video,
.item img {
  -webkit-transition: 1.0s ease-in-out;
  -o-transition: 1.0s ease-in-out;
  transition: 1.0s ease-in-out;
}

/* see more */
.see-more {font-size: 30px;line-height: 48px;text-align: center; font-family: 'ZooSansLight';}
.see-more a:hover{ background: none; color: #3c3b42!important; }
.item {
  overflow: hidden;
  /*
  -webkit-transition: 1.0s ease-in-out;
  -o-transition: 1.0s ease-in-out;
  transition: 1.0s ease-in-out;
  */
}

.item:hover > a video,
.item:hover > a img {
  -webkit-transform: scale(1.04, 1.04);
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
  transform: scale(1.04);
  filter: blur(0); /* fixes the scale 1px jumpy problem on images */
  -webkit-filter: blur(0); /* fixes the scale 1px jumpy problem on images */
  -webkit-transition: 0.7s ease-in-out;
  -o-transition: 0.7s ease-in-out;
  transition: 0.7s ease-in-out;
}



.item--lg {margin: 120px 0 0 0;}
.item--sm {margin: 220px 0 0 0;}

.item a {text-decoration: none;color: #3c3b42;}
.item a:hover .item__text, .item a:hover .item__headline { text-decoration: none;color: #3c3b42;}

.item__category {font-size: 14px;line-height: 24px;color: #eb6c77;text-transform: uppercase;font-family: 'ZooSansBold';margin: 10px 0 0;}
.item__headline {font-size: 16px;line-height:24px;font-family: 'ZooSansBold'; color: #3c3b42; }
.item__text {font-size: 16px;line-height: 24px; color: #3c3b42;}

.item__img {overflow: hidden;   -webkit-backface-visibility: hidden;}
.item--aside {margin: 0 0 40px 0;}

/* aside */
.aside__heading {font-size: 26px;font-family:'ZooSansBold';}
.heading {font-size: 28px;line-height: 52px;font-family: 'ZooSlabLight'}

/* blockquote */
blockquote {font-family: 'ZooSlabBold';padding: 20px 0;font-size: 25px;line-height: 36px;}

/* newsletter */
.bg-grey {background-color: #ebebeb;}

/* statement */
.statement {
  font-size: 70px;
  color: #3c3b42;
  font-family: 'ZooSansBold';
}

/* ----------------------- */
/*   Modules                 */
/* ----------------------- */

.overlay-dots {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0,0,0,0.30);
}

.overlay-dots:after {
  content: "";
  background: url('/files/layout//images/black-dots.png') repeat;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1;
}

.fullscreen__text {
  font-family: 'ZooSansBlack';
  color: white;
  z-index: 10;
  width: 100%;
  position: absolute;
  bottom: 5%;
}

.fullscreen__text h1{ font-weight: normal; }

/* slider helper - blog.html */
.helpme {
  position: absolute;
  width: 100%;
  height: 100vh;
}

.fullscreen__option, .bottom__option {
  font-size: 17px;
  float: left;
  text-decoration: none;
  margin: 20px 0 0 0;
  bottom: 0;
  width: 100%;
  font-family: 'ZooSansBold';
}

.bottom__option a {text-decoration: none;}
.bottom__option {margin: 60px 0 60px 0;}
.bottom__option--prev::before, .fullscreen__option--prev::before{margin:  0 15px 0 0;padding: 2px 0 0 0;float: left; }
.bottom__option--next::after, .fullscreen__option--next::after  {margin: 0 0 0 15px;padding: 2px 0 0 0;float: right;}

.bottom__option--prev::before {content: url('/files/layout/images/arrow-left-black.svg');}
.bottom__option--next::after {content: url('/files/layout/images/arrow-right-black.svg');}
.bottom__option--prev:hover:before {content: url('/files/layout/images/arrow-left.svg');}
.bottom__option--next:hover:after {content: url('/files/layout/images/arrow-right.svg');}

.fullscreen__option a {color: #fff!important;text-decoration: none}
.fullscreen__option a:hover {color: #fff;background-color: initial;}
.fullscreen__option--prev::before{content: url('/files/layout/images/arrow-left.svg');}
.fullscreen__option--next::after {content: url('/files/layout/images/arrow-right.svg');}

.fullscreen__option--more::after {
  content: url('/files/layout/images/arrow-down.svg');
  margin: 0 15px 0 0;
  float: left;
}

.fullscreen video {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

/* skal inlines ved brug af above-the-fold */
.fs-image{
  background-image:url(../temp/mountain.jpg);
  background-size:cover;
  position:relative;
  height: 100vh;
}

.image{
  position:absolute;
  top:50%;
  text-align:center;
  width:100%;
  color:#fff;
  font-size:36px;
  -ms-transform: translate(0,-50%); /* IE 9 */
  -webkit-transform: translate(0,-50%); /* Safari */
  transform: translate(0,-50%);
}

.fs-video.frontpage{ height: 100vh; }

/* skal inlines ved brug af above-the-fold */
.fs-video {
  width: 100%;
  overflow: hidden;
  height: 100%;
  opacity: 1;
}

.royalSlider {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: auto;
  width: auto;
}

.mobileonly{ display: none!important; }
.fallback-image {display: none;}

/* hooks by SON */
.rounded-image{ border-radius: 60px; margin-bottom: 15px; }
.center{ text-align: center; margin: 0 auto; }
.jumbotron{ background: none; }

.royalslider{ z-index: 1; }

.progressbar{ height: 4px; margin-top: -15px; position: absolute; z-index: 2; background: rgba(0,0,0,0.3); width: 0; padding: 1px 0; }
.progressbar span{ display: block; height: 2px; background: rgba(255,255,255,0.5); z-index: 2; }

/*arrow*/
a[rel=link] {color: #fe6c7a;text-decoration: none; display: inline-block; /*margin-top: 10px;*/ }
a[rel=link]:hover {text-decoration: none;color: #c95b66!important;background-color: initial;}
a[rel=link]::after {
  content: url('/files/layout/images/link-arrow.svg');
  position: relative;
  left: 15px;
  font-size: 11px;
  transition: all 0.2s ease-in;
}

a[rel=link]:hover::after {
  content: url('/files/layout/images/link-arrow.svg');
  position: relative;
  font-size: 11px;
  left: 24px;
  text-decoration: none;
}

.dd{ display: inline-block; position: relative; cursor: pointer; z-index: 2; }
.dd strong{ font-weight: normal; display: inline-block; border-bottom: 2px solid #3c3b42; padding-right: 25px; font-family: 'ZooSlabLight'; }
.dd strong:after{ content: ""; display: block; position: absolute; width: 15px; height: 9px; background: url(arrow-down.svg) no-repeat; top: 50%; right: 0; margin-top: -1px;}

.dd ul{ position: absolute; top: 100%; right: 0; margin: 0; padding: 2px 15px 0 0 ; line-height: 1em; display: none; }
.dd ul li{ white-space: nowrap; text-align: right; padding: 0; }
.dd ul li span{ display: inline-block; background: #393939; padding: 5px 10px; font-family: 'ZooSlabLight'; }
.dd ul li span:hover{ color: #fff; }


.jumbotron .selected-items:nth-child(2n) .row { display: table!important; }

.jumbotron .col-pull-6{ float: right; }
.jumbotron .selected-items:nth-child(2n) .col-12.col-sm-6.col-pull-6{ float: right; }
.jumbotron .selected-items:nth-child(2n) .col-6.col-sm-3.col-pull-6{ float: right; }

/*
.jumbotron.seminars .selected-items:nth-child(1) .col-12.col-sm-6.col-pull-6{ float: right; }
.jumbotron.seminars .selected-items:nth-child(1) .col-6.col-sm-3.col-pull-6{ float: right; }
.jumbotron.seminars .selected-items:nth-child(3n) .col-12.col-sm-6.col-pull-6{ float: right; }
.jumbotron.seminars .selected-items:nth-child(3n) .colxs-6.col-sm-3.col-pull-6{ float: right; }
*/

.half-viewport { height: 50vh; position: relative; }

.overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.fs-video .overlay{ z-index: 1; }

.subscribe .expanded-column__heading{ font-family: 'ZooSansBold'; }
.subscribe{ background-color: #393939; color: #fff; }
.subscribe span[contenteditable=true]{ border-bottom: 2px solid #fff; display: inline-block; font-family: 'ZooSlabLight'; cursor: pointer; }
.subscribe .dd{ border-bottom: 2px solid #fff; display: inline-block; }

.clients{ background-color: #eee; padding-top: 70px; display: table; width: 100%; }

.hide-me{ display: none; }

input[type=submit]{ line-height: 1em; }



nav ul li.info{ display: none; }

ul{ list-style-type: none; margin: 0; padding: 0; }
ul li{ background: none; padding-left: 0; position: relative; padding-left: 15px; }
ul li:before { content:"•"; font-family: arial; font-size:16px; display: block; position: absolute; top: 3px; left: 0; }

nav ul li { padding: 0; }
nav ul li:before { display: none; }

.expanded-column__aside ul li:before { display: none; }

.contacts .mclear:nth-child(6n){ clear: both; }

body.fixed{ overflow: hidden; }

.hasVideoTrue{ position: relative; }
span.play{ width: 150px; height: 186px; display: block; position: absolute; top: 50%; left: 50%; margin: -93px 0 0 -75px; z-index: 2; cursor: pointer;
  background: url(/files/layout/css/play-knap.svg) no-repeat;
}

.fs-video{ position: relative; text-align: center; }

.html-video{ text-align: center; position: relative; }
.html-video video{ max-width: 100%; vertical-align: middle; }

/* hooks by SON -- end */


/* -------------------------- */
/*   Responsive headline      */
/* -------------------------- */

/* Modern browsers only need this one */
@media screen and (min-width: 25em){
  .fullscreen__heading {
    font-size: calc( 20px + (30 - 20) * (100vw - 320px) / (800 - 320) );
    line-height: 1.2;
    margin: 0;
  }
}

/* Safari <8 and IE <11 */
@media screen and (min-width: 25em){
  .fullscreen__heading {
    font-size: calc( 20px + (30 - 20) * (100vw - 320px) / (800 - 320) );
    line-height: 1.2;
    margin: 0;
  }
}

@media screen and (min-width: 50em){
  .fullscreen__heading {
    font-size: calc( 30px + (30 - 20) * (100vw - 320px) / (800 - 320) );
    line-height: 1.2;
    margin: 0;
  }
}


@media screen and (min-width: 800px) {
  nav ul{ display: block; }
  nav ul ul{ display: none; position: absolute; }
  #trigger-overlay{ display: none; }
}

@media screen and (max-width: 800px) {

  .contacts .mclear:nth-child(3n){ clear: both; }
  .row .mclear:nth-child(3n){ clear: both; }

  .sticky.white-text.open nav a:hover{ color: #3c3b42!important; }
  nav ul.menu *{ color: #3c3b42!important; text-decoration: none; }

  nav ul.menu a{ font-family: 'ZooSansBold'; }

  nav ul li.info{ text-align: left; font-size: 12px;  }

  nav > ul.menu > li { display: block; margin: 0; padding: 0; }
  nav > ul.menu > li > a { padding-top: 0; }

  .sticky nav ul.menu li ul { position: static;  padding: 0px 0 10px 0; }

  nav { height: 40px;}
  /*	body.fixed{ position: fixed; width: 100%; height: 100%; } */
  ul li > a:before { display: none; }
  /*
  nav ul{ display: none; line-height: 1.42857143em; float: none; padding: 0 0 0 0; margin: 0; position: absolute; top: 50%; left: 0; width: 100%;
  -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%) }
  */  

  nav ul.menu{  }

  .sticky nav ul.menu li ul {
    -webkit-box-shadow: 0px 10px 17px 0px rgba(9,11,33,0);
    -moz-box-shadow: 0px 10px 17px 0px rgba(9,11,33,0);
    box-shadow: 0px 10px 17px 0px rgba(9,11,33,0);
  }

  .sticky nav ul.menu li ul li {
    margin-bottom: 0px;
  }  

  nav ul li{ display: block; text-align: right; float: none; margin: 0; padding: 0; }
  nav li > a {font-size: 36px; line-height: 72px; position: relative; padding-top: 0;text-decoration: none;font-family: 'ZooSansLight';}
  nav ul ul { position: static; -webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
  nav ul ul li{margin: 5px;}
  nav ul ul a{ font-size: 14px;}
  .logo { /*margin: 30px 0 0; */}

  .sticky.white-text #trigger-overlay{ background: url('/files/layout/images/cheeseburger.svg') no-repeat center center;}
  #trigger-overlay{ display: block; float: right; border: none; width: 25px; height: 19px; margin: 5px 0 0 0; background: url('/files/layout/images/cheeseburger_black.svg') no-repeat center center;}

  .sticky.open *{ /*color: #fff; */}
  .sticky.open .container{ position: relative; z-index: 30; }
  .sticky nav ul{ display: none; }

  /*.sticky:hover #trigger-overlay{ background: url('/files/layout/images/cheeseburger_hover.svg') no-repeat center center; }*/
  .sticky.open #trigger-overlay{ background: url('/files/layout/css/close.svg') no-repeat center center; }


  .sticky:before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,1); transition: all 0.3s ease; opacity: 0;  }

  footer .logo {margin: 0;}

  .sticky.open{ width: 100%; height: 100%; }

  .sticky.open:before{ transition: all 0.5s ease; opacity: 1; }
  .sticky.open nav ul{ transition: all .5s ease; }

  .sticky.open nav a{ color: #3c3b42; }

  nav ul li.info{ display: block; font-family: 'ZooSansLight'; }
  nav ul li.info strong{ font-family: 'ZooSansBold'; }
  nav ul li.info .socials { margin-top: 0; }
  nav ul li.info .socials span{ margin: 0 10px; }

  .clients .col-sm-6{ width: 50%!important; }

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

  .expanded-column__aside{ margin-top: 30px; }


}


td {padding: 0 20px}

@media (max-width: 768px) {

  
  /*.btn-social { margin: 0px 0 0 0; width: 100%; text-align: right; }*/
  
  .link-social a,
  .link-social a:hover{font-size: 14px; width: 25px; }
  td {padding: 0 0px}

/*  
  
  .facebook:after {
    content: '';
    background: url('/files/layout/images/facebook.svg');
    background-repeat: no-repeat;
    padding: 0;
    width: 25px;
    height: 25px;
    display:block;
  }

  .linkedin:after {
    content: '';
    background: url('/files/layout/images/linked.svg');
    background-repeat: no-repeat;
    padding: 0;
    width: 25px;
    height: 25px;
    display:block;
    margin: 0;
  }

*/


}

@media only screen and (max-width : 640px){

  /*SON*/
 
  .mobileonly{ display: block!important; }
  nav li > a {font-size: 24px; line-height: 48px; position: relative; padding-top: 0;text-decoration: none;font-family: 'ZooSansLight';}
  nav ul li.info{ display: block; font-family: 'ZooSansLight'; }

  .col-xs-offset-1{  }

  span.play{ width: 72px; height: 90px; margin: -36px 0 0 -45px; background-size: cover; }

  footer strong { display: inline-block; margin: 5px 0 20px; }  

  /*--------*/


  /* modules */
  blockquote {font-family: 'ZooSlabBold';padding: 20px 0;font-size: 16px;line-height: 26px;}
  .see-more {font-size: 18px;line-height: 32px;font-family: 'ZooSlabLight';text-align: center;}

  /* different columns */
  .basic-column {font-size: 14px;line-height: 21px;}
  .basic-column__heading {font-size: 18px;line-height: 26px;}

  .expanded-column {font-size: 14px;line-height: 21px;}
  .expanded-column__heading {font-size: 20px;line-height:28px}
  .expanded-column__misc {font-size: 16px;margin: 5px 0 15px 0;}

  /* case grid */
  .selected-items {padding-left: 15px; padding-right: 15px;}
  .item {margin: 0 0 30px 0;}
  .item--lg {margin: 0 0 30px 0;}
  .item--sm {margin: 80px 0 0 0;}

  .item__category {font-size: 10px;line-height: 18px;}
  .item__headline {font-size: 12px;line-height:18px;}
  .item__text {font-size: 12px;line-height: 18px;}

  /* images */
  .non-responsive img {width: 100%;}

  /* footer */
  footer .logo {margin: 0 0 50px 0 ;}
  footer .takemeaway {margin: 35px 0 30px;}

  /* video */
  .desktoponly{display: none!important; }
  .fullscreen__option {margin: -5px 0 40px 0; }
  .fullscreen__text {bottom: 0;}

  /* helpers */
  .padding-hundred {padding-top:40px; padding-bottom: 40px;}
  .padding-seventy {padding-top:40px; padding-bottom: 40px;}
  .padding-fifty { padding-top:40px; padding-bottom: 40px;}
  .padding-thirty {padding-top:40px; padding-bottom: 40px;}

  .margin-seventy {margin-bottom:35px;}
  .margin-fifty {margin-bottom:25px;}
  .margin-thirty {margin-bottom:15px;}
  .margin-hundred {margin-bottom: 50px;}
  .first-module { margin-top: 78px;  }


  .clients{ padding-top: 35px; }
  
  .expanded-column ul li{ margin: 4px 0; }
  .expanded-column ul li:before { top: 1px; }

}

@media only screen and (min-width : 1024px){

  a:hover {background-color: #e56572; color: #fff!important;cursor: pointer;text-decoration: none;}
  a:hover, a:focus { color: #3c3b42; text-decoration: none; }
  .sticky.white-text a:hover { color: #fff; }



  .add-opacity  img{opacity: 1.0}
  .remove-opacity img{opacity: 0.5}

}

/* Jeppe leger */

.preline h3 {margin: 0px;}