.banner-display,
.banner-display--alt,
.brevier,
.btn,
.double-pica,
.great-primer,
.long-primer,
.minion,
.pica,
.u300,
.u400,
.u600,
body,
strong {
    font-family: Myriad, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-style: normal
}

body,
html {
    -webkit-text-size-adjust: 100%
}

.sr-only,
img,
legend {
    border: 0
}

.list--inline,
.list--unstyled {
    list-style-type: none
}

.btn,
.plyr a,
.plyr button,
.plyr input,
.plyr label {
    touch-action: manipulation
}

.plyr input[type=range]:focus,
.plyr:focus,
a:active,
a:hover,
input:focus,
textarea:focus {
    outline: 0
}

.plyr .plyr__video-embed iframe,
.plyr__tooltip {
    pointer-events: none
}

@font-face {
    font-family: Myriad;
    src: url(../fonts/b3e9f984-f8ca-4650-90c3-d6f0aca0a27d.eot?#iefix);
    src: local("Myriad Pro Light"), local("MyriadPro-Light"), url(../fonts/e7e30ff2-3a95-49b0-bbf9-024f40ead426.woff2) format("woff2"), url(../fonts/b984f4e8-e37d-4502-bead-ffd991e64d1f.woff) format("woff");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: Myriad;
    src: url(../fonts/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix);
    src: local("Myriad Pro Regular"), local("MyriadPro-Regular"), url(../fonts/3b0f1c67-c2e4-4df6-976f-49d52e45aba1.woff2) format("woff2"), url(../fonts/c5b1c170-d8f7-41f9-85c2-0ab670780c6b.woff) format("woff");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: Myriad;
    src: url(../fonts/4f2af761-c017-4801-9aa5-5d30643373ce.eot?#iefix);
    src: local("Myriad Pro Bold"), local("MyriadPro-Bold"), url(../fonts/eba438b3-9ab9-48ba-b1c5-610f83b38303.woff2) format("woff2"), url(../fonts/acfb7490-30f6-4bf4-a1b8-70ff9172d209.woff) format("woff");
    font-style: normal;
    font-weight: 600
}

.banner-display--alt,
.great-primer,
.u300 {
    font-weight: 300
}

.brevier,
.btn,
.double-pica,
.minion,
.pica,
.u400,
body {
    font-weight: 400
}

.banner-display,
.long-primer,
.u600,
strong {
    font-weight: 600
}

.canon,
.small-display,
.trafalgar,
.u700 {
    font-family: "Knockout 48 A", "Knockout 48 B", HelveticaNeue-CondensedBold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal
}

body {
    font-size: 16px;
    line-height: 1.5;
    -webkit-font-feature-settings: 'kern' 1;
    -moz-font-feature-settings: 'kern' 1;
    -o-font-feature-settings: 'kern' 1;
    font-feature-settings: 'kern' 1;
    font-kerning: normal
}

.extended_display_char {
    font-size: inherit;
    text-transform: none
}

.canon,
.trafalgar {
    line-height: .9;
    text-transform: uppercase
}

.canon {
    font-size: 46px;
    margin-bottom: 30px
}

@media (min-width:50em) {
    .canon {
        font-size: 80px
    }
}

.trafalgar {
    font-size: 40px;
    margin-bottom: 30px
}

.double-pica,
.great-primer,
.pica {
    line-height: 1.5;
    margin-bottom: 30px
}

@media (min-width:50em) {
    .trafalgar {
        font-size: 60px
    }
}

.double-pica,
.great-primer {
    font-size: 24px
}

@media (min-width:50em) and (max-width:55.625em) {
    .great-primer {
        font-size: 26px
    }
}

@media (min-width:55.6875em) {
    .great-primer {
        font-size: 30px
    }
}

.pica {
    font-size: 19px
}

@media (min-width:50em) {
    .pica {
        font-size: 21px
    }
}

.long-primer {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 15px
}

@media (min-width:50em) {
    .long-primer {
        font-size: 21px;
        line-height: 1.5;
        margin-bottom: 30px
    }
}

.minion,
.small {
    line-height: 1.5;
    margin-bottom: 15px
}

.brevier,
.btn {
    font-size: 14px
}

.brevier.primarynav,
.brevier.subnav__nav,
.primarynav.btn,
.subnav__nav.btn {
    font-size: 16px
}

@media (max-width:49.99em) {
    .brevier.subnav__link-contact-link,
    .subnav__link-contact-link.btn {
        font-size: 12px
    }
}

@media (min-width:50em) and (max-width:59.9375em) {
    .brevier,
    .brevier.primarynav,
    .brevier.subnav__nav,
    .btn,
    .primarynav.btn,
    .subnav__nav.btn {
        font-size: 12px
    }
}

@media (min-width:60em) {
    .brevier,
    .btn {
        font-size: 12px;
        padding-top: 0
    }
    .brevier.primarynav,
    .brevier.subnav__nav,
    .primarynav.btn,
    .subnav__nav.btn {
        font-size: 14px
    }
}

@media (min-width:66.875em) {
    .brevier,
    .btn {
        font-size: 12px;
        padding-top: 0
    }
    .brevier.primarynav,
    .brevier.subnav__nav,
    .primarynav.btn,
    .subnav__nav.btn {
        font-size: 16px
    }
}

.lang--de .brevier,
.lang--de .btn {
    font-size: 12px
}

.lang--de .brevier.primarynav,
.lang--de .brevier.subnav__nav,
.lang--de .primarynav.btn,
.lang--de .subnav__nav.btn {
    font-size: 16px
}

@media (min-width:50em) and (max-width:54em) {
    .lang--de .brevier.primarynav,
    .lang--de .brevier.subnav__nav,
    .lang--de .primarynav.btn,
    .lang--de .subnav__nav.btn {
        font-size: 11px
    }
}

@media (min-width:54.0625em) {
    .lang--de .brevier.primarynav,
    .lang--de .brevier.subnav__nav,
    .lang--de .primarynav.btn,
    .lang--de .subnav__nav.btn {
        font-size: 15px
    }
}

.minion {
    font-size: 12px
}

.small {
    font-size: 10px
}

.banner-display,
.small-display {
    line-height: .9;
    margin-bottom: 0
}

@media (min-width:50em) {
    .small {
        font-size: 14px
    }
}

.small-display {
    font-size: 18px
}

@media (min-width:37.5em) {
    .small-display {
        font-size: 24px
    }
}

@media (min-width:50em) {
    .small-display {
        font-size: 28px
    }
}

.banner-display {
    font-size: 10px
}

@media (min-width:25.875em) {
    .banner-display {
        font-size: 12px
    }
}

@media (min-width:37.5em) {
    .banner-display {
        font-size: 18px
    }
}

@media (min-width:50em) {
    .banner-display {
        font-size: 24px
    }
}

@media (min-width:37.5em) {
    .lang--de .banner-display {
        font-size: 15px
    }
}

@media (min-width:50em) {
    .lang--de .banner-display {
        font-size: 19px
    }
}

@media (min-width:66.875em) {
    .lang--de .banner-display {
        font-size: 22px
    }
}

.serif {
    font-family: serif
}


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-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
}

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

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

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

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

pre,
textarea {
    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
}

.btn,
.switch {
    text-transform: uppercase
}

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] {
    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;
    box-sizing: content-box
}

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

.sr-only,
legend,
td,
th {
    padding: 0
}

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

.clearfix:after,
.dop:after,
.glistenings .module__text:after,
.grid:after,
.hero--avansee-preload1p-confidence:after,
.hero--avansee-preload1p-convenience:after,
.map__figure:after {
    clear: both;
    content: "";
    display: table
}

.module--map:before,
.switch:before {
    content: ' '
}

.sr-only {
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

.uc,
::placeholder {
    text-transform: uppercase
}

.ul {
    text-decoration: underline
}

.bol {
    font-weight: 600
}

.table {
    display: table
}

.tr {
    display: table-row
}

.td {
    display: table-cell;
    vertical-align: middle
}

.td--top {
    vertical-align: top
}

.btn,
img {
    vertical-align: middle
}

.featured-image__figure--avansee-preload1p-control,
.move-down {
    display: table-footer-group
}

.move-up,
.page__heading--avansee-preload1p-control {
    /*display: table-header-group*/
    display: block;
    width: 100%;
}

.center {
    margin: 0 auto;
    text-align: center
}

@media (min-width:50em) {
    .hidden-md {
        display: none
    }
}

@media (min-width:66.875em) {
    .hidden-lg {
        display: none
    }
}

.brand-color {
    color: #2db8c5
}

.brand-color-accent {
    color: #009eaa
}

.break-md {
    display: inline
}

@media (min-width:50em) {
    .break-md {
        display: block
    }
}

.dont-break-out {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

.hr {
    display: none
}

@media (min-width:50em) {
    .hr {
        background-color: #000;
        display: block;
        height: 1px;
        margin: .5em auto
    }
    .layout--feature .hr {
        background-color: #fafafa
    }
    .hr--subnav {
        margin-top: 1.35em
    }
    [class*=col-] {
        float: left;
        padding-right: 15px
    }
    .dop [class*=col-]:last-of-type,
    .grid [class*=col-]:last-of-type,
    .no-gutter [class*=col-] {
        padding-right: 0
    }
}

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

.dop,
.grid {
    margin: 0 0 15px
}

.col-xs-1 {
    width: 8.333%
}

.col-xs-2 {
    width: 16.667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.3333%;
    width: calc(100%/3)
}

.col-xs-5 {
    width: 41.667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.333%
}

.col-xs-8 {
    width: 66.667%;
    width: calc(100%*2/3)
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.333%
}

.col-xs-11 {
    width: 91.667%
}

.col-xs-12 {
    width: 100%
}

@media (min-width:37.5em) {
    .col-sm-1 {
        width: 8.333%
    }
    .col-sm-2 {
        width: 16.667%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-4 {
        width: 33.3333%
    }
    .col-sm-5 {
        width: 41.667%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-7 {
        width: 58.333%
    }
    .col-sm-8 {
        width: 66.667%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.333%
    }
    .col-sm-11 {
        width: 91.667%
    }
    .col-sm-12 {
        width: 100%
    }
}

@media (max-width:49.99em) {
    .offset-sm-1 {
        margin-left: 8.333%
    }
    .offset-sm-2 {
        margin-left: 16.667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.3333%
    }
    .offset-sm-5 {
        margin-left: 41.667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333%
    }
    .offset-sm-8 {
        margin-left: 66.667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333%
    }
    .offset-sm-11 {
        margin-left: 91.667%
    }
}

@media (min-width:50em) {
    [class*=cell-] {
        float: left
    }
    .col-md-1 {
        width: 8.333%
    }
    .col-md-2 {
        width: 16.667%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.3333%
    }
    .col-md-5 {
        width: 41.667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.333%
    }
    .col-md-8 {
        width: 66.667%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.333%
    }
    .col-md-11 {
        width: 91.667%
    }
    .col-md-12 {
        width: 100%
    }
    .offset-md-1 {
        margin-left: 8.333%
    }
    .offset-md-2 {
        margin-left: 16.667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.3333%
    }
    .offset-md-5 {
        margin-left: 41.667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333%
    }
    .offset-md-8 {
        margin-left: 66.667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333%
    }
    .offset-md-11 {
        margin-left: 91.667%
    }
}

.cell-4 {
    float: none
}

.cell-3 {
    margin-bottom: 30px
}

@media (min-width:50em) {
    .cell-4 {
        float: left;
        width: 33.3333%;
        width: calc(100%/3)
    }
    .cell-3 {
        width: 24%;
        margin-bottom: auto;
        margin-left: 4px
    }
    .cell-3:first-child {
        margin-left: 0
    }
    .module {
        padding: 15px
    }
    .module--with-icons {
        padding-left: 22px;
        padding-right: 22px
    }
}

.module--with-icons {
    display: table;
    text-align: center;
    width: 100%
}

@media (max-width:49.99em) {
    .module--with-icons {
        margin-bottom: 30px
    }
}

.module--video {
    padding: 0;
    position: relative
}

.module__icon {
    margin: 0
}

@media (max-width:49.99em) {
    .module__icon {
        margin-bottom: 30px
    }
}

.module__image {
    margin: 0
}

.module__text {
    margin-top: 1em
}

@media (max-width:49.99em) {
    .module__text {
        margin-bottom: 0;
        margin-top: 1em;
        padding-left: .8em;
        text-align: left;
        vertical-align: middle
    }
}

.module--map {
    padding: 0;
    position: relative
}

.module--map:before {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: transparent;
    display: block;
    height: 8px;
    margin: 0 auto;
    text-align: center;
    top: -8px;
    width: 90%
}

.main,
body {
    position: relative
}

.figure--collapsible,
.wrapper {
    margin-left: auto;
    margin-right: auto
}

.grid-pad {
    padding: 15px 0 15px 15px
}

.grid-pad [class*=col-]:last-of-type {
    padding-right: 15px
}

body {
    display: flex;
    flex-flow: column;
    min-height: 100vh;
    background-color: #fafafa;
    color: #3c3c3c
}

.main {
    flex: 1;
    z-index: 2;
    padding-top: 90px;
    -webkit-transition: transform 1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 1s cubic-bezier(.645, .045, .355, 1)
}

.layout--feature .main {
    padding-top: 30px
}

.layout--page .main {
    padding-top: 90px
}

@media (max-width:49.99em) {
    .layout--feature .main {
        padding-top: 56px
    }
    .layout--home .main {
        padding-top: 90px
    }
}

.wrapper {
    max-width: -webkit-calc(1070px - (30px * 2));
    max-width: calc(1070px - (30px * 2));
    padding-right: 30px;
    padding-left: 30px
}

@media (min-width:37.5em) {
    .wrapper {
        max-width: -webkit-calc(1070px - (30px));
        max-width: calc(1070px - (30px));
        padding-right: 30px;
        padding-left: 30px
    }
}

.wrapper--no-pad {
    padding-right: 0;
    padding-left: 0
}

@media (max-width:37.49em) {
    .wrapper--faqs {
        padding-right: 0;
        padding-left: 0
    }
}

.figure--collapsible {
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    width: 90%
}

@media (min-width:37.5em) {
    .figure--collapsible {
        width: 60%
    }
}

@media (min-width:50em) {
    .layout--home .main {
        padding-top: 146px
    }
    .layout--history .main {
        margin-top: 90px
    }
    .layout--feature .main {
        padding-top: 150px
    }
    .wrapper--header {
        height: 100%
    }
    .figure--collapsible {
        width: auto
    }
}

.figure__figcaption {
    text-align: center;
    margin-bottom: 0
}

body.layout--feature,
body.layout--home {
    background-color: #000;
    color: #f5f5f5
}

blockquote,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {
    margin-bottom: 15px
}

img {
    max-width: 100%
}

figure {
    margin: 1em 15px
}

figure>img {
    display: block
}

button {
    background: 0 0;
    border: none
}

ol,
ul {
    margin-left: 0
}

li>ol,
li>ul {
    margin-bottom: 0
}

.header {
    background-color: #fafafa;
    height: 56px;
    position: fixed;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 0;
    left: 0;
    -webkit-transition: transform 1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 1s cubic-bezier(.645, .045, .355, 1);
    width: 100%;
    z-index: 1000
}

.layout--feature .header,
.layout--home .header {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjUwMCI+CjxmaWx0ZXIgaWQ9Im4iPgo8ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjkiIG51bU9jdGF2ZXM9IjE2IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIj48L2ZlVHVyYnVsZW5jZT4KPC9maWx0ZXI+CjxyZWN0IHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIiBmaWxsPSIjMDAwIj48L3JlY3Q+CjxyZWN0IHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIiBmaWx0ZXI9InVybCgjbikiIG9wYWNpdHk9IjAuMjQiPjwvcmVjdD4KPC9zdmc+)
}

@media (max-width:49.99em) {
    .window,
    .window .header {
        display: block;
        width: 100%;
        top: 0
    }
    .window {
        bottom: 0;
        height: 100%;
        margin: 0 auto;
        position: relative
    }
    .window .header {
        background: #000;
        height: 56px;
        left: 0;
        overflow: hidden;
        -webkit-position: sticky;
        transition: all .5s ease-out, background 1s ease-out;
        z-index: 4
    }
    .window .header::-webkit-scrollbar {
        display: none
    }
    .window .header .icon {
        display: inline-block;
        height: 100%;
        height: 50px;
        line-height: 50px;
        position: absolute
    }
    .window .header .icon.icon--menu {
        left: auto;
        right: 15px;
        top: 0
    }
    .window .header.menu-opened {
        bottom: 0;
        position: fixed;
        background-color: #000;
        height: 100%;
        transition: all .3s ease-in, background .5s ease-in;
        z-index: 10000
    }
}

.brand-logo__inner {
    float: left
}

.nav-up .banner--header,
.nav-up .header {
    transform: translate(0, -56px)
}

@media (min-width:50em) {
    .brand-logo__inner {
        float: left;
        display: table;
        height: 100%
    }
    .downloads+.footer,
    main+.footer {
        margin-top: 170px
    }
}

.banner {
    position: relative;
    z-index: 9998
}

.banner--header {
    background-color: #228993;
    height: 34px;
    top: 50px;
    transition: transform 1s cubic-bezier(.645, .045, .355, 1);
    transform: translateY(-250%);
    position: fixed;
    width: 100%;
    z-index: 999
}

@media (min-width:37.5em) {
    .banner--header {
        height: 40px
    }
}

.banner__inner--footer {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjUwMCI+CjxmaWx0ZXIgaWQ9Im4iPgo8ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjkiIG51bU9jdGF2ZXM9IjE2IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIj48L2ZlVHVyYnVsZW5jZT4KPC9maWx0ZXI+CjxyZWN0IHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIiBmaWxsPSIjMDAwIj48L3JlY3Q+CjxyZWN0IHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIiBmaWx0ZXI9InVybCgjbikiIG9wYWNpdHk9IjAuMjQiPjwvcmVjdD4KPC9zdmc+);
    bottom: 0;
    color: #fafafa;
    left: 0;
    overflow: hidden;
    padding: 10px;
    position: fixed;
    right: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: transform .8s ease-in;
    transition: transform .8s ease-in
}

.banner__inner--header {
    color: #fafafa;
    position: relative;
    padding-left: 20px;
    padding-right: 20px
}

@media (max-width:37.49em) {
    .banner__inner--header {
        display: table;
        width: 100%
    }
    .banner__button {
        font-size: 75%
    }
}

@media (min-width:50em) {
    .banner--header {
        height: 60px;
        top: 56px
    }
    .banner__inner--header {
        padding-bottom: 10px;
        padding-top: 10px
    }
}

.banner__button {
    background-color: #2db8c5;
    cursor: pointer;
    display: inline-block;
    margin-left: 10px;
    max-width: 100px;
    padding: 8px;
    text-align: center;
    width: 80px
}

@media (min-width:50em) {
    .banner__button {
        float: right;
        margin-left: 10px;
        padding: 8px 10px
    }
}

@media (max-width:37.49em) {
    .banner__button--header {
        display: table-cell;
        height: 34px;
        vertical-align: middle
    }
}

.banner__message {
    display: block;
    margin: 0;
    padding: 10px
}

.banner__message--header {
    color: #fafafa;
    padding: 0
}

@media (min-width:23.4375em) {
    .banner__message--header {
        padding-left: 15px
    }
}

@media (min-width:50em) {
    .banner__message--header {
        padding-top: 10px
    }
}

.banner a,
.banner a:link,
.banner a:visited {
    color: #fafafa;
    text-decoration: underline
}

.btn,
.btn--learn-more,
.btn:hover,
.downloads,
.downloads__link--feature,
.references__toggle,
a {
    text-decoration: none
}

.banner a:active,
.banner a:focus,
.banner a:hover {
    color: #2db8c5
}

.banner p {
    display: inline-block;
    width: 88%;
    width: calc(100% - 100px)
}

.btn--ghost,
.btn--primary {
    background-color: transparent;
    color: #fafafa;
    width: auto;
    min-width: 120px
}

@media (max-width:37.49em) {
    .banner p {
        display: table-cell;
        line-height: 1.2;
        vertical-align: middle
    }
}

.js-banner-up {
    transform: translateY(0)
}

.break-mobile {
    display: inline
}

@media (max-width:23.375em) {
    .break-mobile {
        display: block
    }
}

.btn {
    background-image: none;
    border-radius: 20px;
    border: 2px solid transparent;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    user-select: none;
    white-space: nowrap;
    padding: 8px 24px
}

.btn--primary {
    border-color: #2db8c5
}

.btn--ghost {
    border-color: #fafafa;
    transition: border-color 150ms ease-in
}

.btn--ghost:hover {
    border-color: #2db8c5
}

.switch {
    appearance: none;
    background: 0 0;
    border-radius: 30px;
    cursor: pointer;
    display: block;
    height: 60px;
    padding-left: 2.5em;
    padding-top: 1px;
    position: relative;
    transition: border-color 150ms ease, color 150ms ease;
    width: 160px
}

.switch--submit {
    border: 2px solid #ffffff;
    color: #ffffff;
    margin-top: 45px
}

.switch--submit:hover {
    border-color: #009eaa;
    color: #009eaa
}

.switch--readmore {
    border: 2px solid #8a8a8a;
    color: #8a8a8a;
    padding-left: 2.8em;
    width: 180px;
    margin: 60px auto 30px
}

@media (min-width:50em) {
    .switch--readmore {
        padding-top: 5px;
        margin-bottom: 90px
    }
}

.lang--de .switch--readmore {
    padding-left: 3.4em;
    width: 200px
}

.switch--readmore.collapsed {
    border-color: #fafafa;
    color: #fafafa
}

.switch--readmore:hover {
    border: 2px solid #2db8c5;
    color: #009eaa
}

.switch--play-video {
    border: 2px solid #fafafa;
    color: #fafafa;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2.8em;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 180px
}

.switch--play-video:hover {
    border: 2px solid #2db8c5;
    color: #009eaa
}

.switch--download {
    border: 2px solid #009eaa;
    color: #009eaa;
    width: 180px
}

.lang--de .switch--download {
    padding-top: 4px;
    width: 210px
}

.switch--download:hover {
    border-color: #006f77;
    color: #006f77
}

.btn--learn-more {
    border-color: #fafafa;
    color: #fafafa
}

.btn--learn-more:link,
.btn--learn-more:visited {
    color: #fafafa
}

.btn--learn-more:active,
.btn--learn-more:focus,
.btn--learn-more:hover {
    border-color: #009eaa;
    color: #009eaa
}

.btn--video-toggle,
.lang--de .btn--video-toggle {
    border-color: #fafafa;
    color: #fafafa;
    display: block;
    text-align: center;
    text-decoration: none;
    margin: 60px auto 0
}

.btn--video-toggle:link,
.btn--video-toggle:visited,
.lang--de .btn--video-toggle:link,
.lang--de .btn--video-toggle:visited {
    color: #fafafa
}

/*.btn--video-toggle:active,
.btn--video-toggle:focus,
.btn--video-toggle:hover,
.lang--de .btn--video-toggle:active,
.lang--de .btn--video-toggle:focus,
.lang--de .btn--video-toggle:hover {
    border-color: #009eaa;
    color: #009eaa
}*/

.btn--video-toggle {
    width: 300px
}

@media (max-width:37.49em) {
    .btn--video-toggle {
        font-size: 11px;
        width: 90%
    }
}

.lang--de .btn--video-toggle {
    width: 360px
}

@media (max-width:37.49em) {
    .lang--de .btn--video-toggle {
        width: 90%
    }
    .btn--video-toggle,
    .lang--de .btn--video-toggle {
        white-space: normal
    }
}

.switch:before {
    background-color: #8a8a8a;
    border-radius: 50%;
    color: #000;
    height: 46px;
    left: 5px;
    padding-left: 1px;
    padding-top: 12px;
    position: absolute;
    top: 5px;
    transition: background-color 150ms ease;
    width: 46px
}

.switch--submit:before {
    background-color: white;
    color: black;
    padding-top: 15px;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAFKADAAQAAAABAAAAEQAAAABZ9V23AAAA6UlEQVQ4EZ2UTQ6CMBCFOxZwwYYE27qTG8gVXLrzCHIyuYInEG9D+FniDmpH409MU6ZO0obMe/OleTRljFhCpEcpxYlod9ukTA9KCY1rDsrdqKcahsuac74HYGuz8jiOs2G4nW2zYGvaeompKAorA9yirjUrm6Ytfr1kIA5SoF5ACtQbOAcNlFpVxqTR6FMmw/eMyRWvFMNMAa+CD8jlHUe9C8zhri6TQ8sYg81Ln6ap6Lq++itDIUQOoC8AkCAQYW3bl/jtDXTBvIFzMC8gBUYGUmEIXOBGrEfe3z+AOGe34SnxTbSrn+4dGkdx2QEae40AAAAASUVORK5CYII=);

}

.switch--play-video:before,
.switch--readmore:before {
    color: #000;
    font-family: serif;
    font-size: 24px;
    font-style: italic;
    text-transform: none
}

.switch--submit:hover:before {
    background-color: #2db8c5
}

.switch--readmore:before {
    background-color: #8a8a8a;
    content: 'i';
    padding-top: 4px
}

.collapsed.switch--readmore:before {
    background-color: #fafafa
}

.switch--readmore:hover:before {
    background-color: #2db8c5
}

.switch--play-video:before {
    background-color: #fafafa;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAYAAAB4zEQNAAAASElEQVR4AWNgmLfqMhB3AzE7AxoAST6D4t1ArIApicA3gdgTVRITNwAxK0ISE6/BJ7kWl2QjxFhMB3lhc9AebF65AsRd2AIBAD45aIvJh2pIAAAAAElFTkSuQmCC);
    padding-top: 18px
}

.switch--download:before,
.switch--play-video:hover:before {
    background-color: #2db8c5
}

.switch--download:before {
    color: #fafafa;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDM1NTBGNUJEMjMzMTFFNjg2MTdBQjU3ODgxOUYzNTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDM1NTBGNUNEMjMzMTFFNjg2MTdBQjU3ODgxOUYzNTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQ0U1MUIyMkQxQzMxMUU2ODYxN0FCNTc4ODE5RjM1NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMzU1MEY1QUQyMzMxMUU2ODYxN0FCNTc4ODE5RjM1NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrZJFdAAAAB1SURBVHjaYvr//z8DGp4CxI+AWBddjokBE/wBYlkg3gfEuigyWExmBuKl/yHgPRCbw+SwKUbX8BGmgQVo+FYglsbiHGYozQfEu4BYG6SYFYgF8CjG62aYMxahO4No9+JSPAGbQlzhzAXEj4DYDYhPIksABBgAbwTat95hjLAAAAAASUVORK5CYII=)
}

.switch--download:hover:before {
    background-color: #24919b
}

.doughnut {
    background-image: url(../img/doughnut.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 85%;
    margin-left: 7%;
    position: absolute;
    top: 0;
    transform-origin: center center;
    width: 85%
}
.doughnut.doughnut2 {
    background-image: url(../img/doughnut2.svg);

}
.hide .doughnut {
    opacity: 0;
    transform: scale(.1);
    transition: opacity .8s cubic-bezier(.175, .885, .32, 1.275), transform .8s cubic-bezier(.175, .885, .32, 1.275)
}

.show .doughnut {
    opacity: 1;
    transform: scale(1)
}

.doughnut__outer {
    height: 500px;
    margin: 16% 0 0;
    position: relative;
    z-index: 0
}

.doughnut__subtitle,
.doughnut__title {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center
}

.doughnut__text {
    color: #fafafa;
    opacity: .999;
    position: absolute;
    left: 50%;
    top: 40%;
    text-transform: uppercase;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.doughnut__title {
    color: #fafafa
}

.doughnut__subtitle {
    color: #2db8c5
}

.doughnut__subtitle.display-blue {
    color: #3F62AC
}

@media (min-width:50em) {
    .doughnut__text {
        top: 50%
    }
    .info__inner h2,
    .info__inner li>p,
    .info__inner>p,
    .info__inner>ul,
    .info__inner>ul>li {
        margin-top: 0
    }
    .info__inner {
        column-count: 2;
        column-gap: 4em;
        padding-bottom: 6em
    }
    .info__inner li {
        margin-bottom: 1em
    }
    .info header {
        margin-bottom: 30px;
        margin-top: 120px
    }
}

.references__toggle {
    border-color: #000;
    color: #000;
    margin-bottom: 15px;
    margin-top: 30px;
    padding-left: 0;
    padding-bottom: 7px;
    padding-top: 8px;
    min-width: 120px;
    text-align: left;
    transition: color 150ms ease-in, border-color 150ms ease;
    width: auto
}

.references__toggle:link,
.references__toggle:visited {
    color: #000
}

.references__toggle:active,
.references__toggle:focus,
.references__toggle:hover {
    border-color: #009eaa;
    color: #009eaa
}

.references__toggle:after {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    display: inline-block;
    height: .55em;
    left: .35em;
    position: relative;
    top: .4em;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: transform .1s ease-in;
    transition: transform .1s ease-in;
    vertical-align: top;
    width: .55em
}

.references__toggle--feature {
    border-color: #fafafa;
    color: #fafafa;
}

.references__toggle--feature:link,
.references__toggle--feature:visited {
    color: #fafafa
}

.references__toggle--feature:active,
.references__toggle--feature:focus,
.references__toggle--feature:hover {
    border-color: #fafafa;
    color: #fafafa;
}

.references__toggle.collapsed:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.references__list {
    padding-bottom: 60px
}

@media (max-width:37.49em) {
    .references__list {
        padding-left: 15px
    }
}

.carousel {
    position: relative
}

.carousel__caption {
    text-align: center
}

.carousel-inner {
    overflow: hidden;
    position: relative;
    width: 100%
}

@media (max-width:49.99em) {
    .carousel__caption {
        margin-left: 0
    }
    .carousel-inner {
        height: 7em;
        text-align: center
    }
}

.carousel-inner>.item {
    display: none;
    position: relative;
    transition: all .6s ease-in-out left;
    width: 100%;
    height: 80px
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        backface-visibility: hidden;
        perspective: 1000;
        transition: transform .6s ease-in-out
    }
    .carousel-inner>.item.active.right,
    .carousel-inner>.item.next {
        left: 0;
        transform: translate3d(100%, 0, 0)
    }
    .carousel-inner>.item.active.left,
    .carousel-inner>.item.prev {
        left: 0;
        transform: translate3d(-100%, 0, 0)
    }
    .carousel-inner>.item.active,
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right {
        left: 0;
        transform: translate3d(0, 0, 0)
    }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: table
}

.carousel-inner>.active p,
.carousel-inner>.next p,
.carousel-inner>.prev p {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-inner>.item>p {
    padding-left: 45px;
    padding-right: 45px;
    text-justify: distribute
}

.carousel-control {
    display: none
}

@media (min-width:50em) {
    .carousel-control {
        color: #fafafa;
        display: block;
        font-size: 16px;
        opacity: .5;
        position: absolute;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
        width: 15%
    }
    .carousel-control:focus,
    .carousel-control:hover {
        color: #fafafa;
        opacity: .9;
        outline: 0;
        text-decoration: none
    }
}

.carousel-indicators {
    padding: 0;
    text-align: center
}

.carousel-indicators li {
    background-color: gray;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    margin-right: 1em;
    height: 12px;
    text-indent: -9999px;
    width: 12px
}

.carousel-indicators .active {
    background-color: #b3b3b3
}

.carousel-indicators .last {
    margin-right: 0
}

@media (min-width:37.5em) {
    .carousel-indicators {
        padding: 0;
        text-align: center
    }
    .carousel-indicators li {
        background-color: gray;
        border-radius: 50%;
        cursor: pointer;
        display: inline-block;
        margin-right: 1em;
        height: 20px;
        text-indent: -9999px;
        width: 20px
    }
    .carousel-indicators .active {
        background-color: #b3b3b3
    }
}

@media (min-width:50em) {
    .carousel-indicators {
        left: 50%;
        list-style: none;
        margin-left: -30%;
        padding-left: 0;
        position: absolute;
        text-align: center;
        width: 60%;
        z-index: 15;
        bottom: -50px
    }
    .carousel-indicators li {
        background-color: gray;
        border-radius: 10px;
        cursor: pointer;
        display: inline-block;
        height: 10px;
        margin: 1px;
        text-indent: -9999px;
        width: 10px
    }
    .carousel-indicators .active {
        background-color: #b3b3b3
    }
    .carousel-control {
        top: 94px
    }
    .carousel-control svg {
        height: 30px;
        width: 30px
    }
    .carousel-control.prev {
        left: -30px
    }
    .carousel-control.next {
        left: auto;
        right: -30px
    }
}

.control--collapse {
    margin-top: 60px
}

.control .module {
    padding-top: 45px
}

.collapse__body {
    background-color: #fafafa;
    color: #000;
    padding-bottom: 60px
}

.collapse__body figcaption {
    color: #000;
    margin-bottom: 3em;
    text-align: center
}

.collapse__body figure p {
    margin-top: 2em
}

.collapse__body img+.figure__figcaption {
    margin-top: 15px
}

.dop p {
    float: right
}

.downloads {
    color: #000;
    margin-bottom: 60px;
    padding-top: 15px
}

@media (min-width:63.75em) {
    .main {
        min-height: 756px
    }
    .downloads {
        margin-top: 108px
    }
}

.downloads--feature {
    color: #fafafa;
    padding-left: 0;
    padding-right: 0
}

.downloads__inner {
    display: block
}

.downloads__title {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

@media (min-width:50em) {
    .downloads__inner {
        padding-left: 30px;
        padding-right: 30px
    }
    .downloads__title {
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 30px;
        padding-top: 30px;
        text-align: left
    }
    .downloads__title h4 {
        margin-bottom: auto;
        margin-top: auto
    }
}

@media (min-width:37.5em) {
    .lang--de .downloads__title h4 {
        font-size: 16px!important;
        padding-top: 8px
    }
}

.downloads__link {
    border-color: #000;
    color: #000
}

.downloads__link:link,
.downloads__link:visited {
    color: #000
}

.downloads__link:active,
.downloads__link:focus,
.downloads__link:hover {
    border-color: #009eaa;
    color: #009eaa
}

.downloads__link--feature {
    border-color: #fafafa;
    color: #fafafa
}

.downloads__link--feature:link,
.downloads__link--feature:visited {
    color: #fafafa
}

.downloads__link--feature:active,
.downloads__link--feature:focus,
.downloads__link--feature:hover {
    border-color: #009eaa;
    color: #009eaa
}

.downloads__list {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-left: 0;
    text-align: center
}

@media (min-width:50em) {
    .downloads__list {
        float: right;
        list-style-type: none;
        padding-left: 0;
        padding-top: 30px;
        text-align: right;
        margin: 0 auto 0 0
    }
}

.downloads__list-item {
    display: block;
    padding-bottom: 30px;
    text-align: center
}

@media (min-width:37.5em) and (max-width:49.99em) {
    .downloads__list-item {
        display: inline-block;
        padding-bottom: 30px;
        text-align: center;
        width: 49.5%
    }
}

@media (min-width:50em) {
    .downloads__list-item {
        display: inline-block;
        padding-left: 15px;
        float: left;
        text-align: right
    }
    .downloads__list-item:first-child {
        padding-left: 0
    }
}

.downloads__list-item>a {
    padding-left: initial;
    padding-right: initial;
    min-width: 200px
}

@media (min-width:50em) {
    .downloads__list-item>a {
        min-width: 140px
    }
    .faq__header {
        min-height: 180px
    }
}

@media (min-width:37.5em) {
    .lang--de .downloads__list-item {
        padding-left: 8px
    }
    .lang--de .downloads__list-item a {
        font-size: 10px!important
    }
}

.faq__header {
    display: table
}

.faq__header .module__heading--faq {
    display: table-cell;
    margin-top: 0;
    vertical-align: middle
}

@media (max-width:49.99em) {
    .faq__header .module__heading--faq {
        padding-left: 8px
    }
    .icon>svg {
        fill: #fafafa
    }
}

.faq__faqs {
    padding-bottom: 90px
}

@media (min-width:50em) {
    .faq__faqs {
        padding-top: 60px
    }
    .icon>svg path {
        fill: #000
    }
}

.faq__list {
    background-color: #3c3c3c;
    border: 1px solid transparent;
    counter-reset: li;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 24px
}

.faq__heading {
    margin-left: 16px;
    padding-left: 44px
}

.faq__item {
    border-bottom: 2px solid #000;
    list-style: none;
    margin: 0 0 22px;
    position: relative;
    padding: 4px 8px 24px
}
.faq__item:last-child {
    border-bottom: none;
    margin-bottom: 0
}
.faq__item.last {
    border-bottom: none;
    margin-bottom: 0
}

.faq__item:before {
    color: #2db8c5;
    content: counter(li) ".";
    counter-increment: li;
    left: 16px;
    margin-right: 8px;
    padding: 4px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 2em
}

.faq__item.faq__answer--active:before {
    color: #2db8c5
}
.faq__item:after {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    border-color: #2db8c5;
    display: inline-block;
    height: .45em;
    position: absolute;
    right: 30px;
    top: 8px;
    -webkit-transform-origin: 60% 50%;
    transform-origin: 60% 50%;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: transform 150ms ease;
    transition: transform 150ms ease;
    vertical-align: top;
    width: .45em
}

.faq__item.faq__answer--active:after {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.faq__question {
    color: #009eaa;
    cursor: pointer;
    padding-left: 0;
    padding-right: 2em;
    text-align: left
}

.faq__question.collapsed {
    color: #ffffff
}

.faq__answer {
    display: block;
    margin-bottom: 20px;
    margin-left: 24px;
    width: 80%
}

.faq__answer>.panel-body {
    border-left: 4px solid #009eaa;
    margin-top: 24px;
    padding-left: 30px
}
.faq__answer>.panel-body p {
	color: white;
}
.faq__answer dd {
    margin-left: 0
}

.faq__answer dd,
.faq__answer li {
    margin-bottom: 30px
}

.featured-image__figure {
    margin: 0;
    padding: 0
}

.form__input--submit {
    width: 10em
}

.form__error {
    color: Red
}

a,
a:visited {
    color: #000
}

.form__error--confirm {
    display: block;
    text-align: left
}

::placeholder {
    color: #3c3c3c
}
body.general_black {
	background: black;
	color: #f5f5f5;
}
input,
textarea {
    background: black;
    border: 1px solid white;
    font-family: inherit;
    font-size: inherit;
    padding: 15px;
    width: 100%;
    color: white;
}
input::placeholder, textarea::placeholder {
    color: #b5b5b5;
}
input[type=checkbox] {
    background: #555;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: .3em 1em;
    display: inline;
    margin-right: .3em;
    width: auto
}

input[type=checkbox]+label {
    display: inline
}

.icon--map-marker>svg,
.icon>svg {
    display: inline-block;
    vertical-align: middle
}

label {
    margin-right: .5em;
    text-align: right
}

input[type=submit] {
    margin-left: auto
}

textarea {
    resize: vertical;
    color: #aaa
}

.icon>svg {
    height: 16px;
    width: 16px
}

.layout--feature .icon--brand-owner>svg path,
.layout--feature .icon--brand>svg path {
    fill: #fafafa
}

@media (max-width:49.99em) {
    .icon--brand>svg path {
        fill: #fafafa
    }
}

.icon--brand>svg {
    height: 17px;
    width: 82px
}

.layout--error .icon--brand {
    margin-top: 20px
}

.icon--brand-owner>svg {
    height: 36px;
    width: 82px
}

.icon--downlaod {
    position: relative;
    top: -2px
}

.icon--downlaod>svg {
    height: 20px;
    width: 20px
}

.icon--downlaod>svg path {
    fill: #000
}

.layout--feature .icon--downlaod>svg path {
    fill: #fafafa
}

.icon--illustration>svg {
    height: 68px;
    width: 68px
}

@media (min-width:50em) {
    .icon--brand {
        display: inline-block;
        line-height: 56px
    }
    .icon--illustration>svg {
        width: 88px
    }
}

.icon--illustration>svg path {
    fill: #009eaa
}

.icon--magnifier>svg {
    height: 14px;
    width: 14px
}

.icon--magnifier>svg path {
    fill: #fafafa
}

.icon--map-marker>svg {
    height: 47px;
    width: 36px
}

.product__image {
    position: absolute;
    right: 0
}

.grid--map {
    margin-bottom: 0
}

.kowa-hq svg {
    width: 86%;
    height: auto;
    margin: 0 auto;
    text-align: center
}

@media (max-width:49.99em) {
    .kowa-hq {
        display: block;
        margin-bottom: 30px;
        margin-top: 60px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.japanese-company {
    display: table;
    margin-top: 0;
    width: 100%
}

.japanese-company__header h2 {
    margin-top: 60px
}

@media (min-width:50em) {
    .japanese-company__inner {
        display: table-row;
        vertical-align: middle
    }
    .japanese-company__header h2 {
        margin-top: 0
    }
}

.japanese-company p {
    margin-bottom: 0
}

.japanese-company .module {
    margin-top: 30px;
    opacity: .999;
    vertical-align: middle;
    z-index: 2
}

@media (min-width:50em) {
    .japanese-company .module {
        display: table-cell;
        text-align: left;
        padding: 0 30px
    }
    .japanese-company .module .kowa-hq svg {
        width: 332px;
        height: 375px;
        margin: 30px auto 0
    }
    .japanese-company .module:first-child {
        margin-top: 90px;
        padding-left: 0;
        z-index: 3
    }
}
@media (min-width:100em) {    
    .japanese-company .module:first-child {
        position: absolute;
        top: -90px;
        left: -100px;
        padding-right: 130px;
    }
}
.featured-image__figure--kowa-in-ophthalmology {
    display: block;
    position: absolute;
    top: 250px;
    right: 0;
}

@media (min-width:50em) and (max-width:59.9375em) {
    .featured-image__figure--kowa-in-ophthalmology {
        display: block;
        position: absolute;
        right: 0;
        top: 2em;
        width: 40%;
        height: auto;
        z-index: 1
    }
}

@media (min-width:60em) {
    .featured-image__figure--kowa-in-ophthalmology {
        display: block;
        position: absolute;
        right: 0;
        top: 2em;
        width: 50%;
        height: auto;
        z-index: 1
    }
}

@media (min-width:66.875em) {
    .downloads__list-item>a {
        min-width: 160px
    }
    .featured-image__figure--kowa-in-ophthalmology {
        display: block;
        position: absolute;
        right: 0;
        top: 2em;
        width: auto;
        height: auto;
        z-index: 1
    }
}

.kowa-in-ophthalmology-video {
    margin-bottom: 30px
}

@media (min-width:50em) {
    .kowa-in-ophthalmology-video {
        margin-bottom: 90px;
        margin-top: 90px
    }
}

.kowa-in-ophthalmology-video__video {
    height: auto;
    max-width: 100%;
    width: 100%
}
.market-leader {
	position: relative;
    background-color: transparent;
    
    margin-bottom: 80px
}
.positionrelative {
	position: relative;
}
.module--carousel-container {
    margin-top: 160px;
    position: relative
}

@media (max-width:49.99em) {
    .module--carousel-container {
        margin-bottom: 0;
        padding-top: 90px
    }
}

.carousel__caption {
    margin-bottom: 0!important
}

@media (max-width:49.99em) {
    .grid--1 .module {
        margin-bottom: 90px
    }
}

a {
    transition: color 150ms ease
}

a:focus,
a:hover {
    color: #1f7e87;
    text-decoration: underline
}

.map__info,
.map__location span,
.map__title {
    color: #fafafa
}

.list {
    margin: 0;
    padding: 0
}

.list--inline {
    align-items: center;
    display: flex;
    width: 100%
}

@media (max-width:49.99em) {
    .list--inline {
        flex-wrap: wrap
    }
}

.list--inline li {
    flex: 1 1 auto
}

.list--unstyled li>.list--decimal {
    display: inline-block;
    list-style-type: decimal!important;
    list-style-position: inside;
    text-indent: 1.2em
}

.list--unstyled li>.list--decimal>li {
    margin-top: 1em
}

.list--info-page>li {
    overflow: hidden;
    break-inside: avoid-column;
    margin-top: 1em;
    -webkit-column-break-inside: avoid
}

.list--definition dd {
    margin-left: 0
}

.map__outer {
    position: relative
}

.map__figure {
    padding-bottom: 90px
}

.map__info {
    padding-left: 0;
    padding-top: 3em
}
.experience-link p {
	font-size: 16px;
	width: 300px;
}
@media (min-width:50em) {
    .market-leader {
        background-size: initial;
        min-height: 600px
    }
    .map {
        margin-bottom: 15px
    }
    .map__title {
        margin-top: 0;
        text-align: left;
        font-size: 50px
    }
    .map__figure {
        height: 500px;
        padding-bottom: 0;
        position: relative;
        text-align: center
    }
    .map__figure:after {
        display:block;
        content: '';
        position: absolute;
        top: -113px;
        right: -381px;
        z-index: 0;
        background-color: transparent;
        background-image: url(../img/map_new_extended.jpg);
        background-size: 1036px auto;
        background-position: top right;
        background-repeat: no-repeat;
        width: 200%;
        height: 678px;
    }
    .map__info {
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0
    }
}

@media (max-width: 1020px){
	.map__figure:after {
	    top: -102px;
        right: -382px;
        background-size: 998px auto;

	}
}
@media (max-width: 980px){
	.map__figure:after {
		top: -102px;
        right: -382px;
        background-size: 998px auto;

	}
}
@media (max-width: 950px){
	.map__figure:after {
        top: -84px;
        right: -41%;
        background-size: 937px auto;
    }
    .map__marker--italy {
        top: 52.5%;
        right: 24%;
    }
    .map__marker--austria {
        top: 33%;
        right: 24%;
    }
    .map__marker--greece {
        top: 58.5%;
        right: 2%;
    }
}
@media (max-width: 890px){
	.map__figure:after {
		top: -83px;
        right: -362px;
        background-size: 937px auto;
	}
    .map__marker--italy {
        top: 49.5%;
        right: 24%;
    }
    .map__marker--austria {
        top: 33%;
        right: 24%;
    }
    .map__marker--greece {
        top: 58.5%;
        right: 2%;
    }
}
.map__location span a,
.map__location span a:active,
.map__location span a:focus,
.map__location span a:hover,
.map__location span a:link,
.map__location span a:visited,
.map__location span a[x-apple-data-detectors] {
    color: #fafafa!important;
    text-decoration: none
}

.map__location-list {
    margin-left: 0;
    padding-left: 0;
    position: relative;
    text-align: left
}

.map__location.selected {
    display: block
}

.map__marker {
    display: none
}

@media (min-width:50em) {
    .map__location-list {
        padding-left: 0
    }
    .map__marker {
        display: block;
        position: absolute
    }
    .map__marker--belgium {
        top: 22%;
    	right: 39%;
    }
    .map__marker--geroldswil {
        top: 40%;
        right: 34%;
    }
    .map__marker--zuzwil {
        top: 36%;
        right: 31%;
    }
    .map__marker--austria {
        top: 35%;
    	right: 24%;
    }
    .map__marker--italy {
        top: 56.5%;
        right: 24%;
    }
    .map__marker--germany {
        top: 17.5%;
    	right: 27%;
    }
    .map__marker--greece {
        top: 61.5%;
        right: 7%;

    }
    .map__marker--netherlands {
        top: 12.5%;
    	right: 35%;
    }
    .map__marker--france {
        top: 32.5%;
        right: 44%;
    }
    .map__marker svg path {
        fill: #7d7d7c
    }
    .map__marker svg circle {
        fill: #000
    }
    .map__marker--info-icon {
        left: 86px;
        top: 136px
    }
    .map__marker--info-icon svg {
        width: 18px;
        height: 24px
    }
    .map__marker--info-icon svg circle {
        fill: #2db8c5;
        fill-opacity: 1
    }
    .map__marker:hover svg path {
        fill: #fafafa
    }
    .map__marker.selected svg path {
    	fill: #fafafa;
    }
}

.map__marker
{
    z-index: 1;
}

.map__marker.selected svg circle {
    fill: #2db8c5;
    fill-opacity: 1
}

.map #european-map {
    display: none
}

@media (min-width:50em) {
    .map #european-map {
        display: block;
        float: right;
        object-fit: contain;
        object-position: 50% 50%;
        width: 75%
    }
}

.map .link,
.map .link:visited {
    color: #2db8c5
}

.map .link:active,
.map .link:focus,
.map .link:hover {
    color: #fafafa
}

.media-object {
    display: table;
    margin: 0 0 45px
}

.media-object__inner {
    display: table-row
}

.media-object__content {
    display: table-cell;
    padding-left: 15px;
    vertical-align: middle
}

@media (min-width:50em) {
    .media-object {
        margin-bottom: 30px
    }
    .media-object__content {
        padding-left: 60px
    }
    .infonav {
        height: 90px;
        margin-right: -14px;
        margin-top: 1em
    }
}

.media-object__content:first-child {
    padding-left: 0
}

.infonav__item--logo {
    float: left
}

.infonav__item--pages {
    float: right;
    text-align: right
}

.infonav__list-item {
    display: block;
    padding-bottom: 1em;
    position: relative;
    text-align: right;
    padding-right: .6em
}

@media (min-width:50em) {
    .infonav__item--pages {
        padding-top: 12px
    }
    .infonav__list-item {
        display: inline-block;
        padding-right: 22px
    }
    .infonav__list-item--last {
        padding-right: 15px
    }
}

.infonav__list-item:before {
    border-left: 2px solid #000;
    content: '';
    left: 0;
    padding-right: .6em;
    top: -1px
}

@media (min-width:50em) {
    .infonav__list-item:before {
        padding-right: 22px
    }
    .infonav__list-item:first-child:before {
        border: none;
        content: none;
        padding-right: 0
    }
}

.lang--de .infonav__list-item {
    padding-right: 4px
}

.lang--de .infonav__list-item:before {
    padding-right: 8px
}

.infonav__list-item--feature:before {
    border-color: #fafafa
}

.infonav__page-link {
    color: #000;
    text-decoration: none;
    transition: color 150ms ease-in
}

.infonav__page-link.active {
    font-weight: 600;
    text-decoration: none!important
}

.infonav__page-link:link,
.infonav__page-link:visited {
    color: #000
}

.infonav__page-link:active,
.infonav__page-link:focus,
.infonav__page-link:hover {
    color: #009eaa
}

.infonav__page-link--feature {
    color: #fafafa;
    text-decoration: none
}

.infonav__page-link--feature:link,
.infonav__page-link--feature:visited {
    color: #fafafa
}

.infonav__page-link--feature:active,
.infonav__page-link--feature:focus,
.infonav__page-link--feature:hover {
    color: #009eaa
}

.infonav__page-link:after {
    color: transparent;
    content: attr(title);
    display: block;
    font-weight: 600;
    height: 1px;
    overflow: hidden;
    visibility: hidden;
    margin-top: -1px
}
.primarynav__page-link,
.primarynav__page-link:link,
.primarynav__page-link:visited {
    text-transform: uppercase;
}
@media (max-width:49.99em) {
    .infonav {
        margin-bottom: 60px
    }
    .infonav__item--pages {
        margin-bottom: 30px
    }
    .primarynav__item--language,
    .primarynav__page-link--language {
        display: inline-block
    }
    .primarynav {
        padding-top: 80px
    }
    .primarynav__page-link,
    .primarynav__page-link:link,
    .primarynav__page-link:visited {
        color: #fafafa
    }
    .primarynav__page-link:active,
    .primarynav__page-link:focus,
    .primarynav__page-link:hover {
        color: #2db8c5
    }
    .primarynav__page-link.active {
        text-decoration: underline
    }
    .primarynav__list {
        list-style-type: none;
        width: 80%;
        margin: 0 auto;
        padding-left: 0;
        text-align: center
    }
    .primarynav__item {
        line-height: 2.4
    }
    .primarynav__page-link--language:before {
        margin-left: .3em
    }
}

.subnav,
.subnav__nav {
    width: 100%
}

@media (min-width:50em) {
    .primarynav {
        display: table;
        float: right;
        height: 100%
    }
    .primarynav__toggle {
        display: none
    }
    .primarynav__list {
        list-style-type: none;
        margin-top: 14px;
        margin-bottom: auto;
        padding-left: 0
    }
    .lang--de .primarynav__list {
        margin-top: 17px
    }
    .primarynav__item {
        display: inline-block
    }
    .primarynav__page-link {
        display: block;
        padding: 4px 6px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase
    }
    .lang--de .primarynav__page-link {
        padding: 4px 3px
    }
    .primarynav__page-link.active {
        font-weight: 600;
        text-decoration: none!important
    }
    .primarynav__page-link:after {
        color: transparent;
        content: attr(title);
        display: block;
        font-weight: 600;
        height: 1px;
        overflow: hidden;
        visibility: hidden;
        margin-top: -1px
    }
    .primarynav__page-link--feature {
        color: #f5f5f5;
        text-decoration: none
    }
    .primarynav__page-link--feature:link,
    .primarynav__page-link--feature:visited {
        color: #f5f5f5
    }
    .primarynav__page-link--feature:active,
    .primarynav__page-link--feature:focus,
    .primarynav__page-link--feature:hover {
        color: #1f7e87
    }
}

.primarynav__page-link--language {
    padding-left: 0;
    padding-right: .15em
}

.primarynav__page-link--language:before {
    content: '/';
    display: inline-block;
    margin-right: .35em
}

.primarynav__page-link--language-1 {
    padding-right: 0
}

.primarynav__page-link--language-1:before {
    content: '';
    display: none
}

.subnav {
    background-color: #000;
    display: block;
    height: 88px;
    left: 0;
    margin-top: 1px;
    position: absolute;
    top: 0;
    -webkit-transition: all 1s cubic-bezier(.645, .045, .355, 1), background 1s ease-out;
    transition: all 1s cubic-bezier(.645, .045, .355, 1), background 1s ease-out
}

@media (max-width:49.99em) {
    .subnav {
        overflow: hidden;
        position: absolute;
        top: 56px;
        width: 100%;
        z-index: 3;
        height: 87px
    }
    .CriOS .subnav,
    .iOS8 .subnav,
    .no-positionfixed .subnav {
        top: 0
    }
    .subnav .subnav__link-contact-link {
        font-size: 12px!important
    }
}

@media (min-width:50em) {
    .subnav {
        position: fixed;
        top: 55px;
        z-index: 1000
    }
}

.lang--de .subnav {
    height: 87px
}

.subnav__toggle {
    display: none
}

@media (max-width:49.99em) {
    .subnav__toggle {
        display: block;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.subnav.menu-opened {
    bottom: 0;
    position: fixed;
    background-color: #000;
    height: 100%;
    top: 0;
    transition: all .3s ease-in, background .5s ease-in;
    z-index: 4
}

.subnav.menu-opened .subnav__toggle {
    top: 90%
}

.subnav::-webkit-scrollbar {
    display: none
}

.subnav__inner {
    height: 84px;
    padding-bottom: 16px;
    padding-top: 16px
}

@media (min-width:50em) {
    .subnav__inner {
        height: 90px;
        position: relative
    }
    .subnav__nav {
        padding-top: 8px;
        position: relative
    }
}

.lang--de .subnav__inner {
    height: 92px
}

.lang--de .subnav__nav {
    margin-top: 5px
}

.subnav__title {
    padding-right: 24px
}

@media (max-width:37.49em) {
    .subnav__title {
        font-size: 13px!important
    }
}

@media (max-width:49.99em) {
    .subnav__nav {
        display: block
    }
    .subnav__title {
        float: left;
        padding-top: 8px
    }
}

@media (min-width:50em) {
    .subnav__title {
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        padding: 10px 24px 7px 0
    }
}

.subnav .menu-icon {
    display: none
}

.subnav__list {
    display: inline-block;
    list-style-type: none;
    margin: 80px auto 0;
    padding-left: 0;
    text-align: center
}

.subnav__list-item,
.subnav__page-link {
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.subnav__link-contact {
    position: absolute;
    right: 28px;
    top: 28px
}

.subnav__page-link {
    color: #4d4d4d;
    padding-bottom: 7px;
    padding-right: 14px;
    padding-top: 10px;
    text-decoration: none;
    text-transform: uppercase
}

@media (min-width:50em) {
    .subnav__list {
        margin: 0 auto
    }
    .subnav__list-item,
    .subnav__page-link {
        display: inline-block
    }
    .subnav__page-link {
        padding-left: 24px;
        padding-right: 24px
    }
}

.subnav__page-link:after {
    color: transparent;
    content: attr(title);
    display: block;
    font-weight: 600;
    height: 1px;
    margin-top: -1px;
    overflow: hidden;
    visibility: hidden
}

.subnav__page-link--feature {
    color: #8a8a8a;
    text-decoration: none
}

.subnav__page-link--feature:visited {
    color: #8a8a8a
}

.subnav__page-link--feature:focus,
.subnav__page-link--feature:hover {
    color: #1f7e87
}

.subnav__page-link.active {
    color: #fafafa;
    font-weight: 600;
    text-decoration: none!important
}

.subnav__link-contact-link {
    text-decoration: none;
    min-width: 100px;
    padding: 4px
}

@media (min-width:37.5em) and (max-width:49.99em) {
    .subnav__link-contact-link {
        min-width: 130px
    }
}

.subnav__link-contact-link:link,
.subnav__link-contact-link:visited {
    color: #009eaa
}

.subnav__link-contact-link:active,
.subnav__link-contact-link:focus,
.subnav__link-contact-link:hover {
    background-color: #009eaa;
    border-color: #009eaa;
    color: #fafafa
}

.subnav .break-mobile {
    display: block
}

@media (min-width:66.875em) {
    .subnav .break-mobile {
        display: inline
    }
}

.subnav .break-tablet {
    display: block
}

@media (min-width:37.5em) {
    .subnav .break-tablet {
        display: inline
    }
}

.lang--de .subnav .break-tablet {
    display: block
}

.nav-up .subnav {
    -webkit-transform: translate(0, -56px);
    transform: translate(0, -56px)
}

.features {
    width: 90%;
    margin: 60px auto
}

@media (min-width:37.5em) {
    .features {
        width: 86%
    }
}

@media (min-width:50em) {
    .subnav__link-contact-link {
        min-width: 120px;
        padding: 9px 15px 7px
    }
    .lang--de .subnav .break-tablet {
        display: inline
    }
    .features {
        margin-top: 60px;
        width: 100%
    }
}

.page__heading--avansee-preload1p-control h1,
.page__heading--avansee-preload1p-convenience {
    margin: 0 auto;
    text-align: center
}

@media (min-width:37.5em) {
    .page__heading--avansee-preload1p-control h1 {
        width: 75%
    }
    .page__heading--avansee-preload1p-convenience {
        width: 80%
    }
}

@media (min-width:50em) {
    .page__heading--avansee-preload1p-convenience {
        float: left;
        margin-top: 190px;
        opacity: .99;
        text-align: left;
        width: 43%;
        z-index: 2
    }
}

.page__heading--avansee-preload1p-confidence {
    margin-left: auto;
    margin-right: auto;
    opacity: .99;
    text-align: center;
    z-index: 2
}

@media (min-width:37.5em) {
    .page__heading--avansee-preload1p-confidence {
        width: 60%
    }
}

@media (max-width:49.99em) {
    .lang--de .subnav__link-contact-link {
        min-width: 120px
    }
    .hero {
        padding-top: 120px
    }
}

.hero--avansee-preload1p-control {
    display: table;
    overflow-x: hidden;
    table-layout: fixed
}

@media (min-width:50em) {
    .page__heading--avansee-preload1p-confidence {
        float: left;
        margin-top: 0px;
        text-align: left;
        width: 45%
    }
    .hero--avansee-preload1p-control {
        margin-top: 100px;
        padding-top: 0px;
        padding-bottom: 100px;
        width: 100%;
    }
    .hero--avansee-preload1p-convenience {
        display: block
    }
}

.hero--avansee-preload1p-control h1 {
    line-height: .9
}

.hero--avansee-preload1p-control img {
    max-width: 90%
}

@media (max-width:49.99em) {
    .hero--avansee-preload1p-control img {
        margin-top: 60px
    }
}

@media (min-width:50em) {
    .hero--avansee-preload1p-confidence {
        margin-top: 90px
    }
}

.featured-image__figure--avansee-preload1p-control {
    margin-top: 0
}

.featured-image__figure--avansee-preload1p-convenience {
    display: none;
    position: absolute;
    right: 0;
    top: -64px;
    z-index: -1
}
.featured-image__figure--avansee-preload1p-convenience.margin-top {
    top: 100px;
}

@media (min-width:50em) {
    .featured-image__figure--avansee-preload1p-control {
        margin-top: -30px
    }
    .featured-image__figure--avansee-preload1p-control img {
        max-width: 1128px
    }
    .featured-image__figure--avansee-preload1p-convenience {
        display: block
    }
}

.featured-image__figure--avansee-preload1p-convenience img {
    max-width: 859px
}

.featured-image__figure--avansee-preload1p-confidence {
    display: none
}

@media (min-width:50em) {
    .featured-image__figure--avansee-preload1p-confidence {
        display: block;
        position: absolute;
        right: 0;
        top: 80px;
        z-index: 0
    }
    .featured-image__figure--avansee-preload1p-confidence img {
        max-width: 789px
    }
}

.featured-image__figure--faq {
    display: none
}

@media (min-width:50em) {
    .featured-image__figure--faq {
        display: block;
        position: absolute;
        left: 9%;
        top: -130px
    }
    .featured-image__figure--faq img {
        width: 50%
    }
}

@media (min-width:66.875em) {
    .featured-image__figure--faq img {
        width: 90%
    }
}

@media (min-width:50em) {
    .unfolding {
        display: table;
        margin-bottom: 120px;
        margin-top: 120px;
        width: 100%
    }
    .unfolding__inner {
        display: table-row;
        vertical-align: middle
    }
}

@media (max-width:49.99em) {
    .unfolding__header {
        margin-top: 60px;
        width: 100%
    }
}

.unfolding__header h2 {
    margin-top: 0;
    width: 80%
}

.unfolding p {
    margin-bottom: 0
}

.unfolding .module {
    padding-left: 30px;
    padding-right: 30px
}

@media (max-width:49.99em) {
    .unfolding .module {
        display: table-header-group;
        padding-top: 30px;
        padding-bottom: 30px
    }
    .unfolding .module p {
        margin-bottom: 60px
    }
}

@media (min-width:50em) {
    .unfolding .module {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        padding: 0 30px
    }
    .user-friendly {
        margin-top: 146px
    }
}

@media (max-width:49.99em) {
    .unfolding .module:first-child {
        display: table-footer-group;
        padding-left: 0;
        padding-top: 60px;
        padding-bottom: 90px
    }
}

.user-friendly {
    position: relative
}

.user-friendly .module {
    padding-left: 4px;
    padding-right: 15px
}

.user-friendly__figure {
    background-color: transparent;
    background-image: url(../img/featured_images/avansee-preload1p/avansee-preload1p-convenience-injector-unit.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 1480px;
    left: 0;
    position: absolute;
    top: 0;
    width: 288px;
    z-index: -1
}

.user-friendly__heading {
    margin-bottom: 120px!important
}

@media (max-width:49.99em) {
    .user-friendly__figure {
        left: -168px
    }
    .user-friendly__heading {
        width: 80%
    }
}

@media (min-width:50em) {
    .user-friendly .module {
        padding-right: 30px
    }
    .user-friendly__info {
        margin-top: 170px
    }
}

.user-friendly .media-object {
    border-top: 1px solid #4d4d4d;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: left;
    width: 100%;
    margin: 0
}

.user-friendly .media-object__content:first-child {
    width: 90px
}

.user-friendly .media-object+.media-object {
    border-bottom: 1px solid #4d4d4d
}

.user-friendly__text {
    margin-top: 120px
}

.simple-preparation {
    margin-top: 60px;
    z-index: 2
}

@media (min-width:37.5em) and (max-width:49.99em) {
    .simple-preparation {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width:50em) {
    .simple-preparation {
        margin-top: 120px
    }
    .simple-preparation__header {
        width: 55%
    }
}

@media (max-width:49.99em) {
    .simple-preparation__grid {
        margin: 0 auto
    }
}

.simple-preparation__header {
    margin-bottom: 90px
}

.simple-preparation .module {
    padding: 0
}

.simple-preparation .media-object {
    width: 100%
}

.simple-preparation .media-object__content {
    display: table-cell;
    padding-left: 15px;
    vertical-align: top
}

.simple-preparation .media-object__content:first-child {
    padding-left: 0
}

@media (max-width:49.99em) {
    .simple-preparation .media-object__content {
        width: 74%;
        vertical-align: middle
    }
    .simple-preparation .media-object__content:first-child {
        width: 8%
    }
}

.simple-preparation a {
    color: #fafafa;
    text-decoration: underline
}

.simple-preparation a:link,
.simple-preparation a:visited {
    color: #fafafa
}

.simple-preparation a:active,
.simple-preparation a:focus,
.simple-preparation a:hover {
    border-color: #009eaa;
    color: #009eaa
}

.convenience-video {
    margin-bottom: 30px;
    margin-top: 60px
}

.convenience-video__video {
    height: auto;
    max-width: 100%;
    width: 100%
}
.blackseparator {
	margin: 0px 0px 100px 0px;
}
@media (min-width:50em) {
    .convenience-video {
        margin-bottom: 90px;
        margin-top: 30px
    }
    .quality-in-mind {
        margin-top: 180px;
        opacity: .99;
        z-index: 3
    }
}

@media (max-width:49.99em) {
    .glistenings .module img {
        display: block;
        margin: 0 auto
    }
}

.glistenings .module__text {
    font-size: 90%;
    margin: 0 auto 30px;
    width: 96%;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:50em) {
    .glistenings .module__text span {
        float: right
    }
    .glistenings .module__text span:nth-of-type(1) {
        float: left
    }
    .glistenings .module__text {
        font-size: .9em
    }
}

@media (min-width:66.875em) {
    .glistenings .module__text {
        font-size: 1.3em
    }
}

@media (max-width:49.99em) {
    .glistenings .module__text {
        display: block;
        margin-bottom: 30px;
        margin-top: 15px;
        text-align: center
    }
    .glistenings .module__text span:nth-of-type(1) {
        margin-right: 1em
    }
    .low-pco-rate {
        margin-top: 60px
    }
    .low-pco-rate__illustrations .module__text {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        padding-left: 0;
        text-align: center;
        width: 100%
    }
}

.low-pco-rate .border {
    border: 2px solid #2db8c5
}

.low-pco-rate .border.border-blue {
    border: 2px solid #3F62AC
}

.low-pco-rate__intro {
    margin-bottom: 60px
}

.low-pco-rate__illustrations .module {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.low-pco-rate__illustrations .module__text {
    font-size: .9em
}

@media (min-width:50em) {
    .low-pco-rate__illustrations .module {
        padding-right: 15px
    }
    .low-pco-rate__illustrations .module__text {
        font-size: 1.3em
    }
}

.low-pco-rate__illustrations .module__icon {
    display: block;
    padding-left: 0;
    padding-right: 0
}

.low-asphericity {
    margin-bottom: 90px;
    margin-top: 60px
}

.low-asphericity .dop,
.low-asphericity .grid,
.low-asphericity p {
    margin-bottom: 0
}

.low-asphericity .module {
    padding: 0
}

.low-asphericity__image {
    float: left;
    width: 304px
}

.proven-long-term-safety {
    margin-top: 90px
}

@media (min-width:50em) {
    .proven-long-term-safety {
        display: table;
        margin-bottom: 120px;
        margin-top: 60px;
        width: 100%
    }
    .proven-long-term-safety__inner {
        display: table-row;
        vertical-align: middle
    }
}

.proven-long-term-safety__header h2 {
    margin-top: 0;
    padding-right: 30px
}

.proven-long-term-safety p {
    margin-bottom: 0
}

.proven-long-term-safety .module {
    display: block;
    position: relative;
    padding: 0
}

@media (min-width:50em) {
    .proven-long-term-safety .module {
        display: table-cell;
        vertical-align: middle;
        width: 50%
    }
}

.layout--product .module {
    opacity: .99;
    padding: 0;
    z-index: 2
}

.layout--product .module__heading {
    margin-top: 0
}

.video--product {
    margin-top: 90px
}

@media (max-width:49.99em) {
    .low-pco-rate__illustrations .module__icon img,
    .low-pco-rate__illustrations-inner {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
    .product__image {
        overflow: hidden
    }
    .product__image>img {
        left: auto;
        margin-left: auto;
        right: -68px;
        width: 78%;
        height: auto
    }
    #stage {
        overflow: hidden
    }
}

@media (min-width:50em) {
    .product__image {
        left: -50%;
        margin-left: 50%;
        position: absolute;
        z-index: 0
    }
    .product__image>img {
        height: auto;
        margin: 0 auto;
        width: auto
    }
    .preset-control-by-design {
        margin-top: -150px
    }
}

.preset-fully-preloaded .module {
    width: 90%
}

@media (min-width:50em) {
    .preset-precision-ensures-results,
    .preset-proven-long-term-safety {
        margin-top: -150px
    }
    .preset-proven-long-term-safety .module {
        margin-top: -90px
    }
    .avansee-preset-video {
        margin-top: 120px
    }
}

.publications__figure {
    max-width: 480px
}

.publications__heading {
    margin-bottom: 0!important;
    margin-top: 0
}

.publications__body {
    padding-left: 50px;
    padding-top: 0
}

.publications__text {
    width: 476px;
    width: calc(100%*(5/6))
}

.publications__text p {
    margin-top: 0
}

.publications__item {
    padding-bottom: 90px;
    padding-top: 90px
}

.publications__item:nth-child(odd) {
    background-color: #f6f8fa
}

.publications__item:nth-child(even) {
    background-color: #fafafa
}

#stage {
    border-right: none;
    border-left: none;
    height: auto;
    position: relative
}

.no-video .video-container video,
.touch .video-container video {
    display: none
}

.no-video .video-container .poster,
.touch .video-container .poster {
    display: block!important
}

.video-container {
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}

.video-container .poster img {
    position: absolute;
    top: 0;
    width: 100%
}

.video-container__titles {
    position: absolute;
    text-align: left;
    z-index: 2;
    top: 150px;
}

@media (max-width:49.99em) {
    .video-container {
        width: 100%;
        max-width: 100%;
        height: auto
    }
    .video-container__titles {
        position: static;
        height: 475px;
        margin-top: 20px
    }
}

@media (min-width:37.5em) and (max-width:49.99em) {
    .simple-preparation .media-object__content {
        vertical-align: middle
    }
    .video-container__titles {
        width: 60%
    }
}

@media (min-width:50em) and (max-width:63.75em) {
    .video-container__titles {
        left: 8.333%;
        width: 38%
    }
}

@media (min-width:63.8125em) {
    .video-container__titles {
        width: 38%
    }
}

.video-container__titles h1,
.video-container__titles p {
    margin-top: 0;
    margin-bottom: .0675em
}

.video-container__titles h1 {
    line-height: .9!important
}

@media (max-width:49.99em) {
    .video-container__titles h1 {
        margin-bottom: 15px
    }
}

.video-container__titles a {
    margin-top: 30px
}

.video-container .description .inner {
    font-size: 1em;
    margin: 0 auto;
    width: 45%
}

.video-container img,
.video-container video {
    position: relative;
    min-height: 100%;
    width: auto;
    z-index: -1000;
    overflow: hidden;
    right: 0
}

.video__img-fallback {
    top: 90px
}

.video-container img {
    top: 0
}

.video-container video {
    height: auto;
    margin: -150px 0 0 auto;
    display: block;
}

@media (min-width:50em) and (max-width:63.75em) {
    .video-container video {
        top: -17%
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .video-container section:nth-of-type(3) {
        padding-right: 2em
    }
}

.image-container {
    max-width: 100%;
    position: relative;
    top: -30px;
    width: 98%;
    z-index: -1
}
@media (max-width: 1023px) {
    .video-container {
        left: 0%;
        position: relative;
        top: 0;
        width: 100%
    }
    .bg_home {
        display: none;
    }
    .video-container img, .video-container video {
        position: relative;
        max-width: 100%;
        min-height: auto;
        width: auto;
        z-index: -1000;
        overflow: hidden;
        right: 0;
    }
}
@media (min-width:37.5em) and (max-width:49.99em) {
    .image-container {
        top: -280px
    }
}

.image-container img {
    position: absolute;
    height: auto;
    z-index: 0
}

.collapsing,
.plyr {
    position: relative
}

.video-container .fillWidth {
    width: 100%
}

@keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.js .js-feature-header {
    display: none
}

.js .js-feature-header.current {
    display: block;
    animation: fadein .4s
}

.js #images img {
    display: none
}

.js #images img.current {
    display: block;
    animation: fadein .4s
}

.video--inline {
    max-width: 100%;
    object-fit: cover;
    width: 100%
}

.plyr--ready {
    opacity: 1;
    transition: opacity .3s ease-out
}

.fade,
.plyr--ready.animate {
    opacity: 0
}

.fade {
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

.collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

@keyframes plyr-progress {
    to {
        background-position: 25px 0
    }
}

.plyr {
    max-width: 100%;
    min-width: 200px;
    font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
    direction: ltr
}

.plyr,
.plyr *,
.plyr::after,
.plyr::before {
    box-sizing: border-box
}

.plyr audio,
.plyr video {
    width: 100%;
    height: auto;
    vertical-align: middle;
    border-radius: inherit
}

.plyr input[type=range] {
    display: block;
    height: 20px;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    appearance: none;
    cursor: pointer;
    border: none;
    background: 0 0
}

.plyr input[type=range]::-webkit-slider-runnable-track {
    height: 8px;
    background: 0 0;
    border: 0;
    border-radius: 4px;
    user-select: none
}

.plyr input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-top: -4px;
    position: relative;
    height: 16px;
    width: 16px;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 100%;
    transition: background .2s ease, border .2s ease, transform .2s ease;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .15);
    box-sizing: border-box
}

.plyr input[type=range]::-moz-range-track {
    height: 8px;
    background: 0 0;
    border: 0;
    border-radius: 4px;
    user-select: none
}

.plyr input[type=range]::-moz-range-thumb {
    position: relative;
    height: 16px;
    width: 16px;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 100%;
    transition: background .2s ease, border .2s ease, transform .2s ease;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .15);
    box-sizing: border-box
}

.plyr input[type=range]::-ms-track {
    height: 8px;
    background: 0 0;
    border: 0;
    color: transparent
}

.plyr input[type=range]::-ms-fill-upper {
    height: 8px;
    background: 0 0;
    border: 0;
    border-radius: 4px;
    user-select: none
}

.plyr input[type=range]::-ms-fill-lower {
    height: 8px;
    border: 0;
    border-radius: 4px;
    user-select: none;
    background: #3498db
}

.plyr input[type=range]::-ms-thumb {
    position: relative;
    height: 16px;
    width: 16px;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 100%;
    transition: background .2s ease, border .2s ease, transform .2s ease;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .15);
    box-sizing: border-box;
    margin-top: 0
}

.plyr input[type=range]::-ms-tooltip {
    display: none
}

.plyr input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr input[type=range].tab-focus:focus {
    outline-offset: 3px
}

.plyr input[type=range]:active::-webkit-slider-thumb {
    background: #3498db;
    border-color: #fff;
    transform: scale(1.25)
}

.plyr input[type=range]:active::-moz-range-thumb {
    background: #3498db;
    border-color: #fff;
    transform: scale(1.25)
}

.plyr input[type=range]:active::-ms-thumb {
    background: #3498db;
    border-color: #fff;
    transform: scale(1.25)
}

.plyr--video input[type=range].tab-focus:focus {
    outline: rgba(255, 255, 255, .5) dotted 1px
}

.plyr--audio input[type=range].tab-focus:focus {
    outline: rgba(86, 93, 100, .5) dotted 1px
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute!important;
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important
}

.plyr__video-wrapper {
    position: relative;
    background: #000;
    border-radius: inherit
}

.plyr__video-embed {
    padding-bottom: 56.25%;
    height: 0;
    border-radius: inherit;
    overflow: hidden;
    z-index: 0
}

.plyr__video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    user-select: none
}

.plyr__video-embed>div {
    position: relative;
    padding-bottom: 200%;
    transform: translateY(-35.95%)
}

.plyr video::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    transform: translateY(-60px);
    transition: transform .3s ease;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: 400
}

.plyr__captions span {
    border-radius: 2px;
    padding: 3px 10px;
    background: rgba(0, 0, 0, .7);
    box-decoration-break: clone;
    line-height: 150%
}

.plyr__captions span:empty {
    display: none
}

@media (min-width:768px) {
    .plyr__captions {
        font-size: 24px
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr--hide-controls .plyr__captions {
    transform: translateY(-20px)
}

@media (min-width:1024px) {
    .plyr--fullscreen-active .plyr__captions {
        font-size: 32px
    }
}

.plyr::-webkit-media-controls {
    display: none
}

.plyr__controls {
    display: flex;
    align-items: center;
    line-height: 1;
    text-align: center
}

.plyr__controls .plyr__progress,
.plyr__controls .plyr__time,
.plyr__controls>button {
    margin-left: 5px
}

.plyr__controls .plyr__progress:first-child,
.plyr__controls .plyr__time:first-child,
.plyr__controls>button:first-child {
    margin-left: 0
}

.plyr__controls .plyr__volume {
    margin-left: 5px
}

.plyr__controls [data-plyr=pause] {
    margin-left: 0
}

.plyr__controls button {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    overflow: visible;
    vertical-align: middle;
    padding: 7px;
    border: 0;
    background: 0 0;
    border-radius: 3px;
    cursor: pointer;
    transition: background .3s ease, color .3s ease, opacity .3s ease;
    color: inherit
}

.plyr__controls button svg {
    width: 18px;
    height: 18px;
    display: block;
    fill: currentColor
}

.no-flexbox .plyr__controls,
.plyr__controls .icon--captions-on,
.plyr__controls .icon--exit-fullscreen,
.plyr__controls .icon--muted {
    display: none
}

.plyr__controls button:focus {
    outline: 0
}

@media (min-width:480px) {
    .plyr__controls .plyr__progress,
    .plyr__controls .plyr__time,
    .plyr__controls>button {
        margin-left: 10px
    }
}

.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none
}

.plyr--video .plyr__controls {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 50px 10px 10px;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    color: #fff;
    transition: opacity .3s ease
}

.plyr--video .plyr__controls button.tab-focus:focus,
.plyr--video .plyr__controls button:hover {
    background: #3498db;
    color: #fff
}

.plyr--audio .plyr__controls {
    padding: 10px;
    border-radius: inherit;
    background: #fff;
    border: 1px solid #dbe3e8;
    color: #565D64
}

.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio .plyr__controls button:hover {
    background: #3498db;
    color: #fff
}

.plyr__play-large {
    display: none;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    transition: all .3s ease
}

.plyr__play-large svg {
    position: relative;
    left: 2px;
    width: 160px;
    height: 54px;
    display: block;
    fill: currentColor
}

.plyr__play-large:focus {
    outline: rgba(255, 255, 255, .5) dotted 1px
}

.plyr .plyr__play-large {
    display: inline-block
}

.plyr--audio .plyr__play-large,
.plyr--playing .plyr__controls [data-plyr=play],
.plyr__controls [data-plyr=pause] {
    display: none
}

.plyr--playing .plyr__play-large {
    opacity: 0;
    visibility: hidden
}

.plyr--playing .plyr__controls [data-plyr=pause] {
    display: inline-block
}

.plyr--captions-active .plyr__controls .icon--captions-on,
.plyr--fullscreen-active .icon--exit-fullscreen,
.plyr--muted .plyr__controls .icon--muted {
    display: block
}
.plyr--muted .plyr__controls .icon--volume {
    display: none;
}

.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr--captions-active .plyr__controls .icon--captions-on+svg,
.plyr--fullscreen-active .icon--exit-fullscreen+svg,
.plyr--muted .plyr__controls .icon--muted+svg {
    display: none
}

.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen] {
    display: inline-block
}

.plyr__tooltip {
    position: absolute;
    z-index: 2;
    bottom: 100%;
    margin-bottom: 10px;
    padding: 5px 7.5px;
    opacity: 0;
    background: rgba(0, 0, 0, .7);
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    transform: translate(-50%, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s ease, opacity .2s .1s ease
}

.plyr__tooltip::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: -4px;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(0, 0, 0, .7);
    border-left: 4px solid transparent;
    z-index: 2
}

.plyr button.tab-focus:focus .plyr__tooltip,
.plyr button:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%, 0) scale(1)
}

.plyr button:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls button:first-child .plyr__tooltip {
    left: 0;
    transform: translate(0, 10px) scale(.8);
    transform-origin: 0 100%
}

.plyr__controls button:first-child .plyr__tooltip::before {
    left: 16px
}

.plyr__controls button:last-child .plyr__tooltip {
    right: 0;
    transform: translate(0, 10px) scale(.8);
    transform-origin: 100% 100%
}

.plyr__controls button:last-child .plyr__tooltip::before {
    left: auto;
    right: 16px;
    transform: translateX(50%)
}

.plyr__controls button:first-child .plyr__tooltip--visible,
.plyr__controls button:first-child.tab-focus:focus .plyr__tooltip,
.plyr__controls button:first-child:hover .plyr__tooltip,
.plyr__controls button:last-child .plyr__tooltip--visible,
.plyr__controls button:last-child.tab-focus:focus .plyr__tooltip,
.plyr__controls button:last-child:hover .plyr__tooltip {
    transform: translate(0, 0) scale(1)
}

.plyr__progress {
    display: none;
    position: relative;
    flex: 1
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress input[type=range]::-webkit-slider-runnable-track {
    background: 0 0
}

.plyr__progress input[type=range]::-moz-range-track {
    background: 0 0
}

.plyr__progress input[type=range]::-ms-fill-upper {
    background: 0 0
}

.plyr__progress .plyr__tooltip {
    left: 0
}

.plyr .plyr__progress {
    display: inline-block
}

.plyr__progress--buffer,
.plyr__progress--played,
.plyr__volume--display {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 8px;
    margin: -4px 0 0;
    padding: 0;
    vertical-align: top;
    appearance: none;
    border: none;
    border-radius: 100px
}

.plyr__progress--buffer::-webkit-progress-bar,
.plyr__progress--played::-webkit-progress-bar,
.plyr__volume--display::-webkit-progress-bar {
    background: 0 0
}

.plyr__progress--buffer::-webkit-progress-value,
.plyr__progress--played::-webkit-progress-value,
.plyr__volume--display::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 8px
}

.plyr__progress--buffer::-moz-progress-bar,
.plyr__progress--played::-moz-progress-bar,
.plyr__volume--display::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 8px
}

.plyr__progress--buffer::-ms-fill,
.plyr__progress--played::-ms-fill,
.plyr__volume--display::-ms-fill {
    border-radius: 100px
}

.plyr__progress--played,
.plyr__volume--display {
    z-index: 1;
    color: #3498db;
    background: 0 0;
    transition: none
}

.plyr__progress--played::-webkit-progress-value,
.plyr__volume--display::-webkit-progress-value {
    min-width: 8px;
    max-width: 99%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transition: none
}

.plyr__progress--played::-moz-progress-bar,
.plyr__volume--display::-moz-progress-bar {
    min-width: 8px;
    max-width: 99%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transition: none
}

.plyr__progress--played::-ms-fill,
.plyr__volume--display::-ms-fill {
    display: none
}

.plyr__progress--buffer::-webkit-progress-value {
    transition: width .2s ease
}

.plyr__progress--buffer::-moz-progress-bar {
    transition: width .2s ease
}

.plyr__progress--buffer::-ms-fill {
    transition: width .2s ease
}

.plyr--video .plyr__progress--buffer,
.plyr--video .plyr__volume--display {
    background: rgba(255, 255, 255, .25)
}

.plyr--video .plyr__progress--buffer {
    color: rgba(255, 255, 255, .25)
}

.plyr--audio .plyr__progress--buffer,
.plyr--audio .plyr__volume--display {
    background: rgba(198, 214, 219, .67)
}

.plyr--audio .plyr__progress--buffer {
    color: rgba(198, 214, 219, .67)
}

.plyr--loading .plyr__progress--buffer {
    animation: plyr-progress 1s linear infinite;
    background-size: 25px 25px;
    background-repeat: repeat-x;
    background-image: linear-gradient(-45deg, rgba(0, 0, 0, .15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .15) 75%, transparent 75%, transparent);
    color: transparent
}

.plyr--video.plyr--loading .plyr__progress--buffer {
    background-color: rgba(255, 255, 255, .25)
}

.plyr--audio.plyr--loading .plyr__progress--buffer {
    background-color: rgba(198, 214, 219, .67)
}

.plyr__time {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.plyr__time+.plyr__time {
    display: none
}

@media (min-width:768px) {
    .plyr__time+.plyr__time {
        display: inline-block
    }
}

.plyr__time+.plyr__time::before {
    content: '\2044';
    margin-right: 10px
}

.plyr__volume {
    display: none
}

.plyr .plyr__volume {
    flex: 1;
    position: relative
}

.plyr .plyr__volume input[type=range] {
    position: relative;
    z-index: 2
}

@media (min-width:480px) {
    .plyr .plyr__volume {
        display: block;
        max-width: 60px
    }
}

@media (min-width:768px) {
    .plyr .plyr__volume {
        max-width: 100px
    }
}

.plyr--is-ios .plyr__volume,
.plyr--is-ios [data-plyr=mute] {
    display: none!important
}

.plyr--fullscreen-active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 10000000;
    background: #000;
    border-radius: 0!important
}

.plyr--fullscreen-active video {
    height: 100%
}

.plyr--fullscreen-active .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr--fullscreen-active .plyr__video-embed {
    overflow: visible
}

.plyr--fullscreen-active .plyr__controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%)
}
* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
} 
.window {
	overflow-x: hidden;
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
}
.newhead {
	display: block;
	width: 100%;
}
.bg_home {
	position: absolute;
    top: 30px;
    left: 0;
    width: 270px;
    height: 200px;
    z-index: 0;
    background-image: url(../img/smalleye.png);
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;	
}
.bg_faq {
	position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 545px;
    z-index: 0;
    background-image: url(../img/faqbg.jpg);
    background-size: auto 100%;
    background-position: bottom left;
    background-repeat: no-repeat;
}
.bg_toric {
	background-image: url('../img/bg_toric.jpg');
	background-size: 100% auto;
	background-position: top center;
	background-repeat: no-repeat;
}
.bg_preset {
	background-image: url('../img/bg_preset.jpg');
	background-size: 100% auto;
	background-position: top center;
	background-repeat: no-repeat;
}
.bg_preload {
	background-image: url('../img/bg_preload.jpg');
	background-size: 100% auto;
	background-position: top center;
	background-repeat: no-repeat;	
}
.bg_kowain {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 753px;
    z-index: -1;
    background-image: url(../img/kowabg.jpg);
    background-size: auto 100%;
    background-position: bottom left;
    background-repeat: no-repeat;
}
@media (max-width: 1400px) {
    .bg_kowain {
        background-position: bottom right;
    }
}
.japanbg {
	position: relative;
	min-height: 750px;
}
.japanbg:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 118px;
    left: -133px;
    width: 728px;
    height: 811px;
    background-image: url(../img/japanbg.png);
    background-size: 728px 811px;
}
.black_bg {
	background-color: black;
}
.whitecolor {
	color: white;
}
.featured-image__figure--avansee-preload1p-toric-control {
	display: block;
    position: absolute;
    right: -57px;
    top: 335px;
    z-index: 0;
}
@media (max-width: 1100px) {
    .bg_faq {
            background-position: bottom right;
    }
}
@media (max-width: 1009px) {
    .featured-image__figure--avansee-preload1p-toric-control {
        top: 408px;
    }
}
@media (max-width: 800px) {
    .featured-image__figure--avansee-preload1p-toric-control {
        top: 250px !important;
    }
}
@media (max-width: 450px) {
    .featured-image__figure--avansee-preload1p-toric-control {
        top: 260px !important;
    }
}
.featured-image__figure--avansee-preload1p-toric-control img {
	max-width: 95%;
}
.featured-image__figure--avansee-preset-control {
	display: block;
    position: absolute;
    left: -57px;
    top: 40px;
    z-index: 0;
}
.featured-image__figure--avansee-preset-control img {
	max-width: 95%;
}
.wrapper-toric-control {
	margin-top: 400px;
}
.get-the-experience-purple a {
	border-color: #9B3E90;
	color: white !important;
}
.get-the-experience-purple a:visited {
	color: #9B3E90;
}
.get-the-experience-purple a:hover {
	border-color: #9B3E90;
	background-color: #9B3E90;
	color: white;
}
.switch-readmore-purple:hover {
	border-color: #9B3E90;
	color: #9B3E90;
}
.switch-readmore-purple:hover:before {
	background-color: #9B3E90;
}
.hero-purple {
	width: 100%;
}
.get-the-experience-green a {
	border-color: #009eaa;
	color: white !important;
}
.get-the-experience-green a:visited {
	color: #009eaa;
}
.get-the-experience-green a:hover {
	border-color: #009eaa;
	background-color: #009eaa;
	color: white;
}
.switch-readmore-green:hover {
	border-color: #009eaa;
	color: #009eaa;
}
.switch-readmore-green:hover:before {
	background-color: #009eaa;
}

.get-the-experience-blue a {
	border-color: #3F62AC;
	color: white !important;
}
.get-the-experience-blue a:visited {
	color: #3F62AC;
}
.get-the-experience-blue a:hover {
	border-color: #3F62AC;
	background-color: #3F62AC;
	color: white;
}
.switch-readmore-blue:hover {
	border-color: #3F62AC;
	color: #3F62AC;
}
.switch-readmore-blue:hover:before {
	background-color: #3F62AC;
}
.blue-color {
    color: #3F62AC;
}
.hero-green {
	width: 100%;
}
.user-friendly__figure_toric {
	background-color: transparent;
    background-image: url(../img/A3780-HLM_Kowa_Avansee-Toric0384-0444_V2.1_WEB.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 1480px;
    left: 0;
    position: absolute;
    top: 0;
    width: 288px;
    z-index: -1;
}
.user-friendly__figure_preset {
	background-color: transparent;
    background-image: url(../img/A3780-HLM_Kowa_Avansee-Toric0384-0444_V2.1_WEB2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 1480px;
    left: 0;
    position: absolute;
    top: 0;
    width: 288px;
    z-index: -1;
}
.numbers-icon {
	width: 68px;
}
.subnav_purple:hover {
	color: #9B3E90;
}
.subnav_purple.active:hover {
	color: white;
}
.btn-purple {
	border-color: white;
}
.btn-purple:hover {
	border-color: #9B3E90 !important;
    color: #9B3E90 !important;
}
.link-purple:hover, .link-purple:focus, .link-purple:active {
	color: #9B3E90;
}
.downloads__link--feature.link-purple:active, .downloads__link--feature.link-purple:focus, .downloads__link--feature.link-purple:hover {
	border-color: #9B3E90;
    color: #9B3E90;
}
.downloads__link--feature.btn-purple:active, .downloads__link--feature.btn-purple:focus, .downloads__link--feature.btn-purple:hover {
	border-color: #9B3E90;
    color: #9B3E90;
}
.subnav_green:hover {
	color: #009eaa;
}
.subnav_green.active:hover {
	color: white;
}
.btn-green {
	border-color: white;
}
.btn-green:hover {
	border-color: #009eaa !important;
    color: #009eaa !important;
}
.link-green:hover, .link-green:focus, .link-green:active {
	color: #009eaa;
}
.downloads__link--feature.link-green:active, .downloads__link--feature.link-green:focus, .downloads__link--feature.link-green:hover {
	border-color: #009eaa;
    color: #009eaa;
}
.downloads__link--feature.btn-green:active, .downloads__link--feature.btn-green:focus, .downloads__link--feature.btn-green:hover {
	border-color: #009eaa;
    color: #009eaa;
}
.subnav_blue:hover {
	color: #3F62AC;
}
.subnav_blue.active:hover {
	color: white;
}
.btn-blue {
	border-color: white;
}
.btn-blue:hover {
	border-color: #3F62AC !important;
    color: #3F62AC !important;
}
.link-blue:hover, .link-blue:focus, .link-blue:active {
	color: #3F62AC;
}
.downloads__link--feature.link-blue:active, .downloads__link--feature.link-blue:focus, .downloads__link--feature.link-blue:hover {
	border-color: #3F62AC;
    color: #3F62AC;
}
.downloads__link--feature.btn-blue:active, .downloads__link--feature.btn-blue:focus, .downloads__link--feature.btn-blue:hover {
	border-color: #3F62AC;
    color: #3F62AC;
}
.trafalgar-2 {
	font-family: "Knockout 48 A","Knockout 48 B",HelveticaNeue-CondensedBold,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 28px;
    text-align: center;
    line-height: 120%;
    margin-bottom: 40px;
    color: #9B3E90;
}
.trafalgar-3 {
    font-family: "Knockout 48 A","Knockout 48 B",HelveticaNeue-CondensedBold,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    text-align: center;
    line-height: 120%;
    margin-bottom: 40px;
    color: #3F62AC;
}
.wrapper {
	position: relative;
}
.brand-color-accent2 {
	color: #9B3E90;
}
.lateral-img {
	position: absolute;
	left: -350px;
	top: 100px;
}
.switch--readmore {
	width: 200px;
}
.icon--lens-control img {
	max-width: 107.66px;
}
.icon--sterility img {
	max-width: 67px;
}
a.btn.btn--primary.btn-purple, a.btn.btn--primary.btn-purple:visited {
	color: white;
}
a.btn.btn--primary.btn-green, a.btn.btn--primary.btn-green:visited {
	color: white;
}
a.btn.btn--primary.btn-blue, a.btn.btn--primary.btn-blue:visited {
	color: white;
}
.download-home.downloads {
	margin-top: 0px;
	padding-top: 0px;
    z-index: 2;
}
.download-home.downloads .hr {
	margin-top: 0;
}
.layout--home .references {
    z-index: 2;
    position: relative;
}
.layout--home .footer {
    z-index: 2;
    position: relative;
}
.checkbox-block {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox-block a, .checkbox-block a:visited {
    color: #2DB8C5;
}
.checkbox-block input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #000;
  border: 1px solid white;
}
.checkbox-block:hover input ~ .checkmark {
  background-color: #2f2f2f;
}
.checkbox-block input:checked ~ .checkmark {
  background-color: #2DB8C5;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox-block input:checked ~ .checkmark:after {
  display: block;
}
.checkbox-block .checkmark:after {
  left: 7px;
  top: 4px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.js-submit {
    margin: 0 auto;
    margin-top: 40px;
}
.layout--home .main {
    padding-top: 205px;
}
a.ul.whitecolor, a.ul.whitecolor:visited {
    color: #2db8c5;
}
@media (max-width:1024px) {
    .infonav__list-item:before {
        display: none;
    }
}
@media (max-width: 800px) {
	.lateral-img {
		display: none;
	}
	.infonav__item--pages {
		float: none;
		text-align: left;
	}
}
@media (max-width: 600px) {
	.subnav__title.great-primer img {
		max-width: 100px;
	}
	.featured-image__figure--avansee-preload1p-toric-control {
		top: 88px;
	}
	.wrapper-toric-control {
		margin-top: 280px;
	}
    .layout--home .main {
        padding-top: 90px;
        padding-bottom: 0px;
    }
    
	
}
@media (max-width: 49.99em) {
	.user-friendly__figure_toric {
	    left: -77px;
    	height: 912px;
    	width: 200px;
	}	
	.user-friendly__figure_preset {
	     left: -84px;
    	height: 912px;
    	width: 200px;
	}
	.user-friendly__figure {
		left: -72px;
	    height: 912px;
	    width: 175px;
	}
	.bg_kowain {
		display: none;
	}
}
.bigmargin-top {
    margin-top: 1000px;
}
.separator {
    width: 30%;
    margin: 0 auto;
    height: 3px;
    background: #2db8c5;
    margin-top: 15px;
    margin-bottom: 10px;
}
.blue-separator {
    background: #3F62AC;
}
@media (max-width: 767px) {
    
    .video-container img, .video-container video {
        position: absolute;
        top: 100px;
        width: 100%;
        display: block !important;
    }
    .japanbg:after {
        content: '';
        position: absolute;
        z-index: -1;
        top: 249px;
        left: -34px;
        width: 400px;
        height: 441px;
        background-image: url(../img/japanbg.png);
        background-size: 400px auto;
    }
    .module--carousel-container {
        margin-top: 190px;
    }
    .module--carousel-container {
        padding-top: 0;
    }
    .blackseparator {
        margin: 0;
    }
}
@media (max-width: 550px) {
    .wrapper {
        padding-right: 15px;
        padding-left: 15px;
    }
    input {
        margin-bottom: 10px;
    }
    .faq__heading {
        margin-left: 0;
        padding-left: 44px;
    }
    .faq__answer {
        margin-bottom: 10px;
        margin-left: 5px;
        width: 90%;
    }
    .faq__answer .panel-body ul {
        padding-left: 20px;
    }
    figure {
        margin: 0;
    }
    .trafalgar {
        font-size: 32px;
    }
    .trafalgar-2 {
        font-size: 24px;
    }
    .collapse__body figure p {
        font-size: 16px;
    }
    .pica {
        font-size: 16px;
    }
    .user-friendly__figure {
        height: 942px;
      width: 200px;
      left: -111px;
    }
    .low-pco-rate__illustrations .module__icon img, .low-pco-rate__illustrations-inner {
        width: 100%;
    }
    .figure--collapsible {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .offset-sm-3 {
        margin-left: 15%;
    }
    .media-object {
        margin-bottom: 10px;
    }
    .video-container img, .video-container video {
        position: absolute;
        top: 280px;
        width: 100%;
        display: block !important;
    }
    .subnav__link-contact {
        right: 15px;
        top: 30px;
    }
    .subnav__link-contact .subnav__link-contact-link {
        font-size: 10px !important;
    }
    .infonav__item--pages {
        width: 100%;
    }
    .infonav__list-item {
        text-align: left;
    }
    .infonav__item ul {
        margin-top: 30px;
    }
    .infonav__list-item:before {
        content: none;
    }
    .dop p {
        float: none;
    }
    .user-friendly__figure {
		left: -72px;
	    height: 912px;
	    width: 175px;
	}
	.infonav__item--logo {
		float: none;
	}
	.infonav__item--pages {
		float: none;
	}
}