.caption,
.logo a,
.brochure-link,
.down-arrow,
.pillars,
.pillar-text,
.implants .icon-row,
.surgery .icon-row,
.processors .icon-row,
.solutions .icon-row,
.subscribe form,
.mktoButton,
.top {
    behavior: url("/assets/js/PIE.php")
}

html {
    background-color: #8A7D75;
    box-sizing: border-box;
    font-family: sans-serif;
    height: 100%;
    overflow-y: scroll;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

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

body {
    background: #FFF;
    color: #000;
    font: normal normal 100%/1.4 "Trebuchet MS", Arial, sans-serif;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased
}

.disable-hover,
.disable-hover * {
    pointer-events: none !important
}

::selection,
::-webkit-selection {
    background: #FFA100;
    color: #FFF
}

::-moz-selection {
    background: #FFA100;
    color: #FFF
}

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

body:hover .hide a,
body:hover .hide input,
body:hover .hide button {
    display: none !important
}

.nb {
    list-style: none;
    margin: 0;
    padding: 0
}

h2 strong,
.intro-text strong,
.rocket-scientist strong {
    text-transform: uppercase
}

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

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto
}

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

svg {
    fill: currentColor;
    pointer-events: none;
    width: 16px;
    height: 16px
}

a {
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    vertical-align: baseline
}

a:link {
    -webkit-tap-highlight-color: #FFA100
}

a:hover,
a:focus,
a:active {
    color: #FFA100;
    text-decoration: underline
}

a:focus {
    outline: thin dotted
}

a:active {
    outline: none
}

a,
button {
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease
}

h1,
h2,
h3 {
    color: #000;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-weight: normal;
    line-height: 1.25;
    margin: 0;
    text-rendering: optimizelegibility
}

h1 {
    font-size: 2em;
    margin-bottom: 0.75em
}

h2 {
    font-size: 1.375em;
    margin-bottom: 0.75em
}

h3 {
    font-size: 1.25em;
    margin-bottom: 1em
}

p,
ol,
ul,
dl {
    font-size: 0.875em;
    margin: 0 0 10px
}

ul,
ol {
    margin-left: 1em;
    padding-left: 1em
}

blockquote {
    font-style: normal;
    margin: 0 0 1em 0;
    padding: 0.5em
}

cite {
    display: block;
    font-style: normal
}

q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

dl,
dd {
    margin-bottom: 1em
}

dt {
    font-weight: bold
}

sup {
    font-size: 0.8em;
    line-height: 0;
    position: relative
}

sup {
    top: .1em
}

img {
    border: 0;
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: bottom
}

svg {
    fill: currentColor;
    width: 20px;
    height: 20px
}

.wrap {
    margin: 0 auto;
    position: relative;
    *zoom: 1;
    max-width: 300px
}

.wrap:before,
.wrap:after {
    content: " ";
    display: table
}

.wrap:after {
    clear: both
}

@media only screen and (min-width: 48em) {
    .wrap {
        max-width: 728px
    }
}

@media only screen and (min-width: 61.3125em) {
    .wrap {
        padding: 0;
        max-width: 958px
    }
}

.row {
    *zoom: 1;
    margin: 0 auto;
    width: 100%
}

.row:before,
.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

@media only screen and (min-width: 61.1875em) {
    .col-1-2 {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 50%;
        margin-left: 0%;
        margin-right: 0%
    }
    .col-1-2:before,
    .col-1-2:after {
        content: '';
        display: table
    }
    .col-1-2:after {
        clear: both
    }
}

@media only screen and (min-width: 48em) {
    .col-1-3 {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 33.3333333333%;
        margin-left: 0%;
        margin-right: 0%
    }
    .col-1-3:before,
    .col-1-3:after {
        content: '';
        display: table
    }
    .col-1-3:after {
        clear: both
    }
}

@supports (-moz-appearance: meterbar) and (all: initial) {
    .col-1-3 {
        width: 33%
    }
}

section {
    background-position: 50% 0;
    background-repeat: no-repeat;
    *zoom: 1
}

section:before,
section:after {
    content: " ";
    display: table
}

section:after {
    clear: both
}

@media only screen and (min-width: 87.5em) {
    section {
        background-position: 50% 50%;
        background-size: cover
    }
}

.strap {
    position: relative;
    text-align: center
}

.strap p {
    color: #FFF;
    font-size: 1.3125em;
    margin-bottom: 0 !important;
    padding: 15px 0
}

@media only screen and (min-width: 61.1875em) {
    .strap {
        height: 78px
    }
    .strap p {
        line-height: 78px;
        padding: 0
    }
}

.strap.quote {
    height: auto
}

.strap.quote .wrap {
    text-align: left;
    width: 780px;
    padding: 0 0 20px
}

@media only screen and (min-width: 48em) {
    .strap.quote .wrap {
        padding: 20px 0
    }
}

.strap.quote blockquote {
    padding: 0;
    position: relative
}

@media only screen and (min-width: 48em) {
    .strap.quote blockquote {
        padding: 0 80px 0 100px
    }
}

.strap.quote blockquote:before,
.strap.quote blockquote:after {
    color: #FFF;
    display: block;
    font: italic 10.5em/1 "Trebuchet MS", Arial, sans-serif;
    position: relative
}

.strap.quote blockquote:before {
    content: '\201c';
    margin-bottom: -.55em;
    left: -.1em
}

@media only screen and (min-width: 48em) {
    .strap.quote blockquote:before {
        margin-bottom: 0;
        left: 0;
        top: -.1em;
        position: absolute
    }
}

.strap.quote blockquote:after {
    content: '\201d';
    position: absolute;
    right: 0;
    bottom: -.65em
}

@media only screen and (min-width: 48em) {
    .strap.quote blockquote:after {
        bottom: -.55em
    }
}

.strap.quote blockquote cite {
    max-width: 200px
}

@media only screen and (min-width: 48em) {
    .strap.quote blockquote cite {
        max-width: none
    }
}

.strap.quote p {
    font-size: 1em;
    font-style: italic;
    line-height: 1.4375;
    padding-top: 10px
}

.strap.quote {
    background-color: #84776e !important
}

.section-hd {
    font-size: 2em;
    line-height: 1;
    margin: 0 0 45px
}

.section-hd strong {
    display: block
}

@media only screen and (min-width: 48em) {
    .adults .section-hd strong {
        display: inline
    }
}

@media only screen and (min-width: 61.1875em) {
    .section-hd strong {
        display: inline
    }
}

.first {
    font-size: 1.1875em;
    font-size: 19px
}

.caption {
    background-color: rgba(255, 255, 255, 0.75);
    -pie-background: rgba(255, 255, 255, 0.75);
    border-radius: 0 1em 1em 0;
    font-size: .75em;
    padding: 0.5em 25px;
    position: absolute;
    display: none
}

.care .caption {
    border-radius: 1em 0 0 1em
}

@media only screen and (min-width: 48em) {
    .caption {
        display: inline-block
    }
}

@media only screen and (min-width: 61.1875em) {
    .caption {
        font-size: .875em
    }
}

.icons {
    text-align: center
}

.icons>.wrap {
    padding: 40px 0
}

.icons>.wrap p {
    margin: 0 auto
}

.icons h2 {
    margin-bottom: 15px
}

@media only screen and (min-width: 48em) {
    .icons h2 {
        margin-bottom: 25px
    }
}

@media only screen and (min-width: 61.1875em) {
    .icons h2 {
        margin-bottom: 40px
    }
}

.icon-row {
    position: relative
}

.icon-row .wrap {
    width: 850px
}

.icon-row .col-1-3 {
    position: relative
}

.icon-row .col-1-3 .icon-changing+p {
    margin-bottom: 35px
}

@media only screen and (min-width: 48em) {
    .icon-row .col-1-3 .icon-changing+p {
        margin-bottom: 25px
    }
}

.icon-row svg {
    float: left;
    height: 76px;
    width: auto;
    position: absolute;
    left: -110px;
    top: 0
}

.icon-row .icon-computer-chip {
    height: 106px;
    margin-top: -14px
}

.icon-row .icon-boost {
    height: 43px;
    margin-top: 14px
}

@media only screen and (min-width: 48em) {
    .icon-row .icon-boost {
        height: 90px;
        margin-top: 56px
    }
}

.icon-row .icon-changing {
    height: 65px;
    margin-top: -5px
}

.icon-row .icon-changing+p {
    margin-bottom: 35px
}

@media only screen and (min-width: 48em) {
    .icon-row .icon-changing {
        height: 115px;
        margin-top: 31px
    }
    .icon-row .icon-changing+p {
        margin-bottom: 25px
    }
}

.icon-row p {
    font-size: 21px;
    line-height: 1.25;
    margin: 25px auto
}

.icon-row .col-1-3 p {
    margin: 0 0 25px 100px;
    text-align: left
}

.icon-row .col-1-3 p.two-line {
    margin-bottom: 35px;
    padding-top: 10px
}

.icon-row .col-1-3 br {
    display: none
}

@media only screen and (min-width: 48em) {
    .icon-row .col-1-3 {
        border-left: 1px solid;
        min-height: 265px
    }
    .icon-row .col-1-3 p {
        margin: 25px auto;
        text-align: center
    }
    .icon-row .col-1-3 p.two-line {
        padding-top: 0
    }
    .icon-row .col-1-3 br {
        display: inline
    }
    .icon-row .col-1-3:first-child,
    .icon-row p+.col-1-3 {
        border-left: 0
    }
    .icon-row svg {
        float: none;
        height: 145px;
        margin-left: -30px;
        position: static
    }
    .icon-row .icon-computer-chip {
        height: 195px;
        margin-top: -25px
    }
}

@media only screen and (min-width: 61.1875em) {
    .icon-row svg {
        margin-left: -10px
    }
}

.icon-list {
    font-size: 1.3125em;
    text-align: left
}

.icon-list li {
    height: 75px;
    line-height: 1.25;
    margin: 0;
    overflow: hidden;
    padding-left: 80px;
    position: relative
}

@media only screen and (min-width: 48em) {
    .icon-list li {
        height: 70px;
        line-height: 70px;
        overflow: visible
    }
}

@media only screen and (min-width: 61.1875em) {
    .icon-list li {
        height: 84px;
        line-height: 84px
    }
}

.icon-list svg {
    position: absolute;
    left: 0;
    top: -46px
}

.icon-list svg.icon-wireless {
    top: -58px
}

.icon-list svg.icon-wireless+span {
    padding-top: 5px
}

@media only screen and (min-width: 48em) {
    .icon-list svg {
        top: -40px
    }
    .icon-list svg.icon-wireless {
        top: -41px
    }
}

@media only screen and (min-width: 61.1875em) {
    .icon-list svg {
        top: -31px
    }
    .icon-list svg.icon-wireless {
        top: -35px
    }
}

.icon-list span {
    overflow: hidden
}

.icon-list svg {
    height: auto
}

.icon-list .icon-surgery {
    width: 58px
}

.icon-list .icon-ear {
    width: 54px
}

.icon-list .icon-computer-chip {
    width: 62px
}

.icon-list .icon-wireless {
    width: 57px
}

.icon-list .icon-rehab {
    width: 40px
}

.icon-list .icon-glasses {
    width: 57px
}

.icon-list .icon-stethoscope {
    width: 53px
}

.icon-list .icon-tools {
    width: 49px
}

.icon-list .icon-community,
.icon-list .icon-take-control {
    width: 52px;
    height: auto
}

.one-line {
    margin-top: 5px
}

.one-line span {
    display: inline-block;
    padding-top: 15px
}

@media only screen and (min-width: 48em) {
    .one-line {
        margin-top: 0
    }
    .one-line span {
        display: inline;
        padding-top: 0
    }
}

header>.wrap,
.main-nav a {
    height: 76px;
    line-height: 75px
}

header {
    background-color: #8A7D75;
    color: #FFF;
    padding-top: 1px;
    position: relative
}

.menu-open header .wrap {
    max-width: none
}

header>.wrap {
    z-index: 2
}

#menu-trigger svg {
    fill: #FFF;
    width: 38px;
    height: 30px
}

.menu-open #menu-trigger {
    position: absolute;
    left: -11.75em;
    z-index: 2
}

.menu-open #menu-trigger svg {
    fill: #8A7D75
}

#menu-trigger a {
    display: inline-block;
    line-height: 1;
    font-weight: normal;
    margin-top: 22px;
    pointer-events: none;
    text-decoration: none
}

#menu-trigger a:hover {
    cursor: pointer
}

#menu-trigger a:focus,
#menu-trigger a:active {
    outline: none
}

#menu-trigger span {
    color: transparent;
    display: block;
    font-size: 0;
    overflow: hidden
}

@media only screen and (min-width: 61.1875em) {
    #menu-trigger {
        display: none
    }
}

.logo {
    font-size: 1em;
    margin: 0;
    position: absolute;
    right: 0;
    top: -1px
}

.logo a,
.logo>img {
    vertical-align: top
}

.logo>img {
    margin: 1.625em 24px 0 0;
    display: none
}

@media only screen and (min-width: 48em) {
    .logo>img {
        display: inline
    }
}

.logo a {
    background-color: #fff;
    border-radius: 0 0 0 12px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    display: inline-block;
    padding: 15px 0;
    position: relative;
    width: 110px;
    height: 100px;
    text-align: center
}

@media only screen and (min-width: 61.1875em) {
    .logo a {
        padding: 30px 0 25px;
        width: 148px;
        height: 144px
    }
    .logo a img {
        width: 98px;
        height: 83px
    }
}

.main-nav {
    display: none;
    *zoom: 1
}

.main-nav:before,
.main-nav:after {
    content: " ";
    display: table
}

.main-nav:after {
    clear: both
}

.js .main-nav {
    display: block
}

.main-nav a {
    display: block;
    text-decoration: none
}

.off-canvas-menu .main-nav {
    background-color: #fff
}

@media screen and (max-width: 61.1875em) {
    .main-nav a {
        border-top: 1px solid #ACA299;
        color: #000;
        font-size: 1.5em;
        font-weight: normal;
        position: relative
    }
    .main-nav a:after {
        content: '›';
        color: #ACA299;
        font-size: 2.476190476em;
        position: absolute;
        right: 25px;
        top: -.01em
    }
    .main-nav li:first-child a {
        border-top: 0
    }
    .main-nav ul {
        margin: 75px 0 0 30px;
        width: 190px
    }
}

@media only screen and (min-width: 61.1875em) {
    .main-nav ul {
        *zoom: 1;
        position: relative
    }
    .main-nav ul:before,
    .main-nav ul:after {
        content: " ";
        display: table
    }
    .main-nav ul:after {
        clear: both
    }
    .main-nav li {
        float: left;
        margin-right: 40px;
        position: relative;
        top: -1px
    }
    .main-nav a {
        border-bottom: 6px solid transparent
    }
    .main-nav a:hover,
    .main-nav a:focus,
    .main-nav a.here {
        border-bottom-color: #ACA299;
        color: #FFF
    }
}

.ie8 .logo {
    width: 340px
}

.ie8 .logo a {
    box-shadow: 0 0 6px #bfbfbf
}

.button-strap {
    background-color: #FDC82F;
    height: 2.5em;
    line-height: 2.5em;
    position: relative;
    z-index: 1
}

.brochure-link {
    background-color: rgba(255, 255, 255, 0.3);
    -pie-background: rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    color: #000;
    display: inline-block;
    font-size: .875em;
    height: 26px;
    line-height: 26px;
    outline: none;
    padding: 0 20px;
    position: absolute;
    left: 0;
    bottom: -33px;
    z-index: 3
}

@media only screen and (min-width: 61.1875em) {
    .brochure-link {
        left: auto;
        right: 184px
    }
}

.brochure-link:hover,
.brochure-link:focus {
    color: #000;
    text-decoration: none
}

.false {
    border: 1px solid #000;
    display: inline-block;
    width: 30px;
    height: 30px
}

.president {
    background-image: url(/8f01fe47-048f-40d4-b61e-de66ad744662/blackboard_sm.jpg?MOD=AJPERES)
}

.adults .president {
    background-image: url(/079ce6f0-d2ec-44da-89bd-85226efe69ca/grandparent_sm.jpg?MOD=AJPERES);
    background-position: left 50% bottom 72px
}

@media only screen and (min-width: 48em) {
    .president {
        background-image: url(/02591cd7-5134-4bc9-b759-d4b7dc415140/blackboard_md.jpg?MOD=AJPERES)
    }
    .adults .president {
        background-image: url(/84365e15-2c9a-4866-b5fa-611dcb2bfb8c/grandparent_md.jpg?MOD=AJPERES);
        background-position: left 50% bottom 54px
    }
}

@media only screen and (min-width: 61.1875em) {
    .president {
        background-image: url(/acb60c98-c52f-463f-97c7-570729e22bef/blackboard_lg.jpg?MOD=AJPERES)
    }
    .adults .president {
        background-image: url(/fb8c37ed-1a78-4d71-b2eb-6b0265f4c3e7/grandparent_lg.jpg?MOD=AJPERES)
    }
}

.president>.wrap {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    clear: both;
    height: 312px;
    padding-top: 1px
}

.adults .president>.wrap {
    height: 285px
}

@media only screen and (min-width: 48em) {
    .president>.wrap {
        height: 330px
    }
    .adults .president>.wrap {
        height: 315px
    }
}

@media only screen and (min-width: 61.1875em) {
    .president>.wrap {
        height: 522px
    }
    .adults .president>.wrap {
        height: 482px
    }
}

.president .strap {
    background-color: #FDC82F
}

@media only screen and (min-width: 61.1875em) {
    .president .strap {
        height: 54px
    }
    .president .strap p {
        line-height: 54px
    }
}

.president .strap p {
    color: #000;
    font-size: 1.1875em;
    position: relative;
    z-index: 2
}

.intro-text {
    font-size: 1.75em;
    line-height: 1.08;
    padding: 10px 30px 0 0
}

.intro-text br {
    display: none
}

@media only screen and (min-width: 48em) {
    .intro-text {
        color: #FFF;
        font-size: 2.375em;
        line-height: 1.25;
        width: 36.5em;
        padding: 0;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .intro-text br {
        display: inline
    }
    .intro-text strong {
        display: block;
        font-size: 1.157894737em
    }
}

.ie8 .intro-text {
    top: 37%
}

.adults .intro-text {
    color: #000;
    font-size: 1.5em;
    margin: 15px 0 0 38px;
    padding-right: 0;
    text-align: right;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 0;
    width: 11em
}

.adults .intro-text strong {
    color: #0097C3;
    display: block;
    font-size: 1.25em
}

.adults .intro-text br {
    display: inline
}

@media only screen and (min-width: 48em) {
    .adults .intro-text {
        font-size: 2em;
        margin: 60px 0 0 380px
    }
    .adults .intro-text strong {
        display: inline
    }
    .adults .intro-text br {
        display: none
    }
}

@media only screen and (min-width: 61.1875em) {
    .adults .intro-text {
        font-size: 2.375em;
        margin: 97px 0 0 540px
    }
}

.down-arrow {
    background-color: #FDC82F;
    border-radius: 50%;
    display: none;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -30px;
    z-index: 1
}

@media only screen and (min-width: 48em) {
    .down-arrow {
        display: block
    }
}

.ie8 .down-arrow {
    line-height: 30px
}

.rocket-scientist {
    background-image: url(/7b8a6833-0ed2-4bd8-bcdd-48a8bc6ac4c0/pilot_sm.jpg?MOD=AJPERES);
    padding-top: 30px
}

.adults .rocket-scientist {
    background-image: url(/1a024650-2795-4c42-bd53-af461e2da274/family_sm.jpg?MOD=AJPERES);
    background-position: 50% -10px
}

@media only screen and (min-width: 48em) {
    .rocket-scientist {
        background-image: url(/c88f4fc2-90db-47dd-8a44-9b485b5363c0/pilot_md.jpg?MOD=AJPERES)
    }
    .adults .rocket-scientist {
        background-image: url(/7b7806b8-7ec0-48a5-84c1-b51d62e3b3da/family_md.jpg?MOD=AJPERES);
        background-position: 50% -45px
    }
}

@media only screen and (min-width: 61.1875em) {
    .rocket-scientist {
        background-image: url(/d7246949-c9b2-4879-b7da-defdcc93fc9c/pilot_lg.jpg?MOD=AJPERES)
    }
    .adults .rocket-scientist {
        background-image: url(/223ebeec-e879-4a2e-a8f4-0c5a6cbcf09f/family_lg.jpg?MOD=AJPERES);
        background-position: 50% 0
    }
}

@media only screen and (min-width: 48em) {
    .rocket-scientist {
        padding-top: 45px
    }
}

.adults .rocket-scientist {
    padding-top: 30px
}

@media only screen and (min-width: 61.1875em) {
    .adults .rocket-scientist {
        padding-top: 45px
    }
}

.rocket-scientist .text {
    position: relative
}

.rocket-scientist .text h2 {
    font-size: 2em;
    line-height: 1;
    margin-bottom: 10px
}

@media only screen and (min-width: 48em) {
    .rocket-scientist .text {
        float: right;
        padding-bottom: 2.5em;
        width: 500px
    }
    .rocket-scientist .text .first {
        font-size: 1em
    }
}

@media only screen and (min-width: 61.1875em) {
    .rocket-scientist .text {
        padding-bottom: 0;
        width: 570px
    }
    .rocket-scientist .text h2 {
        font-size: 2.125em
    }
    .rocket-scientist .text .first {
        font-size: 1.1875em
    }
}

@media only screen and (min-width: 48em) {
    .adults .rocket-scientist .text,
    .adults .rocket-scientist .text h2 {
        color: #FFF
    }
}

.adults .rocket-scientist .text {
    float: none;
    margin-bottom: 25px
}

@media only screen and (min-width: 48em) {
    .adults .rocket-scientist .text {
        margin-bottom: 0;
        width: 200px
    }
}

@media only screen and (min-width: 61.1875em) {
    .adults .rocket-scientist .text {
        width: 300px
    }
}

.adults .rocket-scientist .text h2 {
    line-height: 1.125;
    margin-bottom: 25px
}

.rocket-scientist strong,
.rocket-scientist em {
    font-weight: bold
}

.rocket-scientist .col-1-2 {
    padding: 40px 0
}

@media only screen and (min-width: 61.1875em) {
    .rocket-scientist .col-1-2 {
        padding: 40px
    }
}

.rocket-scientist .caption {
    bottom: 1.5em;
    left: -255px
}

@media only screen and (min-width: 48em) {
    .rocket-scientist .caption {
        bottom: 2em;
        left: -235px
    }
}

@media only screen and (min-width: 61.1875em) {
    .rocket-scientist .caption {
        bottom: 0;
        left: -345px
    }
}

.pillars {
    background-image: -webkit-linear-gradient(top, #8A7D75 0%, #968a83 60%, #8A7D75 60.1%, #8A7D75 100%);
    background-image: linear-gradient(to bottom, #8A7D75 0%, #968a83 60%, #8A7D75 60.1%, #8A7D75 100%);
    -pie-background: linear-gradient(top, #8A7D75 0%, #968a83 60%, #8A7D75 60.1%, #8A7D75 100%);
    position: relative
}

@media only screen and (min-width: 48em) {
    .pillars {
        background-image: -webkit-linear-gradient(top, #8A7D75 0%, #968a83 36.7%, #8A7D75 36.8%, #8A7D75 100%);
        background-image: linear-gradient(to bottom, #8A7D75 0%, #968a83 36.7%, #8A7D75 36.8%, #8A7D75 100%);
        -pie-background: linear-gradient(top, #8A7D75 0%, #968a83 36.7%, #8A7D75 36.8%, #8A7D75 100%)
    }
}

@media screen and (max-width: 767px) {
    .children .pillars {
        margin-top: 20px
    }
}

@media only screen and (min-width: 61.1875em) {
    .pillars {
        background-color: rgba(138, 125, 117, 0.93);
        -pie-background: rgba(138, 125, 117, 0.93);
        background-image: none
    }
}

@media only screen and (min-width: 61.1875em) {
    .pillars {
        margin-top: 45px
    }
    .pillars .wrap {
        height: 304px;
        overflow: hidden
    }
}

.ie8 .pillars,
.ie9 .pillars {
    margin-top: 40px
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .pillars {
        margin-top: 40px
    }
}

@media only screen and (min-width: 61.1875em) {
    .pillar-text {
        background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
        -pie-background: linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
        min-height: 304px
    }
}

.pillar-text h3 {
    font-size: 1.375em
}

.pillar-text p {
    font-size: 1em;
    margin-bottom: 0
}

.pillar-text strong {
    display: block
}

@media only screen and (min-width: 48em) {
    .pillar-text strong {
        display: inline
    }
}

.pillar-diagram {
    text-align: center
}

@media only screen and (min-width: 48em) {
    .pillar-diagram img {
        width: 540px;
        height: auto
    }
}

@media only screen and (min-width: 61.1875em) {
    .pillar-diagram img {
        width: 400px;
        height: 220px
    }
}

.implants,
.processors {
    background-color: #fff
}

.implants h2,
.implants em {
    color: #0097C3
}

.implants h2 strong {
    display: block
}

@media only screen and (min-width: 61.1875em) {
    .implants h2 strong {
        display: inline
    }
}

.implants br {
    display: none
}

@media only screen and (min-width: 61.1875em) {
    .implants br {
        display: inline
    }
}

.implants svg {
    fill: #0097C3
}

.implants .icon-row {
    background-color: #EBEAE8;
    background-image: -webkit-linear-gradient(top, #EBEAE8 30%, #FFF 70%);
    background-image: linear-gradient(to bottom, #EBEAE8 30%, #FFF 70%);
    -pie-background: linear-gradient(top, #EBEAE8 30%, #FFF 70%)
}

.implants .col-1-3 {
    border-color: #e6e6e6
}

.adults .implants .col-1-3 {
    margin-top: 40px
}

@media only screen and (min-width: 48em) {
    .adults .implants>.wrap p {
        width: 660px
    }
}

@media only screen and (min-width: 61.1875em) {
    .adults .implants>.wrap p {
        width: 770px
    }
}

.adults .implants .icon-row .icon-heart {
    height: 75px;
    margin-top: -10px
}

.adults .implants .icon-row .icon-anatomy {
    height: 64px;
    margin-top: -5px
}

.adults .implants .icon-row .icon-ear {
    height: 76px
}

@media only screen and (min-width: 48em) {
    .adults .implants .icon-row .icon-heart {
        height: 146px;
        margin-top: 0
    }
    .adults .implants .icon-row .icon-anatomy {
        height: 140px;
        margin-bottom: 6px;
        margin-top: 0
    }
    .adults .implants .icon-row .icon-ear {
        height: 180px;
        margin-top: -20px;
        margin-bottom: -14px
    }
}

.surgery {
    background-color: #FEB101
}

.surgery svg {
    fill: #FFF
}

.surgery p {
    max-width: 720px
}

.surgery .icon-row {
    background-color: #FDC82F;
    background-image: -webkit-linear-gradient(#FEC34F, #FEB101);
    background-image: linear-gradient(#FEC34F, #FEB101);
    -pie-background: linear-gradient(#FEC34F, #FEB101)
}

.surgery .col-1-3 {
    border-left-color: #FAD378
}

@media only screen and (min-width: 48em) {
    .adults .surgery h2 {
        color: #FFF
    }
}

.adults .surgery h2,
.adults .surgery p {
    max-width: 460px
}

@media only screen and (min-width: 48em) {
    .adults .surgery h2,
    .adults .surgery p {
        margin-left: auto;
        margin-right: auto;
        max-width: none
    }
}

@media only screen and (min-width: 61.1875em) {
    .adults .surgery p {
        max-width: none
    }
}

.adults .surgery .col-1-3 {
    margin-top: 40px
}

.adults .surgery .strap {
    background-color: #ffc767
}

.adults .surgery .strap p {
    color: #000;
    max-width: 320px;
    padding: 25px 0
}

@media only screen and (min-width: 48em) {
    .adults .surgery .strap p {
        max-width: none
    }
}

.processors h2,
.processors em {
    color: #E457BD
}

.processors svg {
    fill: #E457BD
}

.processors .section-hd+p {
    max-width: 800px
}

.processors .icon-row {
    background-color: #FDC82F;
    background-image: -webkit-linear-gradient(#F4F3F1, #fff);
    background-image: linear-gradient(#F4F3F1, #fff);
    -pie-background: linear-gradient(#F4F3F1, #fff)
}

.processors .icon-row>.wrap>p {
    max-width: 650px
}

.adults .processors .icon-row>.wrap>p {
    max-width: none
}

.processors .icon-row .col-1-3 .chip-text {
    margin: 0 0 25px 100px
}

@media only screen and (min-width: 48em) {
    .processors .icon-row .col-1-3 .chip-text {
        margin: 0 auto 15px
    }
}

@media only screen and (min-width: 61.1875em) {
    .processors .icon-row .col-1-3 .chip-text {
        margin-bottom: 25px;
        max-width: 240px
    }
}

.processors .col-1-3 {
    border-left-color: #e6e6e6
}

.processors .strap {
    background-color: #E457BD
}

.processors .chip-text {
    max-width: 160px
}

@media only screen and (min-width: 61.1875em) {
    .processors .chip-text {
        max-width: 240px
    }
}

.care,
.support {
    background-color: #fff;
    padding-top: 35px;
    text-align: center
}

@media only screen and (min-width: 48em) {
    .care,
    .support {
        text-align: left
    }
}

.care h2,
.support h2 {
    line-height: 1;
    margin-bottom: 20px
}

@media only screen and (min-width: 48em) {
    .care h2,
    .support h2 {
        margin-bottom: 30px
    }
}

.care p,
.support p {
    margin-bottom: 25px
}

@media only screen and (min-width: 61.1875em) {
    .care p,
    .support p {
        margin-bottom: 40px
    }
}

.care .icon-list,
.support .icon-list {
    margin-top: 45px;
    overflow: hidden
}

@media only screen and (min-width: 48em) {
    .care .wrap,
    .support .wrap {
        padding-bottom: 10px
    }
    .care .icon-list,
    .support .icon-list {
        height: auto;
        margin-top: 13px;
        overflow: visible
    }
}

.care .strap,
.support .strap {
    margin-top: 10px
}

@media only screen and (min-width: 48em) {
    .care .strap,
    .support .strap {
        margin-top: 30px
    }
}

.care .caption,
.support .caption {
    bottom: 0;
    right: 0
}

.ie9 .care .icon-list,
.ie9 .support .icon-list {
    margin-top: 45px
}

.care {
    background-image: url(/5e35015b-08c6-4b4e-ba2e-de61da28e94a/surgeon_sm.jpg?MOD=AJPERES)
}

.adults .care {
    background-image: url(/34de80e1-8629-41d5-b89d-5dd6df94775e/older-couple_sm.jpg?MOD=AJPERES)
}

@media only screen and (min-width: 48em) {
    .care {
        background-image: url(/aa459919-5869-4130-bf92-c0af5c11d947/surgeon_md.jpg?MOD=AJPERES)
    }
    .adults .care {
        background-image: url(/6cccb73c-5368-46c5-ba35-6dd7a4294d38/older-couple_md.jpg?MOD=AJPERES)
    }
}

@media only screen and (min-width: 61.1875em) {
    .care {
        background-image: url(/f2977439-be28-4a9c-92cc-829703eca94d/surgeon_lg.jpg?MOD=AJPERES)
    }
    .adults .care {
        background-image: url(/b469cc78-3392-4a5b-862a-7ba914ecb11d/older-couple_lg.jpg?MOD=AJPERES)
    }
    .ie8 .adults .care {
        background-position-y: 0
    }
}

.care h2,
.care em {
    color: #019683
}

.care .icon-list {
    height: 290px
}

.care .icon-list .one-line {
    margin: 5px 0 -10px
}

.adults .care .icon-list {
    margin-top: 35px;
    height: 330px
}

.adults .care .icon-list li {
    height: 65px
}

@media only screen and (min-width: 48em) {
    .adults .care .icon-list {
        height: 290px;
        margin: 35px 0 -25px
    }
    .adults .care .icon-list li {
        height: 70px
    }
    .adults .care .icon-list .one-line {
        margin: 0
    }
}

@media only screen and (min-width: 61.1875em) {
    .adults .care .icon-list {
        margin-top: 25px
    }
    .adults .care .icon-list li {
        height: 85px
    }
}

@media only screen and (min-width: 48em) {
    .care .wrap {
        padding-bottom: 10px
    }
    .care .text h2,
    .care .text p {
        width: 370px
    }
    .adults .care .text p {
        margin-bottom: -20px;
        width: 400px
    }
    .adults .care .text .icon-list {
        height: 370px
    }
}

@media only screen and (min-width: 61.1875em) {
    .care .wrap {
        padding-bottom: 75px
    }
    .care .text h2 {
        width: auto
    }
    .adults .care .text h2 {
        font-size: 2.125em
    }
    .care .text p {
        margin-bottom: 10px;
        width: 530px
    }
    .adults .care .text p {
        width: 570px
    }
}

.care svg {
    fill: #019683
}

.care .strap {
    background-color: #019683
}

.ie9 .care .icon-list {
    height: 245px
}

.adults .care h2 span {
    display: none
}

@media only screen and (min-width: 48em) {
    .adults .care h2 span {
        display: inline
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .care .icon-list,
    .support .icon-list {
        margin-top: 45px
    }
    .care .icon-list {
        height: 245px
    }
}

.support {
    background-image: url(/24a741ad-7865-4fa6-9d1e-20f557f64a63/researcher_sm.jpg?MOD=AJPERES)
}

.adults .support {
    background-image: url(/aab1a336-5992-47c8-8fb2-27870d817d45/card-player_sm.jpg?MOD=AJPERES)
}

@media only screen and (min-width: 48em) {
    .support {
        background-image: url(/194d3a75-5fe7-48ee-b39c-6efe2cce51f9/researcher_md.jpg?MOD=AJPERES)
    }
    .adults .support {
        background-image: url(/013babca-c368-4050-91b7-82cb64df2643/card-player_md.jpg?MOD=AJPERES)
    }
}

@media only screen and (min-width: 61.1875em) {
    .support {
        background-image: url(/04152be2-0035-4f20-a596-8fa65eb7fdb8/researcher_lg.jpg?MOD=AJPERES)
    }
    .adults .support {
        background-image: url(/e521fdaa-7667-4eff-892f-ac7f4ebb2150/card-player_lg.jpg?MOD=AJPERES)
    }
    .ie8 .adults .support {
        background-position-y: 0
    }
}

.support h2,
.support em {
    color: #8A7D75
}

.support svg {
    fill: #8A7D75
}

.adults .support h2 {
    color: #000
}

@media only screen and (min-width: 48em) {
    .support .text {
        float: right;
        width: 360px
    }
    .adults .support .text {
        width: 370px
    }
    .support p {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 61.1875em) {
    .support .text {
        width: 465px
    }
    .adults .support .text {
        width: 470px
    }
}

.adults .support .icon-list {
    margin: 0
}

@media only screen and (min-width: 48.0625em) {
    .adults .support .icon-list {
        margin: 25px 0
    }
}

@media only screen and (min-width: 61.1875em) {
    .adults .support .icon-list {
        margin: 20px 0 -20px
    }
}

.support .strap {
    background-color: #8A7D75;
    margin-top: 0
}

@media only screen and (min-width: 48.0625em) {
    .support .strap {
        margin-top: 50px
    }
}

.adults .support .strap {
    background-color: #988f86;
    padding: 10px 0
}

.adults .support .strap p {
    line-height: 1.1
}

@media only screen and (min-width: 48.0625em) {
    .adults .support .strap {
        height: 78px;
        padding: 0
    }
    .adults .support .strap p {
        line-height: 78px;
        padding: 0
    }
}

.adults .support .strap.quote {
    height: auto;
    margin-top: 0
}

.adults .support .strap.quote p {
    line-height: 1.5
}

.support .caption {
    left: 0;
    right: auto;
    bottom: 30px
}

.ie8 .support .strap,
.ie9 .support .strap {
    margin-top: 25px
}

.ie8 .support .icon-list {
    margin-top: 35px
}

.ie8 .support .icon-list img {
    margin-right: 10px
}

.ie8 .adults .icon-list {
    margin-top: 25px
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .support .strap {
        margin-top: 25px
    }
}

.adults .solutions {
    background-color: #fff
}

.adults .solutions .br {
    display: block;
    margin-top: 10px
}

@media only screen and (min-width: 48em) {
    .adults .solutions .br {
        display: none
    }
}

@media only screen and (min-width: 61.1875em) {
    .adults .solutions .br {
        display: block;
        margin-top: 10px
    }
}

.solutions h2,
.solutions em {
    color: #FDC82F
}

.solutions svg {
    fill: #FDC82F
}

.solutions .section-hd+p {
    max-width: 800px
}

.adults .solutions .section-hd+p {
    max-width: 630px
}

@media only screen and (min-width: 61.1875em) {
    .adults .solutions .section-hd+p {
        max-width: none
    }
}

.solutions .icon-row {
    background-color: #FDC82F;
    background-image: -webkit-linear-gradient(#F4F3F1, #fff);
    background-image: linear-gradient(#F4F3F1, #fff);
    -pie-background: linear-gradient(#F4F3F1, #fff)
}

.solutions .icon-row>.wrap>p {
    max-width: 650px
}

.solutions .col-1-3 {
    border-left-color: #e6e6e6;
    margin-top: 40px
}

.solutions .strap {
    background-color: #FDC82F
}

@media only screen and (min-width: 61.1875em) {
    .solutions .icon-row .wrap {
        width: 100%
    }
}

.subscribe {
    background-color: #FED03D;
    padding-top: 35px
}

@media only screen and (min-width: 48em) {
    .subscribe {
        padding-top: 55px
    }
}

.subscribe h2,
.subscribe p {
    text-align: center;
    margin: 0 auto 25px
}

@media only screen and (min-width: 48em) {
    .subscribe h2,
    .subscribe p {
        margin-bottom: 45px;
        width: 640px
    }
}

.adults .subscribe h2 strong {
    display: block
}

@media only screen and (min-width: 61.1875em) {
    .subscribe h2 {
        width: auto
    }
    .adults .subscribe h2 strong {
        display: inline
    }
}

.subscribe form {
    background-color: #FDC82F;
    background-image: -webkit-linear-gradient(#FEDA68, #FED03D);
    background-image: linear-gradient(#FEDA68, #FED03D);
    -pie-background: linear-gradient(top, #FEDA68, #FED03D);
    padding: 30px 0;
    position: relative;
    width: 100% !important
}

.subscribe form p {
    font-size: 21px;
    margin-bottom: 25px !important;
    text-align: center !important;
    width: auto
}

.subscribe form a {
    color: #000;
    font-weight: normal;
    text-decoration: underline
}
/*
.subscribe .mktoAsterix {
    float: right !important;
    padding-left: 5px !important
}

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

.mktoForm div,
.mktoForm p {
    margin-left: auto !important;
    margin-right: auto !important
}

.mktoForm [type=text],
.mktoForm [type=email],
.mktoForm textarea {
    border: 0 !important;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px !important;
    width: 100% !important
}

.mktoForm [type=checkbox] {
    clear: none !important;
    float: none !important
}

.mktoForm textarea {
    padding: 10px !important
}

.mktoForm label {
    margin-bottom: 5px !important
}

.mktoForm [for=Address],
.mktoForm [for=City],
.mktoForm [for=State],
.mktoForm [for=PostalCode],
.mktoForm [for=Country] {
    font-weight: bold
}

.mktoForm [for=Address],
.mktoForm [for=City],
.mktoForm [for=PostalCode] {
    width: 100% !important
}

.mktoForm select {
    clear: none !important;
    margin: 3px 0 0 5px !important
}

.mktoFormRow {
    max-width: 300px
}

@media only screen and (min-width: 48em) {
    .mktoFormRow {
        max-width: 450px !important
    }
}

.mktoFormCol,
.mktoFieldWrap {
    float: none !important;
    width: 100% !important
}

label.mktoHasWidth {
    width: auto !important
}

.mktoOffset,
.mktoGutter {
    display: none !important
}

.mktoCheckboxList {
    padding: 0 !important;
    width: auto !important
}

.mktoCheckboxList #mktoCheckbox_53952_0,
.mktoCheckboxList #mktoCheckbox_53952_1 {
    float: none !important
}

.mktoCheckboxList label {
    display: inline !important;
    margin: 0 15px 0 10px !important
}

.mktoCheckboxList [for=mktoCheckbox_53965_0] {
    color: transparent;
    font-size: 0;
    margin: 0 !important;
    width: 0 !important
}

[for=Kit_Request_Type__c] .mktoAsterix {
    margin-right: 60px !important
}

label[for=Privacy_Consent__c] {
    float: left !important;
    font-weight: normal !important;
    padding-top: 0 !important;
    width: 275px;
}

@media only screen and (min-width: 48em) {
    label[for=Privacy_Consent__c] {
        width: 425px;
    }
    label[for=Privacy_Consent__c] .mktoAsterix {
        margin-right: 20px !important
    }
}

label[for=mktoCheckbox_54371_0] {
    font-size: 0 !important;
    height: 0 !important;
    overflow: hidden !important
}

#mktoCheckbox_53965_0 {
    margin-top: 5px !important
}

.mktoButtonRow,
.mktoButtonWrap {
    display: block !important;
    width: 100% !important;
    text-align: center !important
}

.mktoButtonWrap {
    margin: 35px auto !important
}

.mktoButton {
    background: #000 !important;
    border: 0 !important;
    border-radius: 6px;
    color: #FFF;
    font-size: 21px !important;
    height: 40px !important;
    line-height: 40px;
    padding: 0 !important;
    position: relative;
    width: 250px !important
}
*/
#message svg {
    display: block;
    fill: #FFF;
    margin: 0 auto 60px;
    width: 82px;
    height: 82px
}

.success {
    font-size: 21px;
    text-align: center
}

footer {
    background-color: #8A7D75;
    clear: both;
    color: #FFF;
    padding: 25px 0 2em;
    position: relative;
    text-align: center
}

footer p,
footer ul {
    font-size: .8125em
}

footer nav {
    margin: 0 auto;
    width: 120px
}

@media only screen and (min-width: 48.0625em) {
    footer nav {
        width: auto
    }
}

footer nav li {
    border-top: 1px solid;
    line-height: 1;
    padding: 20px 0
}

@media only screen and (min-width: 48.0625em) {
    footer nav li {
        border-top: 0;
        border-left: 1px solid;
        margin-left: 10px;
        padding: 0 0 0 10px;
        display: inline-block
    }
}

footer nav li:first-child {
    border-top: 0;
    border-left: 0;
    margin-left: 0;
    padding-left: 0
}

footer a {
    font-weight: normal
}

.social-links {
    margin-top: 20px
}

.social-links li {
    display: inline-block
}

.social-links li:first-child {
    margin-right: 20px
}

.social-links a {
    display: block
}

.social-links img {
    max-width: none
}

.social-links svg {
    height: 40px;
    width: 40px
}

.top {
    background: #353535;
    border-radius: 12px 0 0 12px;
    color: #FFF;
    display: block;
    font-size: .625em;
    width: 30px;
    height: 30px;
    padding: 10px;
    position: fixed;
    bottom: 20px;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    vertical-align: middle
}

.top:hover,
.top:focus {
    background: #000;
    color: #FFF;
    text-decoration: none
}

@media only screen and (min-width: 48.0625em) {
    .top {
        height: auto;
        line-height: 1;
        width: 60px
    }
}

.btt-up {
    color: #FDC82F;
    font-size: 2.4em;
    position: absolute;
    left: 10px;
    top: 4px
}

@media only screen and (min-width: 48.0625em) {
    .btt-up {
        font-size: 1.6em;
        line-height: 10px;
        position: static
    }
}

.btt-text {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .btt-text {
        display: block;
        margin: 0 auto
    }
}

.print-only {
    display: none !important
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    body {
        color: black;
        font: 10pt Verdana, sans-serif;
        width: 600px
    }
    thead {
        display: table-header-group
    }
    article,
    tr,
    ul,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    @page {
        margin: 0.5cm
    }
    #wrap {
        width: 100% !important
    }
    h1,
    h2,
    h3 {
        font-family: "Trebuchet MS", Verdana, sans-serif;
        margin: 15px 0 5px
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .nav,
    .skip,
    .aux-nav,
    .hide,
    form,
    [role=complementary],
    [role=contentinfo] a {
        display: none
    }
}

@media print and (color) {
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }
}


/*# sourceMappingURL=all.css.map */