img,
picture,
select {
    max-width: 100%
}

td,
th {
    padding: .75em 0
}

body,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
input[type=button],
input[type=reset],
input[type=submit],
label,
select {
    font-family: "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}

fieldset,
p {
    margin: 0 0 .75em
}

body,
dl dd,
img,
ol,
picture,
ul {
    margin: 0
}

.mobile-menu-left,
.mobile-menu-right,
.row .column,
.row.sm .column.eight,
.row.sm .column.eleven,
.row.sm .column.five,
.row.sm .column.four,
.row.sm .column.nine,
.row.sm .column.one,
.row.sm .column.six,
.row.sm .column.ten,
.row.sm .column.three,
.row.sm .column.twelve,
.row.sm .column.two {
    float: left;
    display: block
}

.logo span,
section.quiz .js-carrousel__button-container button,
section.seven .js-carrousel__button-container button {
    text-indent: -9999px
}

.owl-carousel,
.owl-carousel .owl-item,
.owl-theme .owl-dots,
.owl-theme .owl-nav {
    -webkit-tap-highlight-color: transparent
}

html {
    box-sizing: border-box
}

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

button,
input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    background-color: #477dca;
    border-radius: 5px;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    padding: .75em 1em;
    text-decoration: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

button:disabled,
input[type=button]:disabled,
input[type=reset]:disabled,
input[type=submit]:disabled {
    cursor: not-allowed;
    opacity: .5
}

fieldset {
    background-color: #f7f7f7;
    border: 2px solid #ddd;
    padding: 1.5em
}

input,
label,
select {
    display: block
}

label {
    font-weight: 400;
    margin-bottom: .375em
}

label.required::after {
    content: "*"
}

label abbr {
    display: none
}

input:not([type]),
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select[multiple=multiple],
textarea {
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius: 5px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06);
    box-sizing: border-box;
    font-family: "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em;
    margin-bottom: .75em;
    padding: .5em;
    transition: border-color;
    width: 100%
}

input:not([type]):hover,
input[type=color]:hover,
input[type=date]:hover,
input[type=datetime-local]:hover,
input[type=datetime]:hover,
input[type=email]:hover,
input[type=month]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=time]:hover,
input[type=url]:hover,
input[type=week]:hover,
select[multiple=multiple]:hover,
textarea:hover {
    border-color: #c4c4c4
}

input:not([type]):focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select[multiple=multiple]:focus,
textarea:focus {
    border-color: #477dca;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06), 0 0 5px rgba(55, 112, 192, .7);
    outline: 0
}

hr,
td {
    border-bottom: 2px solid #ddd
}

textarea {
    resize: vertical
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

input[type=checkbox],
input[type=radio] {
    display: inline;
    margin-right: .375em
}

input[type=file] {
    padding-bottom: .75em;
    width: 100%
}

select {
    margin-bottom: 1.5em;
    width: auto
}

ol,
ul {
    list-style-type: none;
    padding: 0
}

dl {
    margin-bottom: .75em
}

dl dt {
    font-weight: 700;
    margin-top: .75em
}

table {
    -webkit-font-feature-settings: "kern", "liga", "tnum";
    -moz-font-feature-settings: "kern", "liga", "tnum";
    -ms-font-feature-settings: "kern", "liga", "tnum";
    font-feature-settings: "kern", "liga", "tnum";
    border-collapse: collapse;
    margin: .75em 0;
    table-layout: fixed;
    width: 100%
}

th {
    border-bottom: 1px solid #b7b7b7;
    font-weight: 600;
    text-align: left
}

td,
th,
tr {
    vertical-align: middle
}

body {
    -webkit-font-feature-settings: "kern", "liga", "pnum";
    -moz-font-feature-settings: "kern", "liga", "pnum";
    -ms-font-feature-settings: "kern", "liga", "pnum";
    font-feature-settings: "kern", "liga", "pnum";
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
    color: #333;
    background: #f7f7fa
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
    margin: 0 0 .75em;
    font-weight: 700
}

a:active,
a:focus,
a:hover {
    color: #2c5999
}

a:active,
a:focus {
    outline: 0
}

hr {
    border-left: none;
    border-right: none;
    border-top: none;
    margin: 1.5em 0
}

a.anchor {
    display: block;
    position: relative;
    top: 0px;
    visibility: hidden;
}

.mktoForm,
.row {
    max-width: 68em
}

.mktoButton:focus,
:focus {
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    outline: 0
}

@media screen and (min-width:40em) {
    a.anchor {
        top: -120px;
    }
    footer .column.eight,
    footer .column.four {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    footer .column.eight:last-child,
    footer .column.four:last-child {
        margin-right: 0
    }
    footer .column.four {
        margin-right: 0;
        margin-top: 0!important
    }
    footer .column.four .social {
        margin-top: 0
    }
}

.row {
    margin-left: auto;
    margin-right: auto
}

.row::after {
    clear: both;
    content: "";
    display: table
}

.row .column {
    margin-right: 2.35765%;
    width: 100%
}

.row .column:last-child {
    margin-right: 0
}

@media screen and (min-width:40em) {
    .row section.four .column.two,
    .row section.two .column.two {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .row section.four .column.two:last-child,
    .row section.two .column.two:last-child {
        margin-right: 0
    }
    .row section.four .column.ten,
    .row section.two .column.ten {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .row section.four .column.ten:last-child,
    .row section.two .column.ten:last-child {
        margin-right: 0
    }
    .row section.four .row:not(.sm)>.column+.column,
    .row section.two .row:not(.sm)>.column+.column {
        margin-top: 0
    }
}

@media screen and (min-width:53.75em) {
    .row .column.eight,
    .row .column.eleven,
    .row .column.five,
    .row .column.four,
    .row .column.nine,
    .row .column.one,
    .row .column.seven,
    .row .column.six,
    .row .column.ten,
    .row .column.three,
    .row .column.twelve,
    .row .column.two {
        float: left;
        display: block
    }
    .row .column.one {
        margin-right: 2.35765%;
        width: 6.17215%
    }
    .row .column.one:last-child {
        margin-right: 0
    }
    .row .column.two {
        margin-right: 2.35765%;
        width: 14.70196%
    }
    .row .column.two:last-child {
        margin-right: 0
    }
    .row .column.three {
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .row .column.three:last-child {
        margin-right: 0
    }
    .row .column.four {
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .row .column.four:last-child {
        margin-right: 0
    }
    .row .column.four.shift {
        margin-left: 34.11922%
    }
    .row .column.five {
        margin-right: 2.35765%;
        width: 40.29137%
    }
    .row .column.five:last-child {
        margin-right: 0
    }
    .row .column.six {
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .row .column.six:last-child {
        margin-right: 0
    }
    .row .column.seven {
        margin-right: 2.35765%;
        width: 57.35098%
    }
    .row .column.seven:last-child {
        margin-right: 0
    }
    .row .column.eight {
        margin-right: 2.35765%;
        width: 65.88078%
    }
    .row .column.eight:last-child {
        margin-right: 0
    }
    .row .column.eight.shift {
        margin-left: 17.05961%
    }
    .row .column.nine {
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .row .column.nine:last-child {
        margin-right: 0
    }
    .row .column.ten {
        margin-right: 2.35765%;
        width: 82.94039%
    }
    .row .column.ten:last-child {
        margin-right: 0
    }
    .row .column.eleven {
        margin-right: 2.35765%;
        width: 91.4702%
    }
    .row .column.eleven:last-child {
        margin-right: 0
    }
    .row .column.twelve {
        margin-right: 2.35765%;
        width: 100%
    }
    .row .column.twelve:last-child {
        margin-right: 0
    }
}

.row.sm .column.one {
    margin-right: 2.35765%;
    width: 6.17215%
}

.row.sm .column.one:last-child {
    margin-right: 0
}

.row.sm .column.two {
    margin-right: 2.35765%;
    width: 14.70196%
}

.row.sm .column.two:last-child {
    margin-right: 0
}

.row.sm .column.three {
    margin-right: 2.35765%;
    width: 23.23176%
}

.row.sm .column.three:last-child {
    margin-right: 0
}

.row.sm .column.four {
    margin-right: 2.35765%;
    width: 31.76157%
}

.row.sm .column.four:last-child {
    margin-right: 0
}

.row.sm .column.four.shift {
    margin-left: 34.11922%
}

.row.sm .column.five {
    margin-right: 2.35765%;
    width: 40.29137%
}

.row.sm .column.five:last-child {
    margin-right: 0
}

.row.sm .column.six {
    margin-right: 2.35765%;
    width: 48.82117%
}

.row.sm .column.six:last-child {
    margin-right: 0
}

.row.sm .column.seven {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%
}

.row.sm .column.seven:last-child {
    margin-right: 0
}

.row.sm .column.eight {
    margin-right: 2.35765%;
    width: 65.88078%
}

.row.sm .column.eight:last-child {
    margin-right: 0
}

.row.sm .column.nine {
    margin-right: 2.35765%;
    width: 74.41059%
}

.row.sm .column.nine:last-child {
    margin-right: 0
}

.row.sm .column.ten {
    margin-right: 2.35765%;
    width: 82.94039%
}

.row.sm .column.ten:last-child {
    margin-right: 0
}

.row.sm .column.eleven {
    margin-right: 2.35765%;
    width: 91.4702%
}

.row.sm .column.eleven:last-child {
    margin-right: 0
}

.row.sm .column.twelve {
    margin-right: 2.35765%;
    width: 100%
}

.row.sm .column.twelve:last-child {
    margin-right: 0
}

.row:not(.sm)>.column+.column {
    margin-top: 20px
}

@media screen and (min-width:53.75em) {
    .row:not(.sm)>.column+.column {
        margin-top: 0
    }
}

h1,
h2,
h3,
p {
    margin-bottom: 1rem
}

h1 {
    font-size: 1.875rem;
    color: #fff;
    font-weight: 700
}

@media screen and (min-width:40em) {
    h1 {
        font-size: 2.25rem
    }
}

h1.dark {
    color: #000
}

h2 {
    font-size: 1.625rem
}

@media screen and (min-width:40em) {
    h2 {
        font-size: 2.125rem
    }
}

h3 {
    font-size: 1.5rem
}

h5 {
    font-size: 1.25rem;
    font-weight: 400
}

a,
ol,
p,
ul {
    font-size: 1.1em
}

a {
    text-decoration: none;
    transition: color .1s linear;
    color: #5595d3
}

section a,
section h2,
section h3,
section ol,
section p,
section sup,
section ul {
    color: #333
}

.modal a:not(.button),
section a:not(.button) {
    text-decoration: underline
}

.hero .scroll-button,
section.six a {
    text-decoration: none;
    text-align: center
}

sup {
    font-size: 50%
}

.navigation-menu .modal-trigger,
.navigation-menu a {
    font-size: 1.125rem;
    color: #000;
    font-weight: 700
}

@media screen and (min-width:48rem) {
    .navigation-menu .modal-trigger,
    .navigation-menu a {
        padding: 30px 0
    }
}

.mobile-menu-left {
    margin-right: 2.35765%;
    width: 65.88078%;
    padding: .5rem 1.25rem
}

.mobile-menu-left:last-child {
    margin-right: 0
}

.mobile-menu-right {
    margin-right: 2.35765%;
    width: 31.76157%
}

.mobile-menu-right:last-child {
    margin-right: 0
}

.show-mobile {
    display: block
}

@media screen and (min-width:40em) {
    .show-mobile {
        display: none!important
    }
}

@media screen and (device-width:360px) and (device-height:640px) and (orientation:landscape) {
    .show-mobile {
        display: block!important
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
    .show-mobile {
        display: block!important
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape) {
    .show-mobile {
        display: block!important
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:landscape) {
    .show-mobile {
        display: block!important
    }
}

.hide-mobile {
    display: none
}

@media screen and (min-width:40em) {
    .hide-mobile {
        display: block
    }
}

@media screen and (device-width:360px) and (device-height:640px) and (orientation:landscape) {
    .hide-mobile {
        display: none!important
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
    .hide-mobile {
        display: none!important
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape) {
    .hide-mobile {
        display: none!important
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:landscape) {
    .hide-mobile {
        display: none!important
    }
}

.logo span {
    height: 0;
    display: block
}

.button {
    font-size: 1.25rem;
    font-weight: 400
}

.nav-link.button a,
.utilities .button,
section .button {
    color: #333;
    background: #f2bf2d;
    padding: 10px 15px;
    border-radius: 20px;
    box-shadow: 0 3px 0 rgba(0, 0, 0, .2)
}

section .button .carat {
    width: .6875rem;
    height: .8125rem;
    margin-right: .3125rem
}

.nav-link.button a {
    font-size: 1rem
}

.nav-link.button a .carat {
    width: .5rem;
    height: .625rem;
    margin-right: .3125rem
}

.nav-link.button {
    padding-bottom: 10px
}

.logo-wrap {
    padding-bottom: 20px;
    background: #fff
}

.utilities {
    padding: 0 1.875rem 0 0
}

@media screen and (min-width:87.5em) {
    .utilities {
        padding: 0
    }
}

.utilities a {
    float: right;
    clear: right
}

@media screen and (min-width:40em) {
    .utilities a {
        float: none;
        clear: none
    }
}

.mktoButtonRow::after,
.mktoForm::after,
.mktoFormRow::after,
.navigation .navigation-wrapper::after {
    clear: both;
    content: ""
}

.utilities span {
    display: none;
    visibility: hidden
}

@media screen and (min-width:40em) {
    .utilities span {
        display: inline;
        visibility: visible
    }
}

.utilities .button {
    text-transform: uppercase;
    font-weight: 700;
    padding: .625rem 1.5625rem;
    margin-top: .9375rem;
    display: inline-block;
    line-height: .875rem
}

.hero {
    background-image: url(../6f1d32c8-2ff7-4f1b-b74b-d1a3e0a87e60/hero-bg.jpg?MOD=AJPERES);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    position: relative;
    z-index: 1;
    padding: 1.875rem 1.875rem 6.25rem;
    height: 24.375rem
}

@media screen and (min-width:40em) {
    .hero {
        height: auto;
        background-position: left center;
        background-size: cover
    }
}

@media screen and (min-width:53.75em) {
    .hero {
        padding: 2.8125rem 3.125rem;
        min-height: 25rem;
        margin-top: -1.25rem
    }
}

.hero .scroll-button {
    background: rgba(242, 191, 45, .64);
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: -4rem;
    margin-left: -4rem;
    left: 50%;
    color: #333;
    font-size: .875rem;
    line-height: .9375rem;
    padding-top: .5rem
}

.hero .scroll-button span {
    background: url(../13c5ef3c-096d-40b9-b38b-52d784c480b3/down-arrow.png?MOD=AJPERES) no-repeat;
    width: .875rem;
    height: .875rem;
    display: block;
    margin: 0 auto .4375rem
}

.hero h1 {
    margin-bottom: 0;
    text-shadow: 4px 4px 6px rgba(0, 0, 0, .25)
}

.hero h2 {
    font-size: 1.5rem;
    font-weight: 400;
    color: #fff
}

section.four em,
section.six a {
    font-weight: 700
}

.want-more {
    display: none;
    visibility: hidden
}

@media screen and (min-width:53.75em) {
    .want-more {
        display: block;
        visibility: visible;
        position: fixed;
        left: 0;
        top: 18.125rem;
        z-index: 999;
        background: url(../b9dbc95c-1bd7-4138-a3c9-2fd5688f6515/icon_book.png?MOD=AJPERES) center 40px no-repeat #f2bf2d;
        width: 6.25rem;
        padding: 5.625rem 0 2.1875rem;
        font-size: .875rem;
        line-height: 1rem;
        font-weight: 700;
        color: #404040;
        text-align: center;
        transition: opacity .3s
    }
    .want-more:hover {
        color: #404040;
        opacity: .8
    }
}

.wrap {
    padding: 0 1.25rem
}

@media screen and (min-width:53.75em) {
    .wrap {
        padding: 0 2.5rem
    }
}

.wrap .row {
    padding-top: 1.25rem
}

.second .wrap {
    padding: 2.1875rem 2.5rem;
    float: left
}

section {
    background: #fff;
    float: left;
    width: 100%;
    padding: 2.8125rem 0 0
}

section blockquote {
    background: url(../896aadd7-796d-4dd8-94a9-b7c3d71beacf/blockquote-bg.jpg?MOD=AJPERES);
    margin: 0;
    padding: 1.25rem 2.5rem;
    font-size: 1.125rem;
    font-style: italic
}

section blockquote span {
    font-size: 1rem;
    margin-top: 10px;
    display: inline-block
}

section.two {
    background: #fff;
    position: relative;
    z-index: 900
}

section.two .satisfaction {
    color: #fff;
    margin-top: 3rem
}

section.two .satisfaction .column {
    display: table
}

section.two .satisfaction .column .big,
section.two .satisfaction .column p {
    display: table-cell;
    height: 96px;
    vertical-align: middle
}

section.two .button {
    display: block;
    background: #333;
    color: #fff;
    padding: 10px 15px;
    border-radius: 25px;
    margin: 3.125rem auto 0;
    text-align: center;
    width: 230px
}

section.five .graph img,
section.six a>img {
    width: 100%
}

section.two .button .carat {
    background-image: url(../b7ad2107-4178-4e5c-b093-70675f162228/carat-white.svg?MOD=AJPERES)
}

section.three .column.twelve {
    background: url(../c98bdd85-38da-4570-8c48-f1a9f0775bdf/bg.jpg?MOD=AJPERES);
    padding: 1.875rem .9375rem
}

section.three p {
    margin-bottom: 2.25rem
}

section.three .column.four {
    text-align: center
}

section.three .column.four .button {
    font-size: 1.5rem;
    font-weight: 700;
    display: inline-block
}

@media screen and (min-width:40em) {
    section.three .column.twelve {
        padding: 2.5rem 2.5rem .625rem
    }
    section.three .column.four .button {
        padding: .9375rem 1.5625rem
    }
}

section.four .video {
    background: #f7f7fa;
    padding: 3.75rem 0
}

section.four .small {
    font-size: .875rem
}

section.four img {
    margin-bottom: 2.5rem!important
}

section.four img,
section.two img {
    margin: 0 auto;
    display: block
}

@media screen and (min-width:53.75em) {
    section.four img,
    section.two img {
        margin: 0
    }
}

section.five h2 {
    color: #908a80;
    font-style: italic
}

section.five .graph {
    padding: 2.5rem;
    background: #f7f7fa;
    margin-top: 1.875rem
}

@media screen and (min-width:53.75em) {
    section.five .graph {
        margin-top: 0
    }
}

section.five .graph h3 {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1.875rem
}

section.five sup a {
    color: #5595d3
}

section.five ul {
    list-style-type: disc;
    list-style-position: inside
}

section.five .small {
    font-size: .75rem;
    line-height: .875rem;
    color: #666;
    font-style: italic;
    margin: .625rem 0 0
}

section.six a span {
    width: 100%;
    display: block
}

section.six .blue {
    background: #d9f0f6;
    padding: 3.75rem;
    text-align: center
}

@media screen and (min-width:53.75em) {
    section.six .blue {
        padding: 3.75rem 5rem
    }
}

section.six .blue a {
    color: #5595d3;
    font-weight: 400;
    text-decoration: underline
}

section.six .row .row {
    padding-top: 0
}

section.eight,
section.nine,
section.seven {
    border-top: 1px solid #f7f7fa
}

section.quiz,
section.seven {
    padding-bottom: 1.875rem
}

section.quiz h2,
section.quiz h5,
section.seven h2,
section.seven h5 {
    text-align: center
}

section.quiz .step h3,
section.seven .step h3 {
    font-size: 1.25rem;
    color: #fff;
    margin: 0
}

@media screen and (min-width:40em) {
    section.quiz,
    section.seven {
        padding-bottom: 5.3125rem
    }
    section.quiz .step h3,
    section.seven .step h3 {
        font-size: 1.875rem
    }
}

section.quiz .step .eight,
section.quiz .step .four,
section.seven .step .eight,
section.seven .step .four {
    margin: 0;
    padding: .9375rem 1.25rem
}

@media screen and (min-width:40em) {
    section.quiz .step .eight,
    section.quiz .step .four,
    section.seven .step .eight,
    section.seven .step .four {
        padding: 2.5rem 3.125rem
    }
}

section.quiz .step .four,
section.seven .step .four {
    background: url(../b5d33c67-3777-4852-a11b-68e88428d66c/carousel-left.jpg?MOD=AJPERES);
    min-height: 5rem
}

@media screen and (min-width:53.75em) {
    section.quiz .step .eight,
    section.quiz .step .four,
    section.seven .step .eight,
    section.seven .step .four {
        padding: 3.75rem 3.125rem 4.5rem
    }
    section.quiz .step .four,
    section.seven .step .four {
        min-height: 22.75rem;
        margin-right: 0;
        width: 34.1192171993%;
        flex: 1
    }
}

section.quiz .step .eight,
section.seven .step .eight {
    background: url(../a6dd6df4-5432-403b-be8a-9145fbd6d0d1/carousel-right.jpg?MOD=AJPERES);
    margin-top: 0!important;
    padding: .9375rem 1.25rem 2.5rem;
    min-height: 25rem
}

@media screen and (min-width:40em) {
    section.quiz .step .eight,
    section.seven .step .eight {
        padding: 2.5rem 3.125rem 4.5rem
    }
}

@media screen and (min-width:53.75em) {
    section.quiz .step .eight,
    section.seven .step .eight {
        padding: 3.75rem 3.125rem 4.5rem;
        min-height: 22.75rem
    }
    section.quiz .js-carrousel__button-container button,
    section.seven .js-carrousel__button-container button {
        text-indent: 0
    }
}

section.quiz .step .eight a,
section.quiz .step .eight p,
section.seven .step .eight a,
section.seven .step .eight p {
    font-size: .875rem
}

@media screen and (min-width:40em) {
    section.quiz .step .eight a,
    section.quiz .step .eight p,
    section.seven .step .eight a,
    section.seven .step .eight p {
        font-size: 1rem
    }
}

section.quiz button,
section.seven button {
    background: 0 0;
    padding: 0;
    font-size: 1.125rem;
    color: #b1c7c3;
    text-transform: capitalize;
    transition: opacity .3 ease
}

.top,
footer h6 {
    text-transform: uppercase
}

section.quiz button:hover,
section.seven button:hover {
    opacity: .9
}

section.quiz .js-carrousel__button-container,
section.seven .js-carrousel__button-container {
    position: absolute;
    z-index: 901
}

section.quiz .js-carrousel__button__previous,
section.seven .js-carrousel__button__previous {
    bottom: 20px;
    left: 1.25rem
}

section.quiz .js-carrousel__button__previous button,
section.seven .js-carrousel__button__previous button {
    display: block;
    height: 3.4375rem;
    padding-left: 4.0625rem;
    background: url(../b38703d9-8472-451b-978f-54f5988a12c7/previous.png?MOD=AJPERES) left center no-repeat
}

section.quiz .js-carrousel__button__next,
section.seven .js-carrousel__button__next {
    bottom: 20px;
    right: 1.25rem
}

section.quiz .js-carrousel__button__next button,
section.seven .js-carrousel__button__next button {
    display: block;
    color: #000;
    height: 3.4375rem;
    padding-right: 4.0625rem;
    background: url(../9bcf75b0-2160-4d56-9598-462d3b0bb1bc/next.png?MOD=AJPERES) right center no-repeat
}

section.eight {
    padding-top: 2.5rem
}

section.eight h2 span {
    font-size: 1.125rem;
    font-weight: 400
}

section.eight ol li {
    padding: .9375rem;
    margin-left: 0;
    font-size: 1.5rem;
    font-weight: 700;
    position: relative;
    background: url(../04f7447d-73fa-4122-8ac7-9cacce7ee84c/list.jpg?MOD=AJPERES);
    margin-bottom: 1.25rem;
    transition: margin .5 ease;
    cursor: pointer
}

section.eight ol li span {
    display: block
}

section.eight ol li .a {
    font-size: .875rem;
    font-weight: 400
}

footer .colophon a,
section.nine .button {
    font-weight: 700
}

@media screen and (min-width:40em) {
    section.eight ol li {
        padding: 3.75rem 4.375rem 3.75rem 1.5rem
    }
    section.eight ol li span {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline
    }
    section.eight ol li .a {
        display: inline;
        line-height: 1.0625rem;
        padding-right: 4.375rem
    }
}

section.eight ol li .q {
    font-size: 1.375rem;
    padding-right: 1.25rem;
    padding-left: 1.875rem
}

section.eight ol li:active,
section.eight ol li:focus,
section.eight ol li:hover {
    background: #fcd662;
    box-shadow: 0 3px 0 rgba(0, 0, 0, .2)
}

section.nine {
    padding-bottom: 3.125rem
}

section.nine .column.twelve {
    background: url(../c98bdd85-38da-4570-8c48-f1a9f0775bdf/bg.jpg?MOD=AJPERES);
    padding: 1.875rem .9375rem
}

footer .social a.facebook,
footer .social a.google,
footer .social a.linkedin,
footer .social a.twitter,
footer .social a.youtube {
    background-repeat: no-repeat;
    background-size: 100%
}

@media screen and (min-width:40em) {
    section.nine .column.twelve {
        padding: 2.5rem
    }
    section.nine .column.eight .button {
        width: 16.1875rem
    }
}

section.nine .column.eight .button {
    margin-top: 1.25rem;
    padding: .9375rem 1.5625rem;
    float: left;
    text-align: center
}

@media screen and (min-width:53.75em) {
    section.nine .column.eight .button {
        width: auto;
        text-align: left
    }
}

section.nine .column.four {
    text-align: center
}

section.nine .column.four .button {
    display: inline-block;
    font-size: 1.5rem;
    padding: .9375rem 1.5625rem;
    margin: 1.875rem auto 0
}

footer .wrap {
    padding: 1.875rem;
    float: left
}

@media screen and (min-width:40em) {
    footer .wrap {
        padding: 2.5rem
    }
}

footer h5 {
    text-align: left;
    margin-bottom: 50px;
    font-size: .875rem
}

footer h6,
footer ol {
    font-size: .75rem
}

footer ol {
    list-style-type: decimal;
    list-style-position: initial;
    margin-left: 17px
}

footer ol li {
    padding-left: 3px
}

footer .colophon {
    padding: 1.875rem
}

@media screen and (min-width:53.75em) {
    footer h5 {
        text-align: center
    }
    footer .colophon {
        padding: 5rem 1.875rem 4.375rem
    }
}

@media screen and (min-width:87.5em) {
    footer .colophon {
        padding: 5rem 0 4.375rem
    }
}

footer .colophon a,
footer .colophon p {
    font-size: .875rem
}

footer .colophon .column.eight a {
    margin-right: 1.25rem
}

footer .colophon p {
    color: #999;
    margin-top: .9375rem
}

footer .social {
    margin-top: 30px
}

@media screen and (min-width:53.75em) {
    footer .social {
        margin-top: 0;
        float: right
    }
}

footer .social a,
footer .social li {
    display: inline-block
}

footer .social li {
    margin-right: 10px
}

footer .social li:last-child {
    margin-right: 0
}

footer .social a {
    width: 2.375rem;
    height: 2.375rem;
    text-indent: -9999px;
    display: block;
    background-color: #fff;
    border-radius: 50%
}

footer .social a.facebook {
    background-image: url(../8624cbed-462d-42b8-b72d-ed397d0f9c5a/facebook.svg?MOD=AJPERES)
}

footer .social a.twitter {
    background-image: url(../143b7268-3752-4d2e-bbb9-221fed2033b6/twitter.svg?MOD=AJPERES)
}

footer .social a.youtube {
    background-image: url(../3a589c8a-c85c-43e0-a1e0-fd0ecb250480/youtube.svg?MOD=AJPERES)
}

footer .social a.linkedin {
    background-image: url(../fe226f48-97d9-4b39-af64-3192de06c4a8/linkedin.svg?MOD=AJPERES)
}

footer .social a.google {
    background-image: url(../0c8e0853-c65e-4133-a8cc-76952163aeae/google.svg?MOD=AJPERES)
}

.top {
    position: fixed;
    bottom: 3.75rem;
    right: 1.875rem;
    font-size: 12px;
    color: #333;
    z-index: 999;
    display: none
}

@media screen and (min-width:40em) {
    .top {
        display: block;
        bottom: 1.875rem
    }
}

.top:before {
    content: " ";
    display: block;
    border-radius: 1.25rem;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: -3.125rem;
    left: 1rem;
    background: url(../01261936-6dd0-4834-9e0d-c57ffb97a066/arrow-up.png?MOD=AJPERES) center no-repeat #f2bf2d
}

.mobile-footer {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px 10px;
    color: #333;
    font-size: .9375rem;
    letter-spacing: 1px;
    background: #fdb827;
    text-align: center
}

.mobile-footer a {
    color: #333;
    font-size: .9375rem;
    letter-spacing: 0
}

@media screen and (min-width:40em) {
    .mobile-footer {
        display: none
    }
}

.mobile-footer .six {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    margin-top: 0!important
}

.mobile-footer .six:last-child {
    margin-right: 0
}

.carrousel {
    position: relative
}

.carrousel__container {
    white-space: nowrap;
    overflow: hidden
}

.carrousel__content[aria-hidden=true] {
    display: none;
    white-space: normal
}

.slide .carrousel__content {
    display: inline-block;
    vertical-align: top;
    visibility: visible;
    width: 100%;
    position: relative;
    -webkit-transition: left 1s ease-out;
    -moz-transition: left 1s ease-out;
    -o-transition: left 1s ease-out;
    -ms-transition: left 1s ease-out;
    transition: left 1s ease-out;
    white-space: normal;
    margin: 0 0 0 -5px
}

.slide .carrousel__content.visibility-off {
    visibility: hidden
}

.carrouselslide-1-1.slide>div,
.carrouselslide-2-1.slide>div,
.carrouselslide-3-1.slide>div,
.carrouselslide-4-1.slide>div,
.carrouselslide-5-1.slide>div {
    left: 0
}

.carrouselslide-1-2.slide>div,
.carrouselslide-2-2.slide>div,
.carrouselslide-3-2.slide>div,
.carrouselslide-4-2.slide>div,
.carrouselslide-5-2.slide>div {
    left: -100%
}

.carrouselslide-1-3.slide>div,
.carrouselslide-2-3.slide>div,
.carrouselslide-3-3.slide>div,
.carrouselslide-4-3.slide>div,
.carrouselslide-5-3.slide>div {
    left: -200%
}

.carrouselslide-1-4.slide>div,
.carrouselslide-2-4.slide>div,
.carrouselslide-3-4.slide>div,
.carrouselslide-4-4.slide>div,
.carrouselslide-5-4.slide>div {
    left: -300%
}

.carrouselslide-1-5.slide>div,
.carrouselslide-2-5.slide>div,
.carrouselslide-3-5.slide>div,
.carrouselslide-4-5.slide>div,
.carrouselslide-5-5.slide>div {
    left: -400%
}

.slide .carrousel__content[aria-hidden=true] {
    display: inline-block
}

.js-carrousel__control__list {
    font-weight: 700;
    text-align: center;
    position: absolute;
    bottom: -2.5rem;
    width: 100%;
    display: none;
    visibility: hidden;
    z-index: 900
}

.js-carrousel__control__list li {
    display: inline;
    font-size: 1.125rem;
    margin-right: 1.875rem
}

.js-carrousel__control__list li:last-of-type {
    margin-right: 0
}

.js-carrousel__control__list li a {
    color: #999;
    text-decoration: none;
    padding-bottom: 3px;
    cursor: pointer
}

.js-carrousel__control__list li a[aria-selected=true] {
    color: #333;
    border-bottom: 3px solid #f2bf2d
}

.stop-scrolling {
    height: 100%;
    overflow: hidden
}

.navigation {
    background: #fff
}

@media screen and (min-width:40em) {
    .js-carrousel__control__list {
        display: inline;
        visibility: visible
    }
    .navigation {
        padding-top: 30px
    }
}

@media screen and (device-width:360px) and (device-height:640px) and (orientation:landscape) {
    .navigation {
        padding-top: 0
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
    .navigation {
        padding-top: 0
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape) {
    .navigation {
        padding-top: 0
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:landscape) {
    .navigation {
        padding-top: 0
    }
}

.navigation h2 {
    text-indent: -9999px;
    display: block;
    height: 0;
    margin: 0
}

.navigation nav {
    width: 100%
}

.navigation .navigation-menu-button {
    display: block;
    float: right;
    margin: 1.5rem 1.25rem 1.25rem 0;
    text-indent: -9999px;
    position: relative;
    padding-left: 1.5em
}

.navigation .navigation-menu-button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1.5em;
    height: .2em;
    background: #000;
    box-shadow: 0 .5em 0 0 #000, 0 1em 0 0 #000
}

@media screen and (min-width:48rem) {
    .navigation .navigation-menu-button {
        display: none;
        visibility: hidden
    }
    .navigation .utilities {
        text-align: right
    }
}

.navigation .menu-wrap {
    border-bottom: 3px solid #e5e5e5;
    background: #fff;
    position: relative;
    width: 100%!important;
    z-index: 999
}

.navigation .menu-wrap.sticky {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0
}

.navigation .navigation-wrapper {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.navigation .navigation-wrapper::after {
    display: table
}

.navigation>.navigation-wrapper {
    padding-bottom: 30px
}

.navigation .logo {
    float: left
}

@media screen and (min-width:53.75em) {
    .navigation .logo {
        margin-left: 1.875rem
    }
}

.navigation .logo img {
    padding-right: 1em
}

.navigation .logo img.show-lg {
    display: none;
    visibility: hidden
}

.navigation .logo img:not(.show-lg) {
    padding-left: 1.25rem
}

@media only screen and (min-width:962px) {
    .navigation .logo img {
        display: none;
        visibility: hidden;
        transition: height .3s linear
    }
    .navigation .logo img.show-lg {
        display: block;
        visibility: visible
    }
}

.navigation .utilities a {
    font-size: .875rem
}

.navigation nav {
    float: none
}

@media screen and (min-width:48rem) {
    .navigation nav {
        float: right;
        line-height: 1.5em;
        padding-top: .3em
    }
}

.navigation ul.navigation-menu {
    clear: both;
    display: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    background: rgba(255, 255, 255, .95);
    z-index: 1001;
    height: 400px;
    overflow: scroll
}

.modal,
.navigation ul li.nav-link label {
    margin: 0
}

@media screen and (device-width:360px) and (device-height:640px) and (orientation:landscape) {
    .navigation ul.navigation-menu {
        height: 200px!important;
        overflow: scroll!important
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
    .navigation ul.navigation-menu {
        height: 200px!important;
        overflow: scroll!important
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape) {
    .navigation ul.navigation-menu {
        height: 200px!important;
        overflow: scroll!important
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:landscape) {
    .navigation ul.navigation-menu {
        height: 200px!important;
        overflow: scroll!important
    }
}

@media screen and (min-width:40em) {
    .navigation>.navigation-wrapper {
        padding-bottom: 0
    }
    .navigation ul.navigation-menu {
        height: auto;
        overflow: visible
    }
}

.navigation ul.navigation-menu.show {
    display: block
}

.navigation ul li.nav-link {
    display: block;
    text-align: left;
    width: 100%;
    transition: padding .3s linear;
    border-top: solid 1px #bbb
}

.navigation ul li.nav-link.active:not(.button) a {
    color: #000
}

.modal a,
.modal a:hover,
.modal h1,
.modal-content {
    color: #333
}

@media screen and (min-width:48rem) {
    .navigation ul.navigation-menu {
        display: block;
        margin: 0;
        padding: 0;
        position: static
    }
    .navigation ul li.nav-link {
        background: 0 0;
        display: inline-block;
        text-decoration: none;
        border-bottom: 4px solid #fff;
        margin-right: 0;
        width: calc((100% / 6) - 5px);
        border-top: none;
        text-align: center
    }
    .navigation ul li.nav-link.active:not(.button) {
        border-bottom: 7px solid #f2bf2d
    }
}

.navigation ul li.nav-link a {
    padding: 1.25rem;
    display: block;
    transition: padding .8 linear
}

@media screen and (min-width:48rem) {
    .navigation ul li.nav-link a {
        font-size: .9375rem;
        padding: 30px 0
    }
}

.navigation ul li.nav-link.button {
    padding: 1.25rem
}

@media screen and (min-width:48rem) {
    .navigation ul li.nav-link.button {
        padding: 0 0 .625rem
    }
}

.navigation ul li.nav-link.button a {
    padding: .625rem .9375rem
}

.video-wrapper {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.video-wrapper embed,
.video-wrapper iframe,
.video-wrapper object {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .85);
    padding-top: .6em;
    text-align: left;
    z-index: 1000
}

@media screen and (min-width:53.75em) {
    .navigation ul li.nav-link a {
        font-size: 1.125rem
    }
    .modal-overlay {
        padding-top: 10em
    }
}

.modal {
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    transition: opacity .25s ease;
    background: #fff;
    border-radius: 0;
    max-height: 95%;
    padding: 0;
    position: fixed;
    top: 5%;
    left: 2.5%;
    bottom: 5%;
    width: 95%;
    z-index: 1002;
    display: block;
    overflow: hidden;
    border: none
}

@media screen and (min-width:40em) {
    .modal {
        bottom: auto;
        max-height: 70%;
        padding: 0;
        width: 60%;
        left: 20%
    }
}

@media screen and (min-width:53.75em) {
    .modal {
        width: 60%;
        left: 20%
    }
}

.modal #modalDescription,
.modal #modalTitle {
    padding: 1.875rem 1.25rem;
    display: block
}

@media screen and (min-width:40em) {
    .modal #modalDescription,
    .modal #modalTitle {
        padding: 1.875rem 2.5rem
    }
}

.modal #modalTitle {
    background: url(../896aadd7-796d-4dd8-94a9-b7c3d71beacf/blockquote-bg.jpg?MOD=AJPERES);
    margin: 0;
    padding-right: 3.125rem;
    font-size: 1.125rem
}

.modal a:hover {
    text-decoration: underline
}

.modal .modal-close {
    position: absolute;
    top: 1.875rem;
    right: 1.25rem;
    height: 1.5em;
    width: 1.5em;
    background: url(../7d53592f-c850-49ce-ab90-70a05450cd78/close.svg?MOD=AJPERES) center no-repeat;
    background-size: 80%;
    cursor: pointer;
    padding: 15px;
    text-indent: -9999px
}

#clinicfinder,
#modalOverlay,
.clinic-iframe-wrap {
    width: 100%;
    height: 100%
}

@media screen and (min-width:40em) {
    .modal #modalTitle {
        font-size: 2.125rem
    }
    .modal .modal-close {
        position: absolute;
        top: 1.875rem;
        right: 2.1875rem
    }
    #clinicfinder-modal.modal,
    #contact-modal.modal,
    #request-modal-kanso.modal,
    #request-modal.modal {
        max-height: 90%!important;
        bottom: 5%!important
    }
}

.modal h1 {
    margin-bottom: 0 0 .6em 0;
    text-align: left;
    text-transform: capitalize
}

.owl-theme .owl-dots,
section.quiz h2,
section.quiz h5 {
    text-align: center
}

.modal.video .modal-close {
    position: absolute;
    top: .625rem;
    right: .625rem
}

#clinicfinder-modal .modal-description,
#contact-modal .modal-description,
#request-modal .modal-description,
#request-modal-kanso .modal-description {
    position: relative;
    top: 0;
    bottom: 0;
    overflow: auto
}

#ci-modal,
#clinicfinder-modal,
#contact-modal,
#cook-modal,
#deb-modal,
#hybrid-modal,
#kanso-modal,
#kanso-rfi-modal,
#myth-modal-1,
#myth-modal-2,
#myth-modal-3,
#myth-modal-4,
#myth-modal-5,
#myth-modal-6,
#nina-modal,
#request-modal,
#request-modal-kanso {
    display: none;
    visibility: hidden
}

.modal-intro {
    font-weight: 800
}

.modal-info {
    font-size: 1.5rem
}

#ci-modal[aria-hidden=false],
#clinicfinder-modal[aria-hidden=false],
#contact-modal[aria-hidden=false],
#cook-modal[aria-hidden=false],
#deb-modal[aria-hidden=false],
#hybrid-modal[aria-hidden=false],
#kanso-modal[aria-hidden=false],
#kanso-rfi-modal[aria-hidden=false],
#myth-modal-1[aria-hidden=false],
#myth-modal-2[aria-hidden=false],
#myth-modal-3[aria-hidden=false],
#myth-modal-4[aria-hidden=false],
#myth-modal-5[aria-hidden=false],
#myth-modal-6[aria-hidden=false],
#nina-modal[aria-hidden=false],
#request-modal-kanso[aria-hidden=false],
#request-modal[aria-hidden=false] {
    visibility: visible
}

.invisible,
.mktoOffset,
.owl-dots {
    visibility: hidden
}

#modalOverlay {
    z-index: 1001;
    background-color: #000;
    opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    margin: 0;
    padding: 0
}

.invisible {
    display: none
}

#clinicfinder-modal {
    width: 70%;
    left: 15%
}

#clinicfinder {
    background: url(../aff2051a-86df-4f7f-a949-edd0aacc8550/loading-ring.gif?MOD=AJPERES) center center no-repeat
}

.mktoForm * {
    font-family: "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif!important
}

.mktoForm {
    margin-left: auto;
    margin-right: auto;
    width: auto!important;
    overflow: auto;
    padding-right: 1.25rem
}

.mktoForm::after {
    display: table
}

.mktoForm .mktoButtonWrap.mktoInset,
.mktoForm .mktoButtonWrap.mktoNative {
    margin-left: 0!important
}

.mktoForm .mktoButtonWrap.mktoInset button.mktoButton,
.mktoForm .mktoButtonWrap.mktoNative button.mktoButton {
    border-radius: 1.25rem;
    font-size: 1.125rem;
    border: none!important;
    padding: 1.25rem;
    box-shadow: none;
    background: #f2bf2d!important;
    color: #333
}

.mktoButtonRow,
.mktoFormRow {
    display: block
}

.mktoButtonRow::after,
.mktoFormRow::after {
    display: table
}

.mktoOffset {
    display: none
}

@media screen and (min-width:53.75em) {
    #contact-modal .mktoFormRow:nth-child(2),
    #contact-modal .mktoFormRow:nth-child(3) {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        clear: none!important
    }
    #contact-modal .mktoFormRow:nth-child(2):last-child,
    #contact-modal .mktoFormRow:nth-child(3),
    #contact-modal .mktoFormRow:nth-child(3):last-child {
        margin-right: 0
    }
    #request-modal .mktoFormRow:nth-child(14),
    #request-modal .mktoFormRow:nth-child(16),
    #request-modal .mktoFormRow:nth-child(3),
    #request-modal .mktoFormRow:nth-child(4),
    #request-modal-kanso .mktoFormRow:nth-child(14),
    #request-modal-kanso .mktoFormRow:nth-child(16),
    #request-modal-kanso .mktoFormRow:nth-child(3),
    #request-modal-kanso .mktoFormRow:nth-child(4) {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        clear: none!important
    }
    #request-modal .mktoFormRow:nth-child(14):last-child,
    #request-modal .mktoFormRow:nth-child(16),
    #request-modal .mktoFormRow:nth-child(16):last-child,
    #request-modal .mktoFormRow:nth-child(3):last-child,
    #request-modal .mktoFormRow:nth-child(4),
    #request-modal .mktoFormRow:nth-child(4):last-child,
    #request-modal-kanso .mktoFormRow:nth-child(14):last-child,
    #request-modal-kanso .mktoFormRow:nth-child(16),
    #request-modal-kanso .mktoFormRow:nth-child(16):last-child,
    #request-modal-kanso .mktoFormRow:nth-child(3):last-child,
    #request-modal-kanso .mktoFormRow:nth-child(4),
    #request-modal-kanso .mktoFormRow:nth-child(4):last-child {
        margin-right: 0
    }
}

@media screen and (min-width:40em) {
    .mktoFieldWrap,
    .mktoFormCol,
    .mktoHasWidth {
        width: 100%!important
    }
}

.mktoFieldWrap>.mktoLabel {
    margin-bottom: .625rem;
    font-size: 1.125rem;
    font-weight: 400!important;
    width: auto!important
}

.mktoForm select {
    font-size: 1.125rem;
    height: 2rem!important;
    margin-left: 1px
}

.mktoForm input[type=email],
.mktoForm input[type=text] {
    height: 2rem!important;
    display: block;
    font-size: 1.125rem;
    border-radius: 0;
    width: 100%!important;
    padding: .625rem
}

.mktoForm textarea[rows="2"] {
    height: 6rem!important;
    border-radius: 0
}

.owl-carousel {
    display: none;
    width: 100%;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    display: none
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

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

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(https://www.cochlear.com/6f9a616c-7b50-4e54-8084-c917f54c24a8/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #cbcbcb;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #918c82;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 16px;
    height: 16px;
    margin: 5px 4px;
    background: #cbcbcb;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #918c82
}

.request-brochure-ios {
    display: inline-block;
    margin: 0 auto
}

.main-return {
    padding: 1.875rem 0
}

.quiz-back-button {
    color: #2450b2;
    font-size: 1.125rem;
    line-height: 1.2;
    padding-left: 1.875rem;
    margin-left: .9375rem;
    background: url(../163a1cf4-43cb-4d49-bd0c-0880a8a00dbb/arrow-left.svg?MOD=AJPERES) left center no-repeat
}

.quiz-back-button:hover {
    color: #333
}

#quiz {
    position: relative
}

section.quiz {
    padding-bottom: 0
}

section.quiz .owl-controls {
    position: relative;
    margin-top: -1.75em;
    margin-bottom: 0
}

section.quiz .owl-dot,
section.quiz .owl-dot.answered,
section.quiz .owl-dot:hover {
    cursor: default
}

section.quiz .owl-dot.answered span,
section.quiz .owl-dot:hover span {
    cursor: default;
    background-color: #918c82!important
}

section.quiz .quiz-nav {
    position: absolute;
    z-index: 10000;
    bottom: 7.25em;
    width: 100%
}

section.quiz .quiz-nav.hide {
    display: none
}

section.quiz .quiz-nav .button-quiz-next,
section.quiz .quiz-nav .button-quiz-prev {
    position: absolute;
    height: 3.4375rem;
    padding: 0;
    color: #333;
    font-size: 1rem;
    font-weight: 400;
    text-transform: capitalize;
    transition: opacity .3 ease
}

section.quiz .quiz-nav .button-quiz-next:hover,
section.quiz .quiz-nav .button-quiz-prev:hover {
    opacity: .9
}

section.quiz .quiz-nav .button-quiz-next.disable,
section.quiz .quiz-nav .button-quiz-prev.disable {
    opacity: .5
}

section.quiz .quiz-nav .button-quiz-prev {
    left: .75rem;
    padding-left: 3.75rem;
    background: url(../e73b177c-aaa3-475d-b371-43832ba6663d/previous-white.png?MOD=AJPERES) left center no-repeat
}

section.quiz .quiz-nav .button-quiz-next {
    right: .75rem;
    padding-right: 3.75rem;
    background: url(../9bcf75b0-2160-4d56-9598-462d3b0bb1bc/next.png?MOD=AJPERES) right center no-repeat
}

@media screen and (min-width:40em) {
    .quiz-back-button {
        margin-left: 0
    }
    section.quiz .owl-controls {
        margin-top: -4.5em;
        margin-bottom: 2.5em
    }
    section.quiz .quiz-nav {
        bottom: 5.5em
    }
    section.quiz .quiz-nav .button-quiz-next,
    section.quiz .quiz-nav .button-quiz-prev {
        font-size: 1.125rem
    }
    section.quiz .quiz-nav .button-quiz-prev {
        left: 1.25rem;
        padding-left: 4.0625rem
    }
    section.quiz .quiz-nav .button-quiz-next {
        right: 1.25rem;
        padding-right: 4.0625rem
    }
}

section.quiz .quizitem .question {
    background: url(../b5d33c67-3777-4852-a11b-68e88428d66c/carousel-left.jpg?MOD=AJPERES);
    padding: .3125rem .625rem 1.875rem
}

@media screen and (device-width:360px) and (device-height:640px) and (orientation:landscape) {
    section.quiz .quizitem .question {
        padding: .1875rem .625rem 1.25rem
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
    section.quiz .quizitem .question {
        padding: .1875rem .625rem 1.25rem
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape) {
    section.quiz .quizitem .question {
        padding: .1875rem .625rem 1.25rem
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:landscape) {
    section.quiz .quizitem .question {
        padding: .1875rem .625rem 1.25rem
    }
}

@media screen and (min-width:40em) {
    section.quiz .quizitem .question {
        padding: .625rem 0 1.875rem
    }
}

@media screen and (min-width:53.75em) {
    section.quiz .quizitem .question {
        padding: 1.25rem 0 2.5rem
    }
}

section.quiz .quizitem .question h3 {
    font-size: 1.875rem;
    color: #fff;
    margin: 0
}

section.quiz .quizitem .question h3.row {
    max-width: 28em
}

section.quiz .quizitem .question h3 .two {
    font-size: 2.5rem;
    line-height: 1;
    letter-spacing: 3px;
    text-align: right;
    width: 22.70196%
}

@media screen and (min-width:40em) {
    section.quiz .quizitem .question h3 .two {
        font-size: 3.75rem;
        width: 14.70196%
    }
}

section.quiz .quizitem .question h3 .ten {
    font-size: 1.125rem;
    line-height: 1.2;
    width: 74.94039%;
    margin-top: 0;
    min-height: 8.125rem
}

@media screen and (device-width:360px) and (device-height:640px) and (orientation:landscape) {
    section.quiz .quizitem .question h3 .ten {
        min-height: 4.375rem
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
    section.quiz .quizitem .question h3 .ten {
        min-height: 4.375rem
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape) {
    section.quiz .quizitem .question h3 .ten {
        min-height: 4.375rem
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:landscape) {
    section.quiz .quizitem .question h3 .ten {
        min-height: 4.375rem
    }
}

section.quiz .quizitem .answer {
    text-align: center;
    background: url(../a6dd6df4-5432-403b-be8a-9145fbd6d0d1/carousel-right.jpg?MOD=AJPERES);
    padding: 1.25rem .625rem 1.875rem
}

@media screen and (min-width:40em) {
    section.quiz .quizitem .question h3 .ten {
        font-size: 1.5625rem;
        min-height: auto;
        width: 82.94039%
    }
    section.quiz .quizitem .answer {
        padding: 2.5rem 1.25rem
    }
}

@media screen and (min-width:53.75em) {
    section.quiz .quizitem .answer {
        padding: 4.375rem 1.875rem
    }
}

section.quiz .quizitem .answer ol.question-ol {
    list-style: none
}

section.quiz .quizitem .answer ol.question-ol li {
    display: inline-block;
    margin: 0 .0625rem
}

section.quiz .quizitem .answer ol.question-ol li a {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #333;
    font-size: 1.625rem;
    border-radius: 50%;
    background: #fff;
    text-decoration: none;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, .2)
}

section.quiz .quizitem .answer ol.question-ol li a.selected,
section.quiz .quizitem .answer ol.question-ol li a:hover {
    color: #333;
    font-weight: 700;
    background: #f2bf2d
}

@media screen and (min-width:40em) {
    section.quiz .quizitem .answer ol.question-ol li {
        margin: 0 .9375rem
    }
    section.quiz .quizitem .answer ol.question-ol li a {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 2.25rem
    }
}

section.quiz .quizitem .answer-range {
    margin-top: 1.5625rem;
    text-align: center
}

section.quiz .quizitem .answer-range .agree,
section.quiz .quizitem .answer-range .disagree {
    display: inline-block;
    font-size: .75rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-repeat: no-repeat
}

section.quiz .quizitem .answer-range .agree {
    margin-left: .3125rem;
    padding-right: 1.875rem;
    background-image: url(../faaef00e-6592-4015-a2e7-ee4e74ce03f9/chevron-right.png?MOD=AJPERES);
    background-position: right center
}

section.quiz .quizitem .answer-range .disagree {
    margin-right: .3125rem;
    padding-left: 1.875rem;
    background-image: url(../0ece8afe-e916-4557-8021-ff7d6604f58e/chevron-left.png?MOD=AJPERES);
    background-position: left center
}

section.quiz .quizitem .answer-range .line {
    display: none;
    width: 10%;
    height: 6px;
    border-top: 2px solid #666
}

section.quiz .quizitem .question-footer {
    height: 5rem;
    background: url(../c98bdd85-38da-4570-8c48-f1a9f0775bdf/bg.jpg?MOD=AJPERES)
}

@media screen and (min-width:40em) {
    section.quiz .quizitem .answer-range .agree,
    section.quiz .quizitem .answer-range .disagree {
        font-size: 1.125rem
    }
    section.quiz .quizitem .answer-range .agree {
        margin-left: .9375rem;
        padding-right: 1.875rem
    }
    section.quiz .quizitem .answer-range .disagree {
        margin-right: .9375rem;
        padding-left: 1.875rem
    }
    section.quiz .quizitem .answer-range .line {
        width: 30%;
        display: inline-block
    }
    section.quiz .quizitem .question-footer {
        height: 6.25rem
    }
}

section.quiz-details {
    padding: 0 0 1.25rem!important
}

@media screen and (min-width:40em) {
    section.quiz-details {
        padding: 1.25rem 0 3.125rem!important
    }
}

section.quiz-details p {
    font-size: .875rem
}

section.quiz-details .wrap>.row {
    padding-top: 0
}

@media screen and (min-width:40em) {
    section.quiz-details .wrap>.row {
        padding-top: 1.25rem
    }
}

section.quiz-details .detail-first {
    text-align: center
}

@media screen and (min-width:53.75em) {
    section.quiz-details .detail-first {
        margin-left: 51.17883%
    }
    section.quiz-details .detail-last {
        margin-left: -102.35765%
    }
}

section.quiz-details .detail-link {
    color: #2450b2
}

section.quiz-details .button-submit-results {
    display: inline-block;
    margin: 0 auto 1.25rem;
    padding: 1.25rem 1.875rem;
    font-size: 1.375rem;
    font-weight: 700
}

@media screen and (min-width:53.75em) {
    section.quiz-details .button-submit-results {
        float: right;
        margin: 0
    }
}

section.quiz-details .button-submit-results.disabled {
    color: #b0b0b0;
    background-color: #ececec;
    cursor: default
}

@media screen and (min-width:40em) {
    section.quiz-details .button-submit-results {
        padding: 1.25rem 2.8125rem;
        font-size: 1.5rem
    }
}

.results-header {
    background: #f2bf2d;
    margin-top: .625rem;
    padding: 1.875rem .9375rem
}

@media screen and (min-width:40em) {
    .results-header {
        padding: 1.5625rem 2.5rem
    }
}

.results-header h2 {
    font-size: 1.3125rem
}

.results-header p {
    font-size: 1.125rem
}

.results-header .button-results-learn {
    float: right;
    background-color: #eee;
    padding: .625rem 1.25rem
}

@media screen and (min-width:40em) {
    .results-header .button-results-learn {
        padding: .9375rem 1.875rem;
        font-size: 1.25rem
    }
}

.results {
    background: url(../c98bdd85-38da-4570-8c48-f1a9f0775bdf/bg.jpg?MOD=AJPERES);
    padding: 1.875rem .9375rem;
    margin-bottom: 2.5rem
}

.results p {
    font-size: 1.25rem
}

.results .results-chart {
    margin-bottom: 3.75rem
}

.results .results-chart .results-text {
    font-size: 1.875rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: .3125rem
}

.results .results-chart .chart {
    margin: 0 auto;
    width: 100%;
    height: 40px;
    background: url(../50d66312-daa0-49ac-8e8e-4a7b4ced1dbe/results-graph.png?MOD=AJPERES) center bottom no-repeat;
    background-size: contain
}

@media screen and (min-width:40em) {
    .results {
        padding: 2.5rem
    }
    .results .results-chart .results-text {
        font-size: 3.125rem
    }
    .results .results-chart .chart {
        width: 656px;
        height: 88px;
        background-size: auto
    }
}

.results #marker {
    width: 10px;
    height: 8px;
    background: url(../c7147652-92f9-4773-9172-61391a5ef86e/chart-marker.png?MOD=AJPERES) no-repeat;
    background-size: contain
}

.results-brochure,
.results-brochure h2 {
    margin-bottom: 2.5rem
}

@media screen and (min-width:40em) {
    .results #marker {
        width: 16px;
        height: 14px;
        background-size: auto
    }
    .owl-dots {
        visibility: visible
    }
}

#mktoForm_1280 {
    height: 950px
}

.cta-text {
    color: #585757
}