/********* FONTS *********/
@font-face {
  font-family: "Soho Gothic W01 Bold";
  src: 
       url("../fonts/4e92717258e69de2cc16ee5dc5df37f8-1497608111.eot#iefix");
       src: url("../fonts/4e92717258e69de2cc16ee5dc5df37f8-1497608111.eot#iefix") format("eot"),
       url("../fonts/2a731272d059fa93fb3af97a9f996c97-1497608111.woff") format("woff"),
       url("../fonts/27dbad0905a87d8b26d8373516842855-1497608111.woff2") format("woff2"),
       url("../fonts/3ad91b8b52bf1ad97a654b46d4d31dc3-1497608111.ttf") format("truetype"),
       url("../fonts/4e92717258e69de2cc16ee5dc5df37f8-1497608111.eot") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Soho Gothic W01 Italic";
  src: 
       url("../fonts/c63cc9089f92d2659e8e977b6340cf59-1497608112.eot#iefix");
       src: url("../fonts/c63cc9089f92d2659e8e977b6340cf59-1497608112.eot#iefix") format("eot"),
       url("../fonts/22da63455ff79ca16d290b7a61223ee1-1497608112.woff") format("woff"),
       url("../fonts/2e34b089a241247a9e6cbcdf1f6fe5e3-1497608112.woff2") format("woff2"),
       url("../fonts/f61e886de6d67f71d75a9b4cf2e9c18c-1497608112.ttf") format("truetype"),
       url("../fonts/c63cc9089f92d2659e8e977b6340cf59-1497608112.eot") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Soho Gothic W01 Light";
  src: 
       url("../fonts/f2d21d62a51a560fc9db8fcb0251d47f-1497608112.eot#iefix");
       src: url("../fonts/f2d21d62a51a560fc9db8fcb0251d47f-1497608112.eot#iefix") format("eot"),
       url("../fonts/61213fbde830b4fafe1561e10ec715f8-1497608112.woff") format("woff"),
       url("../fonts/4303fcf45920386f6738cb0fe85579dd-1497608112.woff2") format("woff2"),
       url("../fonts/67b9d24c5491937552afb3924d8b4664-1497608112.ttf") format("truetype"),
       url("../fonts/f2d21d62a51a560fc9db8fcb0251d47f-1497608112.eot") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Soho Gothic W01 Medium";
  src: 
       url("../fonts/609c88475463cf8bae659c8c471fe619-1497608112.eot#iefix");
       src: url("../fonts/609c88475463cf8bae659c8c471fe619-1497608112.eot#iefix") format("eot"),
       url("../fonts/ef08a723995b21fe2e01ee04a79ad309-1497608112.woff") format("woff"),
       url("../fonts/07d80d70a9bba500e5ba893797dfb0f6-1497608112.woff2") format("woff2"),
       url("../fonts/acbd84ae2fbb4b8f3fa3490c37aa77ae-1497608112.ttf") format("truetype"),
       url("../fonts/609c88475463cf8bae659c8c471fe619-1497608112.eot") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Soho Gothic W01 Regular";
  src: 
       url("../fonts/c8dd16323fa82cc615806568d5968070-1497608113.eot#iefix");
       src: url("../fonts/c8dd16323fa82cc615806568d5968070-1497608113.eot#iefix") format("eot"),
       url("../fonts/3fc36f2dd0f4b3d07ffeec6a8f27b52e-1497608112.woff") format("woff"),
       url("../fonts/664d7adc2aef294c512ca0d41bd46e15-1497608112.woff2") format("woff2"),
       url("../fonts/9becb0707964923f9a9f58429553f16d-1497608113.ttf") format("truetype"),
       url("../fonts/c8dd16323fa82cc615806568d5968070-1497608113.eot") format("svg");
  font-weight: 400;
  font-style: normal;
}

/************* COMPONENT VARS *************/
/************* COMPONENT VARS END *************/
/*media query proposal - for refactoring 15-06-2016*/
/********************* global slider animations ******************/
* {
  outline: none; }

html, body {
  width: 100%;
  min-height: 100%;
  height: 100%;
  position: relative;
  font-size: 16px; }

body {
  margin: 0;
  padding: 0;
  color: #404040;
  line-height: 1;
  font-size: 16px;
  background-color: #fff;
  font-family: "Soho Gothic W01 Light", "Open Sans Light", "Arial", sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.inner:before, .banner-text:before, .clearfix:before, .clearfix:after, section:before, section:after, .container:before, .container:after, article:before, article:after {
  content: '';
  display: table; }

.inner:after, .clearfix:after, section:after, div.containter:after, article:after, .inner:after {
  clear: both; }

.clearfix {
  clear: both; }

.clearfix, section, .container, article, .inner {
  zoom: 1; }

.main {
  margin: 0;
  width: 100%;
  padding: 0; }

a, .like-a {
  color: #c6168d;
  text-decoration: none; }

a.link, .like-a-link {
  display: inline-block;
  position: relative; }

#wrapper {
  margin: 0;
  width: 100%;
  padding: 0;
  /* p:not(.cookie-index .image-spot-element-link) {
        line-height: 1.5;
        //max-width: 40em;
        padding: 0; 
        margin:0 0 1.5em 0;
        color: inherit;
    }*/ }
  #wrapper .full-blur {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    filter: progid:DXImageTransform.Microsoft.Blur PixelRadius="10"; }
  #wrapper .cover h1, #wrapper .cover h2.like-h1, #wrapper .cover h3.like-h1, #wrapper .cover .like-h1 {
    font-size: 4.5em; }
  #wrapper .component.top-margin {
    margin-top: 7rem; }
  #wrapper .component.component-ready {
    visibility: visible; }
  #wrapper .overflow-hidden {
    overflow: hidden; }
  #wrapper .feature .banner-text:not(.button) {
    color: #c6168d;
    margin-right: 1em; }
  #wrapper .has-background .intro-banner-text * {
    text-shadow: 0 0 1em #ffffff, 0 0 1em #ffffff; }
  #wrapper img {
    border: none;
    max-width: 100%;
    height: auto; }
  #wrapper .left {
    float: left; }
  #wrapper .right {
    float: right; }
  #wrapper .full {
    width: 100%; }
  #wrapper .threefourth {
    width: 75%; }
  #wrapper .twothird {
    width: 66.6666%; }
  #wrapper .half {
    width: 50%; }
  #wrapper .third {
    width: 33.3333%; }
  #wrapper .fourth {
    width: 25%; }
  #wrapper .slim .component-content {
    width: 60rem;
    max-width: 90%;
    margin: 0 auto; }
  #wrapper .row ::-webkit-scrollbar {
    background-color: #ffffff;
    width: 10px;
    cursor: default; }
  #wrapper .row ::-webkit-scrollbar-thumb {
    cursor: default;
    background-color: #6B6867;
    border: 3px solid #fff; }
    #wrapper .row ::-webkit-scrollbar-thumb:hover {
      background-color: rgba(64, 64, 64, 0.5); }
    #wrapper .row ::-webkit-scrollbar-thumb:active {
      background-color: rgba(64, 64, 64, 0.8); }
  #wrapper .custom-selector, #wrapper .market-selector {
    position: relative;
    background: #fff;
    border-radius: 2em; }
    #wrapper .custom-selector input, #wrapper .custom-selector select, #wrapper .market-selector input, #wrapper .market-selector select {
      background: transparent;
      position: relative;
      z-index: 3;
      padding-left: 3.5em;
      padding-right: 3.5em;
      margin: 0; }
    #wrapper .custom-selector:before, #wrapper .market-selector:before {
      content: 'Q';
      font-family: "Oticon-icon-www";
      top: 0;
      left: 0;
      font-size: 1.3em;
      color: #c6168d;
      padding: .9em 1.2em;
      position: absolute;
      z-index: 1; }
    #wrapper .custom-selector:after, #wrapper .market-selector:after {
      content: 'Q';
      font-family: "Oticon-icon-www";
      top: 0;
      right: 0;
      font-size: 1.3em;
      color: inherit;
      padding: .9em 1.2em;
      position: absolute;
      z-index: 1; }
  #wrapper input::-ms-clear {
    display: none; }
  #wrapper .info-box-content .info-box-info {
    margin-bottom: 20px;
  }
  .brand-image {
    margin-right: auto;
    margin-left: auto;
    background-repeat: no-repeat;
    background-size: auto auto;
    width: 240px;
    height: 60px;
    background-image: url('/assets/images/demant-logo-blue.svg');
  }
  .sub-brand-image {
    margin-right: auto;
    margin-left: auto;
    background-repeat: no-repeat;
    background-size: auto auto;
    width: 0px;
    height: 0px;
  }

/* big resolutions */
@media only screen and (min-width: 1900px) {
  html, body {
    font-size: 18px; } }

@media only screen and (min-width: 2200px) {
  html, body {
    font-size: 22px; }
  #header .nav {
    display: block; } }

/* small resolutions */
@media only screen and (max-width: 1250px) {
  html, body {
    font-size: 14px; } }

@media only screen and (max-width: 1020px) {
  #wrapper .third, #wrapper .third.left {
    width: auto;
    float: none; }
  #wrapper .fourth {
    width: 50%; }
  #wrapper .twothird {
    width: 100%; }
  #wrapper .half {
    width: 100%; }
  #wrapper .half.left > * {
    margin-right: 0%; }
  #wrapper .half.right > * {
    margin-left: 0%; }
  #wrapper div.inner {
    padding: 5em 0; }
  #wrapper .component.mag-container.cover {
    padding-bottom: 3em; }
  #wrapper div.inner.no-padding-top {
    padding-top: 0; }
  #wrapper div.inner.extra-padding-top {
    padding-top: 5em; }
  #wrapper div.inner.extra-padding-bottom {
    padding-bottom: 8em; }
  #wrapper div.inner.no-padding-bottom {
    padding-bottom: 0; }
  #wrapper section.cover {
    padding-bottom: 3em; }
  #wrapper div.banner-boxes {
    /*position: relative;
            margin-top: 3px;*/
    position: absolute;
    bottom: 0; }
  #wrapper div.banner-boxes ul li {
    margin-bottom: 1px; }
  #wrapper div.banner-boxes ul li .image-spot-element-link {
    margin-top: 0.65em; }
  #wrapper img.bg.index-hand-held-from-right {
    top: -2%;
    left: 54%;
    max-width: 100%; }
  #wrapper img.bg.index-hand-held-from-left {
    top: -2%;
    right: 54%;
    max-width: 100%; } }

@media only screen and (max-width: 800px) {
  html, body {
    font-size: 13px; } }

@media only screen and (max-width: 600px) {
  #wrapper .fourth, #wrapper .fourth.left {
    width: auto;
    float: none; }
  #wrapper div.inner {
    padding: 4em 0; }
  #wrapper #footer div.inner > div > * {
    margin-right: 0; }
  #wrapper div.cover-background {
    background-position: 64% 50%; }
  #wrapper #footer div.omega .component.rich-text .component-content {
    margin-bottom: 0; }
  #wrapper #footer div.alpha .component.rich-text .component-content {
    width: auto; } }

@media only screen and (max-width: 400px) {
  html, body {
    font-size: 12px; }
  /*.nav-expander span:first-child {
		-webkit-transform: rotate(-45deg) translate(-0.5em, 0.5em);
		-moz-transform: rotate(-45deg) translate(-0.5em, 0.5em);
		-ms-transform: rotate(-45deg) translate(-0.5em, 0.5em);
		-o-transform: rotate(-45deg) translate(-0.5em, 0.5em);
		transform: rotate(-45deg) translate(-0.5em, 0.5em);
	}*/ }

/* Portrait */
/* Landscape */
/* TRANSITIONS */
@keyframes cta-down {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1.0; }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1.0; }
  49% {
    opacity: 1.0; }
  50% {
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);
    opacity: 0.0; }
  50.1% {
    -webkit-transform: translateY(120%);
    transform: translateY(120%);
    opacity: 0.0; }
  50.2% {
    -webkit-transform: translateY(120%);
    transform: translateY(120%);
    opacity: 1.0; } }

@-webkit-keyframes cta-down {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1.0; }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1.0; }
  49% {
    opacity: 1.0; }
  50% {
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);
    opacity: 0.0; }
  50.1% {
    -webkit-transform: translateY(120%);
    transform: translateY(120%);
    opacity: 0.0; }
  50.2% {
    -webkit-transform: translateY(120%);
    transform: translateY(120%);
    opacity: 1.0; } }

@keyframes cta-down-hover {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1.0; }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1.0; }
  49% {
    opacity: 1.0; }
  50% {
    -webkit-transform: translateY(120%);
    transform: translateY(120%);
    opacity: 0.0; }
  50.1% {
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);
    opacity: 0.0; }
  50.2% {
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);
    opacity: 1.0; } }

@-webkit-keyframes cta-down-hover {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1.0; }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1.0; }
  49% {
    opacity: 1.0; }
  50% {
    -webkit-transform: translateY(120%);
    transform: translateY(120%);
    opacity: 0.0; }
  50.1% {
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);
    opacity: 0.0; }
  50.2% {
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);
    opacity: 1.0; } }

@keyframes cta-right-hover {
  0%, 100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1.0; }
  49% {
    opacity: 1.0; }
  50% {
    -webkit-transform: translateX(120%);
    transform: translateX(120%);
    opacity: 0.0; }
  50.1% {
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%);
    opacity: 0.0; }
  50.2% {
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%);
    opacity: 1.0; } }

@-webkit-keyframes cta-right-hover {
  0%, 100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1.0; }
  49% {
    opacity: 1.0; }
  50% {
    -webkit-transform: translateX(120%);
    transform: translateX(120%);
    opacity: 0.0; }
  50.1% {
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%);
    opacity: 0.0; }
  50.2% {
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%);
    opacity: 1.0; } }

@keyframes cta-right {
  0%, 100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1.0; }
  49% {
    opacity: 1.0; }
  50% {
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%);
    opacity: 0.0; }
  50.1% {
    -webkit-transform: translateX(120%);
    transform: translateX(120%);
    opacity: 0.0; }
  50.2% {
    -webkit-transform: translateX(120%);
    transform: translateX(120%);
    opacity: 1.0; } }

@-webkit-keyframes cta-right {
  0%, 100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1.0; }
  49% {
    opacity: 1.0; }
  50% {
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%);
    opacity: 0.0; }
  50.1% {
    -webkit-transform: translateX(120%);
    transform: translateX(120%);
    opacity: 0.0; }
  50.2% {
    -webkit-transform: translateX(120%);
    transform: translateX(120%);
    opacity: 1.0; } }

/* TRANSITIONS */