html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,figure {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

html {
    direction: ltr
}

body {
    background: #fff;
    color: #333;
    line-height: 1
}

html.show-nav body {
    overflow: hidden !important
}

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

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

a,a:hover {
    color: inherit;
    text-decoration: none
}

a:focus,:focus {
    outline: none
}

ol {
    list-style: decimal;
    margin: 0 0 0 2em
}

ol ol {
    list-style: upper-alpha
}

ol ol ol {
    list-style: upper-roman
}

ol ol ol ol {
    list-style: lower-alpha
}

ol ol ol ol ol {
    list-style: lower-roman
}

ul {
    list-style: disc;
    margin: 0 0 0 2em
}

ul ul {
    list-style: circle
}

ul ul ul {
    list-style: square
}

input,textarea,button {
    font-family: inherit
}

textarea {
    resize: none
}

input[type="checkbox"] {
    vertical-align: bottom;
    *vertical-align: baseline
}

button {
    cursor: pointer
}

input[type="radio"] {
    vertical-align: text-bottom
}

input {
    _vertical-align: text-bottom
}

textarea {
    display: block
}

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

caption,th,td {
    font-weight: normal;
    text-align: left
}

blockquote:before,blockquote:after,q:before,q:after {
    content: ""
}

blockquote,q {
    quotes: "" ""
}

@font-face {
    font-family: "SS Social";
    src: url(../type/ss-social-regular.eot);
    src: url(../type/ss-social-regular.eot?#iefix) format("embedded-opentype"),url(../type/ss-social-regular.woff) format("woff"),url(../type/ss-social-regular.ttf) format("truetype"),url(../type/ss-social-regular.svg#SSSocialRegular) format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Nazanin";
    src: url("../type/B Nazanin.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Nazanin Bold";
    src: url("../type/B Nazanin Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: "Traffic";
    src: url("../type/B Traffic_0.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Traffic Bold";
    src: url("../type/B Traffic Bold_0.ttf") format("truetype");
    font-weight: bold;
    font-style: normal
}

html:hover [class^="ss-"] {
    -ms-zoom:1}

.ss-social,[class*="ss-"]:before {
    font-family: "SS Social";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html[data-ua*="Android"] .ss-social,html[data-ua*="Android"] [class*="ss-"]:before,html[data-ua*="Android"] [class*="ss-"].right:after {
    text-rendering: auto !important
}

.ss-facebook:before,.ss-facebook.right:after {
    content: ''
}

.ss-twitter:before,.ss-twitter.right:after {
    content: ''
}

.ss-youtube:before,.ss-youtube.right:after {
    content: ''
}

.ss-vimeo:before,.ss-vimeo.right:after {
    content: ''
}

.ss-linkedin:before,.ss-linkedin.right:after {
    content: ''
}

.ss-googleplus:before,.ss-googleplus.right:after {
    content: ''
}

.ss-rss:before,.ss-rss.right:after {
    content: ''
}

body,.select-holder select {
    font-family: "proxima-nova","Proxima Nova",sans-serif
}

h1,.banner--general .banner_hdg {
    font-size: 2.5rem;
    line-height: 1.125em
}

@media only screen and (min-width: 48em) {
    h1,.banner--general .banner_hdg {
        font-size:3.125rem;
        line-height: 1.1em
    }
}

@media only screen and (min-width: 62.5em) {
    h1,.banner--general .banner_hdg {
        font-size:3.75rem;
        line-height: 1.083333333em
    }
}

h2,.steps_hdg {
    font-size: 2.5rem;
    line-height: 1.125em
}

@media only screen and (min-width: 62.5em) {
    h2,.steps_hdg {
        font-size:3.125rem;
        line-height: 1.1em
    }
}

h3,.index_hdg,.general_title {
    font-size: 1.625rem;
    line-height: 1.307692308em
}

@media only screen and (min-width: 48em) {
    h3,.index_hdg,.general_title {
        font-size:2.5rem;
        line-height: 1.125em
    }
}

h4,.stats_num,.testimonial_copy {
    font-size: 1.875rem;
    line-height: 1.266666667em
}

@media only screen and (min-width: 48em) {
    h4,.stats_num,.testimonial_copy {
        font-size:2.1875rem;
        line-height: 1.285714286em
    }
}

h5,.index_action,.compare_title,.page .steps_title,.testimonials_tabs,.reference_title {
    font-size: 1.25rem;
    line-height: 1.4em
}

h6,p,ol,ul,dl {
    font-size: 1rem;
    line-height: 1.5em
}

.small {
    font-size: .8125rem;
    line-height: 1.615384615em
}

.xsmall,.btn-txt,.vol,.slick-dots button,.procedure .slick-dots button,.view-btn,.find_btn,.blog_form button,.btn,.nav_btn,.brief_field,.brief_btn,.index_title,.index_list,.action,.testimonial_src,.chart thead th,.procedure .slick-dots,.testimonials_count,.blog_meta,.blog-search-btn,.share-count,.tag {
    font-size: .75rem;
    line-height: 1.666666667em
}

p,ol,ul {
    margin-bottom: 1.5em
}

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

em {
    font-style: italic
}

strong {
    font-weight: 700
}

sup {
    font-size: .5em;
    vertical-align: super
}

.page-title,.banner_hdg {
    font-weight: 100
}

.wf-loading * {
    color: transparent !important
}

body {
    background: #fff;
    color: #909495;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.modal-open body {
    overflow: hidden
}

.touchevents.modal-open .viewport {
    height: 100%;
    overflow: hidden
}

.modal-wrap {
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    visibility: hidden;
    z-index: 201
}

.page-mask {
    background: rgba(46,48,48,0.8);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    visibility: hidden;
    z-index: 999
}

@media only screen and (min-width: 62.5em) {
    .page-mask {
        z-index:1001
    }
}

.page-mask.loading .loader {
    display: block
}

.page-mask .loader {
    display: none;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px
}

.wrapper {
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px
}

.wrapper::after {
    clear: both;
    content: "";
    display: block
}

@media only screen and (min-width: 48em) {
    .wrapper {
        padding:0 34px
    }
}

@media only screen and (min-width: 62.5em) {
    .wrapper {
        padding:0 40px
    }
}

.nav,.form-list,.content-block_links,.slick-dots,.details,.questions,.compare,.info,.testimonials_tabs,.testimonials_view,.drs_contact,.blog_paginate,.blog_tags,.blog_related,.opt_list,.parsley-errors-list,.index_list,.page-links,.slider_paginate,.features,.checklist,.steps_list,.testimonials_list,.reference,.drs_list,.info-list,.blog_posts,.gallery {
    list-style: none;
    margin: 0
}

.nav>li,.form-list>li,.content-block_links>li,.slick-dots>li,.details>li,.questions>li,.compare>li,.info>li,.testimonials_tabs>li,.testimonials_view>li,.drs_contact>li,.blog_paginate>li,.blog_tags>li,.blog_related>li {
    display: inline-block
}

.nav {
    font-size: .8125rem
}

.nav a {
    color: #fff
}

.nav a:not(.nav_btn):hover {
    color: #fff
}

.nav-stuck .page-head .nav a,.show-find .page-head .nav a,#find .page-head .nav a,#error .page-head .nav a {
    color: #57606c;
    -webkit-transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.nav-stuck .page-head .nav a:hover,.show-find .page-head .nav a:hover,#find .page-head .nav a:hover,#error .page-head .nav a:hover {
    color: #10a8ba
}

.nav-stuck .page-head .nav a.nav_btn,.show-find .page-head .nav a.nav_btn,#find .page-head .nav a.nav_btn,#error .page-head .nav a.nav_btn {
    color: #10a8ba
}

.nav-stuck .page-head .nav a.nav_btn:hover,.show-find .page-head .nav a.nav_btn:hover,#find .page-head .nav a.nav_btn:hover,#error .page-head .nav a.nav_btn:hover {
    color: #fff
}

.action--external:after,.action--expand:after,.action--collapse:after,.page-nav_hdg:after,.reveal_handle:after,.reveal_handle span:after,.view-btn[data-view="grid"]:after,.reference_title:after,.tag--selected:after,.btn--contact:before,.radio+label:before,input[type="checkbox"]+label:before,.brief_lbl:before,.index_action:before,.usr-region:before,.vol:before,.action--play:before,.play:before,.action--read:before,.checklist li:before,.reveal_handle:before,.view-btn[data-view="grid"]:before,.testimonials_card:before,.find_search label:before,.specialist:before,.skype:before,.blog-search-btn:before,.blog_form label:before,.blog_next:before,.blog_prev:before {
    background-repeat: no-repeat;
    background-size: 100%;
    content: '';
    display: inline-block;
    position: relative
}

.btn--contact:before,.radio:checked+label:before,input[type="checkbox"]:checked+label:before,.brief_lbl:before,.index_action:before,.banner_scroll,.vol:before,.action--external:after,.action--expand:after,.action--collapse:after,.action--play:before,.action--read:before,.play:before,.page-nav_hdg:after,.compare--why .slick-arrow,.compare--all .slick-arrow,.compare--strength .slick-arrow,.js .play .icon-wrapper,.checklist li:before,.reveal_handle span:after,.reference_title:after,.find_search label:before,.specialist:before,.skype:before,.blog-search-btn:before,.blog_form label:before,.blog_next:before,.blog_prev:before,.share-link,.tag--selected:after {
    background: url(sprite.svg) 0 0 no-repeat
}

.no-svg .btn--contact:before,.no-svg .radio:checked+label:before,.no-svg input[type="checkbox"]:checked+label:before,.no-svg .brief_lbl:before,.no-svg .index_action:before,.no-svg .banner_scroll,.no-svg .vol:before,.no-svg .action--external:after,.no-svg .action--expand:after,.no-svg .action--collapse:after,.no-svg .action--play:before,.no-svg .action--read:before,.no-svg .play:before,.no-svg .page-nav_hdg:after,.no-svg .compare--why .slick-arrow,.compare--why .no-svg .slick-arrow,.no-svg .compare--all .slick-arrow,.compare--all .no-svg .slick-arrow,.no-svg .compare--strength .slick-arrow,.compare--strength .no-svg .slick-arrow,.no-svg .js .play .icon-wrapper,.js .play .no-svg .icon-wrapper,.no-svg .checklist li:before,.checklist .no-svg li:before,.no-svg .reveal_handle span:after,.reveal_handle .no-svg span:after,.no-svg .reference_title:after,.no-svg .find_search label:before,.find_search .no-svg label:before,.no-svg .specialist:before,.no-svg .skype:before,.no-svg .blog-search-btn:before,.no-svg .blog_form label:before,.blog_form .no-svg label:before,.no-svg .blog_next:before,.no-svg .blog_prev:before,.no-svg .share-link,.no-svg .tag--selected:after {
    background-image: url(sprite.png)
}

.svg-holder .illustration,.banner.banner--blog:after,.vid-preview:after,.banner_background:after,.no-backgroundblendmode .comp_adr:before,.btn--skype a,.page-head,.nav--meta,.banner_background,.cover,.slider_paginate,.collage_photo,.vid-holder iframe,.callout[style]:before,.questions li.bg:before,.modal--embed iframe,.general_video video,.share-btn {
    left: 0;
    position: absolute;
    top: 0
}

.svg-holder {
    margin: 0 auto
}

.svg-holder div {
    height: 0;
    margin: 0 auto;
    position: relative;
    width: 100%
}

.svg-holder .illustration {
    height: 100%;
    width: 100%
}

.banner,.banner_background,.block,.collage_photo,.collage_photoOne,.collage_photoTwo,.vidcap,.callout,.questions li.bg,.requirements,.better-results,.testimonials_list li,.testimonials_holder,.latest {
    background: center no-repeat;
    background-size: cover
}

.banner.banner--blog:after,.vid-preview:after,.banner_background:after,.no-backgroundblendmode .comp_adr:before {
    content: '';
    height: 100%;
    width: 100%;
    z-index: 1
}

.banner.banner--blog:after,.vid-preview:after {
    background: rgba(113,204,215,0.9)
}

.wrapper img {
    height: auto;
    max-width: 100%
}

.img-holder {
    margin-bottom: -1.3125em;
    padding: .5625em 0 0 0;
    float: left
}

.img-holder.align-left {
    margin: 0 10px 10px 0
}

.img-holder.align-right {
    margin: 0 0 10px 10px
}

.img-holder img {
    display: block;
    margin: 0 !important
}

.img-holder figcaption {
    font-size: .8125rem;
    padding-top: 10px;
    text-align: center
}

.img-holder+*:not(.img-holder) {
    clear: both
}

a {
    color: #10a8ba
}

a:hover {
    color: #098b9a
}

.btn-txt,.vol,.slick-dots button,.procedure .slick-dots button,.view-btn,.find_btn,.blog_form button,.btn,.nav_btn,.brief_field,.brief_btn,.index_title,.index_list,.action,.testimonial_src,.chart thead th,.procedure .slick-dots,.testimonials_count,.blog_meta,.blog-search-btn,.share-count,.tag {
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .06em;
    text-transform: uppercase
}

.banner.banner--blog:after,.vid-preview:after,input,textarea,.check--multi,.check_holder,.opt_list,.brand,.action--play:before,.play,.action--read:before,.page-links a:before,.page-links span,.questions li.bg:before,.tooltip,.drs_card,.blog_posts,.blog_share a:before {
    -webkit-transition: all 0.125s ease;
    -moz-transition: all 0.125s ease;
    transition: all 0.125s ease
}

.opt--select:hover .opt_list,.select-holder select:hover .opt_list,span.opt_selection:hover ~ .opt_list,span.opt_selection:focus ~ .opt_list,.opt_list:hover,.opt_list:focus {
    opacity: 1;
    -webkit-transition: all 0.125s 0.25s ease;
    -moz-transition: all 0.125s 0.25s ease;
    transition: all 0.125s 0.25s ease;
    visibility: visible
}

.opt_list,.page-nav {
    background: #3f454f;
    left: 0;
    text-align: center;
    visibility: hidden;
    width: 100%;
    z-index: 500
}

input,textarea {
    -webkit-appearance: none;
    border-radius: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.select-holder select,.blog_form input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-weight: 600;
    width: 100%
}

.vol,.slick-dots button,.procedure .slick-dots button,.view-btn,.find_btn,.blog_form button {
    background: none;
    border: none;
    margin: 0;
    padding: 0
}

.btn,.nav_btn {
    border: 2px solid #10a8ba;
    border-radius: 100em;
    color: #10a8ba;
    cursor: pointer;
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75),color 0.2s 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75),border-color 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -moz-transition: background-color 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75),color 0.2s 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75),border-color 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition: background-color 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75),color 0.2s 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75),border-color 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75)
}

.btn:hover,.btn.hover,.nav_btn:hover,.hover.nav_btn {
    background: #10a8ba;
    border-color: #10a8ba;
    color: #fff
}

button.btn {
    background: #fff
}

.btn--contact:before {
    margin-right: 6px
}

.btn--hero {
    padding: 10px 30px
}

.btn--tel:before {
    background-position: -81px -132px;
    height: 14px;
    top: 3px;
    width: 14px
}

.btn--tel:hover:before {
    background-position: -101px -132px
}

.btn--email:before {
    background-position: -121px -132px;
    height: 10px;
    top: 1px;
    width: 14px
}

.btn--email:hover:before {
    background-position: -141px -132px
}

.btn--skype {
    border-color: #00aff0;
    color: #00aff0;
    display: inline-block;
    padding-bottom: 8px;
    padding-top: 5px;
    position: relative
}

.btn--skype:before {
    background-position: 0 -162px;
    height: 17px;
    margin-right: 2px;
    top: 4px;
    width: 17px
}

.btn--skype:hover:before {
    background-position: -20px -162px
}

.btn--skype img {
    display: none
}

.btn--skype p {
    margin: 0
}

.btn--skype a {
    height: 100%;
    width: 100%
}

.btn--skype:hover {
    background: #00aff0;
    border-color: #00aff0
}

.btn--cancel {
    border-color: #d9dedf;
    color: #909495
}

label {
    cursor: pointer
}

.radio,input[type="checkbox"] {
    display: none
}

.radio+label:before,input[type="checkbox"]+label:before {
    background: #fff;
    border: 1px solid #71ccd7;
    height: 18px;
    margin-right: 10px;
    top: 1px;
    vertical-align: middle;
    width: 18px
}

.radio:checked+label:before,input[type="checkbox"]:checked+label:before {
    background-color: #10a8ba;
    background-position: 2px -35px;
    border-color: #10a8ba
}

.check--single {
    margin-bottom: 20px;
    padding: 0 10px 0 36px;
    position: relative
}

.check--single.hidden {
    display: none !important
}

.form-list>.check--single {
    display: block;
    margin-top: -3px
}

.check--single input[type="checkbox"]+label {
    font-size: .875rem
}

.check--single input[type="checkbox"]+label:before {
    left: 10px;
    position: absolute;
    top: 3px
}

.check--multi {
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    padding: 0
}

.check--multi.selected {
    background: #fafbfc;
    border-color: #d9dedf
}

.modal .check--multi.selected {
    background: #fff
}

@media only screen and (min-width: 48em) {
    .check--multi {
        flex-direction:row;
        padding: 10px 30px
    }

    .check--multi.selected {
        padding-bottom: 12px;
        padding-top: 12px
    }
}

.check--multi.check--agree {
    font-size: 12px;
    margin-top: 15px
}

.check--multi.check--agree p {
    display: inline;
    font-size: 12px
}

.check--multi.check--agree label {
    display: block;
    white-space: normal
}

.check--multi.check--agree.selected {
    background: #fafbfc;
    border-color: #fafbfc;
    padding: 10px 30px
}

.check--multi.check--agree input[type="checkbox"]+label:before {
    height: 12px;
    width: 12px
}

.check--multi.check--agree input[type="checkbox"]:checked+label:before {
    background-position: 0px -37px
}

.static .check--multi.selected:not(:last-child) {
    border-bottom: none
}

.check_main {
    border-bottom: 1px solid transparent;
    padding: 10px 20px;
    width: 100%
}

.selected .check_main {
    border-bottom-color: #d9dedf
}

.check_main label {
    display: flex;
    white-space: nowrap
}

@media only screen and (min-width: 48em) {
    .check_main {
        border-bottom:none;
        padding: 0;
        width: auto
    }
}

.check_holder {
    display: none;
    opacity: 0;
    padding: 0 20px;
    visibility: hidden;
    width: 100%
}

.selected .check_holder {
    display: block;
    opacity: 1;
    padding: 10px 20px;
    visibility: visible
}

.check_holder label {
    display: none;
    margin-right: -4px;
    padding-right: 1.5625em;
    white-space: nowrap;
    width: 50%
}

.check_holder label:nth-of-type(n+3) {
    margin-top: 14px
}

.selected .check_holder label {
    display: inline-block
}

@media only screen and (min-width: 48em) {
    .check_holder {
        padding:0;
        width: auto
    }

    .selected .check_holder {
        display: flex;
        padding: 0
    }

    .check_holder label {
        display: inline-block;
        margin-right: 0;
        padding: 0;
        width: auto
    }

    .check_holder label:not(:first-of-type) {
        margin-left: 1.5625em
    }

    .check_holder label:nth-of-type(n+3) {
        margin-top: 0
    }
}

.brief {
    position: relative;
    width: 100%
}

.callout-blocks .brief {
    margin: 0 auto;
    max-width: 23.125em
}

.brief_lbl {
    left: 20px;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.brief_lbl+.brief_field {
    padding-left: 45px
}

.brief_lbl:before,.index_action:before {
    background-position: -174px 0;
    height: 16px;
    width: 15px
}

.brief_field {
    background: none;
    border: 2px solid #4a4a4a;
    border-radius: 100em;
    color: #909495;
    height: 3.666666667em;
    padding: 0 90px 0 18px;
    width: 100%
}

.brief_field:focus {
    border-color: rgba(255,255,255,0.5)
}

.brief_field::-webkit-input-placeholder {
    color: #909495
}

.brief_field::-moz-placeholder {
    color: #909495
}

.brief_field:-moz-placeholder {
    color: #909495
}

.brief_field:-ms-input-placeholder {
    color: #909495
}

.bg .brief_field {
    border-color: rgba(191,198,200,0.5);
    color: #d9dedf
}

.bg .brief_field:focus {
    border-color: rgba(255,255,255,0.5)
}

.bg .brief_field::-webkit-input-placeholder {
    color: #d9dedf
}

.bg .brief_field::-moz-placeholder {
    color: #d9dedf
}

.bg .brief_field:-moz-placeholder {
    color: #d9dedf
}

.bg .brief_field:-ms-input-placeholder {
    color: #d9dedf
}

.brief_field.lg {
    display: none
}

@media only screen and (min-width: 48em) {
    .brief_field.sm {
        display:none
    }

    .brief_field.lg {
        display: block
    }
}

.brief_btn {
    background: none;
    border: none;
    border-radius: 0 100em 100em 0;
    color: #d9dedf;
    height: 3.666666667em;
    padding: 0 18px;
    position: absolute;
    right: 0;
    top: 0
}

.brief_btn:hover {
    color: #10a8ba
}

.bg .brief_btn {
    color: #fff
}

.bg .brief_btn:hover {
    color: #10a8ba
}

.brief_btn.lg {
    display: none
}

@media only screen and (min-width: 48em) {
    .brief_btn.sm {
        display:none
    }

    .brief_btn.lg {
        display: block
    }
}

.opt {
    cursor: pointer;
    display: inline-block;
    position: relative
}

.opt+.opt {
    margin-left: 29px
}

.opt--select,.select-holder select {
    background: #fff;
    border: 1px solid #d9dedf;
    display: block;
    padding: 11px 20px 10px 20px
}

.opt_holder {
    display: inline-block
}

@media only screen and (min-width: 62.5em) {
    .opt_holder {
        position:relative
    }
}

.opt--select .opt_holder {
    display: block;
    position: static
}

span.opt_selection {
    color: #10a8ba;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0;
    padding: 0 5px 0;
    text-transform: none
}

.opt--select span.opt_selection {
    color: #909495;
    display: block;
    padding: 0 30px 0
}

.opt--select span.opt_selection:after {
    margin-top: -4px;
    position: absolute;
    right: 20px;
    top: 50%
}

.opt--select span.opt_selection strong {
    color: #57606c
}

.opt_list {
    line-height: 4.375em;
    max-height: 40vh;
    opacity: 0;
    overflow: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    padding: 0 10px;
    position: absolute;
    top: 0
}

.opt_list:hover .opt_lbl,.opt_list:focus .opt_lbl {
    pointer-events: auto
}

@media only screen and (min-width: 62.5em) {
    .opt_list {
        background:#fff;
        border: 1px solid #d9dedf;
        box-shadow: 2px 3px 3px 0 rgba(0,0,0,0.08);
        left: 50%;
        line-height: 2.25em;
        margin-left: -68.5px;
        padding: 1em 10px;
        top: -1.375em;
        width: 7.5em
    }
}

.opt--select .opt_list {
    background: #f0f3f4;
    border: 1px solid #d9dedf;
    box-shadow: none;
    left: -1px;
    line-height: 2.25em;
    margin: 0;
    padding: 8px 0 7px 0;
    text-align: left;
    top: 100%;
    width: calc(100% + 2px)
}

.opt.closed .opt_list {
    opacity: 0 !important;
    -webkit-transition: all 0.125s ease;
    -moz-transition: all 0.125s ease;
    transition: all 0.125s ease;
    visibility: hidden !important
}

.opt_field {
    display: none
}

.opt_field:checked+.opt_lbl {
    color: #fff
}

@media only screen and (min-width: 62.5em) {
    .opt_field:checked+.opt_lbl {
        color:#10a8ba
    }
}

.opt--select .opt_field:checked+.opt_lbl {
    color: #10a8ba
}

.opt_lbl {
    pointer-events: none
}

.opt_lbl:hover {
    color: #fff
}

@media only screen and (min-width: 62.5em) {
    .opt_lbl:hover {
        color:#10a8ba
    }
}

.opt--select .opt_lbl {
    display: block;
    padding: 0 20px
}

.opt--select .opt_lbl:hover {
    color: #10a8ba
}

.select-holder {
    position: relative;
    width: 100%
}

.select-holder:after {
    margin-top: -4px;
    position: absolute;
    right: 21px;
    top: 50%
}

.select-holder select {
    border-radius: 0;
    color: #909495;
    cursor: pointer;
    font-size: 1rem;
    overflow: hidden;
    padding: 14px 50px 13px 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select-holder select.parsley-error {
    border-color: #E70000
}

.submit-form fieldset+fieldset {
    margin-top: 1.125em
}

.form-list {
    margin-top: 0;
    margin-right: -10px
}

.form-list>li:not(.check) {
    display: inline-block;
    margin-bottom: 1.25em;
    padding: 0 10px;
    position: relative;
    vertical-align: top;
    width: 100%
}

.form-list>li:not(.check).check--multi {
    margin-bottom: 0
}

.form-list>li.check--multi {
    display: flex
}

.form-list input:not([type="checkbox"]):not([type="radio"]),.form-list textarea {
    border: 1px solid #d9dedf;
    color: #57606c;
    font-size: 1rem;
    font-weight: 600;
    padding: 0 1.25em;
    width: 100%
}

.form-list input:not([type="checkbox"]):not([type="radio"])[required],.form-list textarea[required] {
    border-color: #71ccd7;
    padding-left: 1.875em
}

.form-list input:not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder,.form-list textarea::-webkit-input-placeholder {
    color: #909495
}

.form-list input:not([type="checkbox"]):not([type="radio"])::-moz-placeholder,.form-list textarea::-moz-placeholder {
    color: #909495
}

.form-list input:not([type="checkbox"]):not([type="radio"]):-moz-placeholder,.form-list textarea:-moz-placeholder {
    color: #909495
}

.form-list input:not([type="checkbox"]):not([type="radio"]):-ms-input-placeholder,.form-list textarea:-ms-input-placeholder {
    color: #909495
}

.form-list input:not([type="checkbox"]):not([type="radio"]) {
    height: 3.125em
}

.form-list textarea {
    height: 9.375em;
    padding-top: .875em
}

.form-list .box-lbl {
    left: 1.875em;
    position: absolute;
    top: .9375em;
    z-index: 1
}

.form-list .box-lbl+textarea {
    padding-top: 2.6875em
}

.form-list .box-lbl+textarea::-webkit-input-placeholder {
    color: #bfc1c4
}

.form-list .box-lbl+textarea::-moz-placeholder {
    color: #bfc1c4
}

.form-list .box-lbl+textarea:-moz-placeholder {
    color: #bfc1c4
}

.form-list .box-lbl+textarea:-ms-input-placeholder {
    color: #bfc1c4
}

@media only screen and (min-width: 48em) {
    .form-list>li:not(.check).form-half {
        margin-right:-4px;
        width: 50%
    }
}

.form-req {
    color: #10a8ba;
    left: 1.875em;
    line-height: 3.125em;
    position: absolute;
    top: 0;
    z-index: 1
}

legend {
    font-weight: 600;
    margin-bottom: 1.0625em
}

.form-btns {
    border: 1px solid #d9dedf;
    border-width: 1px 0 0;
    margin: 1.625em 0 1.25em;
    padding: 2.375em 0 0 0;
    text-align: center
}

.form-btns .btn {
    background: none
}

.form-btns .btn+.btn {
    margin-left: 6px
}

.form-btns .btn:hover {
    background: #10a8ba
}

.contact-form .form-btns {
    border-width: 0 0 1px;
    margin: 0;
    padding: .25em 0 2.5em 0
}

.form-btns [disabled="disabled"] {
    opacity: 0.25;
    background-color: transparent !important;
    color: #10a8ba !important;
    cursor: default !important;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out
}

.note {
    font-size: .875rem;
    text-align: center
}

.errors {
    display: none
}

.errors ~ input:not([type="checkbox"]):not([type="radio"])[required],input.parsley-error:not([type="checkbox"]):not([type="radio"])[required],textarea[required].parsley-error {
    border-color: #d75c6f;
    border-width: 2px
}

.parsley-errors-list {
    color: #d75c6f;
    margin: 4px 0 -6px
}

.success {
    display: none
}

.contact-block .success.intro,.contact-page .success.intro {
    margin-bottom: 0
}

.contact-block .success.intro p:last-child,.contact-page .success.intro p:last-child {
    margin-bottom: 0
}

.success_newsletter {
    display: none
}

.subscribe_success {
    display: block;
    line-height: 1.2em;
    padding: 10px 10px 0 10px;
    text-align: center
}

.contact-form {
    margin-bottom: .875em
}

.contact-form.expanded {
    margin-bottom: 2.125em
}

.js .contact-ext {
    display: none
}

.contact-subscribe {
    display: none
}

.form-list>li.check--multi.check--plain {
    padding: 15px
}

.form-list>li.check--multi.check--plain .check_main {
    margin: 0 10px
}

.form-list>li.check--multi.check--plain.selected {
    background: #fff;
    border: 1px solid transparent;
    padding: 15px
}

.form-list>li.check--multi.check--plain.selected .check_main {
    border-color: transparent
}

@media only screen and (min-width: 48em) {
    .form-list>li.check--multi.check--plain {
        align-items:center;
        display: flex
    }
}

.form-list>li.check--multi.check--plain h5 {
    margin: 0
}

.drs_form span.opt_selection {
    padding-left: 0
}

.page-head {
    padding: 20px;
    width: 100%;
    z-index: 1000
}

.nav-stuck .page-head,.show-find .page-head,#find .page-head,#error .page-head {
    background: #fff;
    border-bottom: 1px solid #d9dedf
}

.nav-stuck .page-head,#find .page-head,#error .page-head {
    padding: 15px 20px 8px 20px;
    position: fixed
}

.show-nav .page-head {
    padding-bottom: 13px
}

.show-nav #find .page-head,.show-nav #error .page-head {
    border-bottom: none;
    padding-bottom: 9px
}

.show-nav .nav-stuck .page-head {
    padding-bottom: 18px
}

@media only screen and (min-width: 48em) {
    .page-head {
        padding-top:50px
    }

    .nav-stuck .page-head,#find .page-head,#error .page-head {
        padding-top: 45px
    }

    .show-nav .page-head {
        background: none
    }

    .show-nav .nav-stuck .page-head {
        background: #fff;
        padding-bottom: 15px
    }
}

@media only screen and (min-width: 62.5em) {
    .page-head {
        padding:70px 40px 40px
    }

    .nav-stuck .page-head,#find .page-head,#error .page-head {
        padding: 48px 40px 15px 40px
    }
}

.brand {
    width: 135px
}

.brand img {
    height: auto;
    max-width: 100%
}

.show-nav .brand {
    opacity: 0;
    visibility: hidden
}

@media only screen and (min-width: 48em) {
    .show-nav .brand {
        opacity:1;
        visibility: visible
    }
}

@media only screen and (min-width: 62.5em) {
    .brand {
        width:175px
    }

    .brand img {
        max-width: none
    }
}

.brand--evo {
    margin-top: -9px;
    width: 68px
}

@media only screen and (min-width: 62.5em) {
    .brand--evo {
        margin:-7px 0;
        width: 112px
    }

    .nav-stuck .brand--evo {
        margin: -3px 0
    }
}

.brand--staar {
    width: auto
}

@media only screen and (min-width: 62.5em) {
    .brand--staar {
        width:auto
    }
}

.logo {
    display: inline-block
}

.nav-stuck .logo,.show-find .logo,#find .logo,#error .logo {
    display: none
}

.logo-alt {
    display: none
}

.nav-stuck .logo-alt,.show-find .logo-alt,#find .logo-alt,#error .logo-alt {
    display: inline-block
}

.nav-stuck .logo-alt,#find .logo-alt,#error .logo-alt {
    position: relative;
    top: 2px;
    width: 139px
}

.nav-stuck .logo-alt.logo--evo,#find .logo-alt.logo--evo,#error .logo-alt.logo--evo {
    width: 80px
}

.nav-stuck .logo-alt.logo--staar,#find .logo-alt.logo--staar,#error .logo-alt.logo--staar {
    width: 204px
}

@-webkit-keyframes slideDown {
    from {
        -webkit-transform: translateY(-100%)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slideDown {
    from {
        -moz-transform: translateY(-100%)
    }

    to {
        -moz-transform: translateY(0)
    }
}

@keyframes slideDown {
    from {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.nav--head {
    display: block
}

.nav--head>li {
    display: none;
    position: relative
}

.nav--head>li+li {
    margin-left: 1.5em
}

.nav--head>li.nav_btn-holder {
    margin-left: 1em
}

.nav--head>li.nav_btn-holder+.nav_btn-holder {
    margin-left: 0.769230769em
}

.nav--head>li.nav_btn-holder .underline {
    display: none !important
}

.nav--head>li:last-child {
    display: inline-block
}

.nav--head>li.find-a-doc.is-mobile {
    display: inline-block;
    float: left
}

.nav--head>li .underline {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 1px;
    bottom: -10px;
    left: 0;
    background-color: #fff;
    opacity: 0
}

.nav--head>li.active .underline {
    bottom: -3px;
    opacity: 1 !important
}

.nav-stuck .nav--head>li.active a {
    color: #10a8ba
}

@media only screen and (min-width: 62.5em) {
    .nav--head>li {
        display:inline-block
    }

    .nav--head>li.find-a-doc.is-mobile {
        display: none
    }
}

@media only screen and (min-width: 87.5em) {
    .nav--head>li+li {
        margin-left:3.076923077em
    }

    .nav--head>li.nav_btn-holder {
        margin-left: 1.923076923em
    }
}

.nav_btn {
    border-color: #d9dedf
}

.nav_btn.active {
    background: #d9dedf !important;
    border-color: #d9dedf !important;
    color: #fff !important
}

#general .nav_btn,.show-nav #general.nav-stuck .nav_btn,.show-nav .nav-stuck .nav_btn {
    border-color: #fff
}

.nav-stuck .nav_btn,.show-find .nav_btn,#find .nav_btn,#error .nav_btn,#general .nav_btn:hover,#general .nav_btn.hover,#general.nav-stuck .nav_btn,.show-nav #general.nav-stuck .nav_btn.hover,.show-nav .nav-stuck .nav_btn.hover,.show-nav #find .nav_btn.hover,.show-nav #error .nav_btn.hover {
    border-color: #10a8ba
}

@media only screen and (min-width: 62.5em) {
    .show-nav .nav-stuck .nav_btn {
        border-color:#10a8ba
    }
}

.nav_btn.\--solid {
    border-color: #10a8ba !important;
    background-color: #10a8ba !important;
    color: #fff !important
}

.nav_btn.\--solid:hover {
    background-color: #0c7e8c !important;
    color: #fff !important;
    border-color: #0c7e8c !important
}

.nav-stuck .\--solid {
    background-color: #10a8ba !important;
    color: #fff !important
}

.nav-stuck .\--solid:hover {
    background-color: #0c7e8c !important;
    color: #fff !important;
    border-color: #0c7e8c !important
}

.btn--search {
    height: 40px;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    -webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75),color 0.2s 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75),border-color 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -moz-transition: background-color 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75),color 0.2s 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75),border-color 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition: background-color 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75),color 0.2s 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75),border-color 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    width: 40px;
    background-image: url(../img/search.svg);
    background-size: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    color: #ffffff
}

.btn--search:hover,.btn--search:active {
    background-image: url(../img/search.svg);
    background-size: 50%;
    background-position: center center;
    background-repeat: no-repeat
}

.btn--menu {
    height: 40px;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    -webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75),color 0.2s 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75),border-color 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -moz-transition: background-color 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75),color 0.2s 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75),border-color 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition: background-color 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75),color 0.2s 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75),border-color 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    width: 40px
}

.btn--menu:before,.btn--menu:after {
    border: 2px solid #d9dedf;
    border-width: 2px 0;
    box-sizing: content-box;
    content: '';
    height: 3px;
    left: 50%;
    position: absolute;
    top: 12px;
    width: 15px
}

#general .btn--menu:before,#general .btn--menu:after {
    border-color: #fff
}

.btn--menu:after {
    border-width: 1px 0;
    height: 0;
    top: 22px;
    width: 15px
}

.nav-stuck .btn--menu:before,.nav-stuck .btn--menu:after,.show-find .btn--menu:before,.show-find .btn--menu:after,#find .btn--menu:before,#find .btn--menu:after,#error .btn--menu:before,#error .btn--menu:after,#general.nav-stuck .btn--menu:before,#general.nav-stuck .btn--menu:after {
    border-color: #10a8ba
}

.nav-stuck .btn--menu:hover,.nav-stuck .btn--menu.hover,.show-find .btn--menu:hover,.show-find .btn--menu.hover,#find .btn--menu:hover,#find .btn--menu.hover,#error .btn--menu:hover,#error .btn--menu.hover,#general.nav-stuck .btn--menu:hover,#general.nav-stuck .btn--menu.hover {
    border-color: #10a8ba
}

.nav-stuck .btn--menu:hover:before,.nav-stuck .btn--menu:hover:after,.nav-stuck .btn--menu.hover:before,.nav-stuck .btn--menu.hover:after,.show-find .btn--menu:hover:before,.show-find .btn--menu:hover:after,.show-find .btn--menu.hover:before,.show-find .btn--menu.hover:after,#find .btn--menu:hover:before,#find .btn--menu:hover:after,#find .btn--menu.hover:before,#find .btn--menu.hover:after,#error .btn--menu:hover:before,#error .btn--menu:hover:after,#error .btn--menu.hover:before,#error .btn--menu.hover:after,#general.nav-stuck .btn--menu:hover:before,#general.nav-stuck .btn--menu:hover:after,#general.nav-stuck .btn--menu.hover:before,#general.nav-stuck .btn--menu.hover:after {
    border-color: #fff
}

.show-nav .btn--menu:before,.show-nav .btn--menu:after,.show-nav #general .btn--menu:before,.show-nav #general .btn--menu:after {
    border-color: #fff;
    border-width: 1px 0 0;
    height: 0;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    width: 21px
}

@media only screen and (min-width: 62.5em) {
    .btn--menu {
        margin-bottom:-15px
    }

    .show-nav .nav-stuck .btn--menu:before,.show-nav .nav-stuck .btn--menu:after {
        border-color: #10a8ba
    }

    .show-nav .nav-stuck .btn--menu:hover:before,.show-nav .nav-stuck .btn--menu:hover:after,.show-nav .nav-stuck .btn--menu.hover:before,.show-nav .nav-stuck .btn--menu.hover:after {
        border-color: #fff
    }
}

.nav--meta {
    background: #242424;
    display: none;
    font-size: .75rem;
    padding: 7px 40px;
    text-align: right;
    width: 100%
}

.nav--meta li+li {
    margin-left: 1.25em
}

.nav--meta li+li:before {
    border-left: 1px solid #d9dedf;
    content: '';
    display: inline-block;
    height: 16px;
    margin-right: 1.666666667em;
    opacity: 0.3;
    position: relative;
    top: -1px;
    vertical-align: middle
}

.nav--meta a {
    color: #909495;
    opacity: 1
}

.nav-stuck .page-head .nav--meta a,.show-find .page-head .nav--meta a,#find .page-head .nav--meta a,#error .page-head .nav--meta a {
    color: #909495
}

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

.usr-region {
    display: inline-block
}

.usr-region img {
    display: inline-block;
    height: 12px;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: 23px
}

.index {
    background: #57606c;
    text-align: center
}

.index .index_title {
    font-weight: 700
}

@media only screen and (min-width: 48em) {
    .index {
        background:#fff;
        padding: 3.875em 0 0 0
    }

    .index .wrapper {
        padding: 0 50px
    }
}

.index_hdg {
    display: none;
    color: #57606c;
    font-weight: 300;
    margin-bottom: 1.125em
}

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

.index_group+.index_group {
    border-top: 1px solid rgba(255,255,255,0.1)
}

@media only screen and (min-width: 48em) {
    .index_group {
        display:inline-block;
        margin: 0 -3px 0 0;
        padding: 0 20px;
        text-align: left;
        vertical-align: top;
        width: 33.333333333%
    }

    .index_group .index_group {
        border: none
    }
}

.supplement {
    background: #3f454f;
    padding: .875em 0 2.3125em 0
}

.supplement .nav--social {
    margin: 0.863636364em 0 0
}

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

.index_subgroup+.index_subgroup {
    border-top: 1px solid rgba(255,255,255,0.1)
}

@media only screen and (min-width: 48em) {
    .index_subgroup {
        margin-bottom:3em
    }

    .index_subgroup+.index_subgroup {
        border: none
    }
}

.index_title {
    font-size: .8125rem;
    font-weight: normal
}

.index_title a {
    display: block;
    font-weight: bold
}

@media only screen and (min-width: 48em) {
    .index_title {
        margin-bottom:0.384615385em
    }

    .index_title:before {
        background: #10a8ba;
        content: '';
        display: block;
        height: 2px;
        margin-bottom: 5px;
        width: 30px
    }
}

.index_list {
    line-height: 2.833333333em;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.125s ease;
    -moz-transition: max-height 0.125s ease;
    transition: max-height 0.125s ease
}

.index_list.expanded {
    max-height: 500px
}

.index_list a {
    color: #909495;
    display: block;
    font-weight: 700
}

.index_list a:hover {
    color: #098b9a
}

@media only screen and (min-width: 48em) {
    .index_list {
        max-height:none
    }

    .index_more .index_list {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

@media only screen and (min-width: 48em) {
    .index_more {
        border-top:1px solid #d9dedf;
        margin-top: 0;
        margin-right: 20px;
        padding: 2.0625em 0 2.9375em;
        text-align: left
    }
}

.index .index_subhdg {
    border-top: 1px solid rgba(255,255,255,0.1);
    color: #fff
}

@media only screen and (min-width: 48em) {
    .index .index_subhdg {
        border:none;
        color: #57606c;
        font-weight: 600;
        margin-bottom: 0.5em
    }
}

.index_find {
    background: #71ccd7;
    left: 0;
    position: absolute;
    text-align: center;
    top: 5em;
    width: 100%
}

@media only screen and (min-width: 48em) {
    .index_find {
        background:#57606c;
        padding: 30px 0;
        position: static
    }

    .index_find .brief {
        display: inline-block;
        max-width: 23.125em
    }
}

.index_action {
    color: #fff;
    display: inline-block;
    margin-right: 0.8em;
    font-size: 1em
}

.index_action:before {
    margin-right: 10px;
    top: 2px
}

@media only screen and (min-width: 48em) {
    .index_action:before {
        display:none
    }
}

.index_find_doctor_plf10 {
    padding-left: 10px;
    padding-right: 10px
}

.modal--region {
    overflow: visible !important
}

.modal--region .modal_close {
    right: 20px;
    top: 26px
}

.modal--region .modal_content {
    background: #f6f7f9;
    padding: 2em 20px;
    overflow: visible
}

.modal--region h3.region_title {
    margin-bottom: 1.192307692em;
    text-align: center
}

@media only screen and (min-width: 48em) {
    .modal--region .modal_content {
        padding-top:3.875em;
        padding-right: 94px;
        padding-left: 94px;
        padding-bottom: 4.375em
    }

    .modal--region .modal_close {
        right: 30px;
        top: 30px
    }

    .modal--region h3.region_title {
        color: #2e3030;
        margin-bottom: 1.25em
    }
}

.banner {
    height: 666px;
    overflow: hidden;
    padding: 5.375em 0 .625em;
    position: relative;
    text-align: center;
    white-space: nowrap;
    background-color: #242424;
    z-index: 100
}

.banner.invisible {
    opacity: 0
}

.banner:before,.banner:after {
    content: '';
    height: 100%
}

.banner:before {
    display: inline-block;
    margin-right: -14px;
    vertical-align: middle;
    width: 10px
}

@media only screen and (min-width: 48em) {
    .banner {
        height:770px;
        padding: 7.8125em 0 .625em
    }
}

@media only screen and (min-width: 48em) {
    .banner.banner--alt.banner--why {
        height:770px;
        padding: 7.8125em 0 6.0625em
    }
}

@media only screen and (min-width: 75em) {
    .banner--copy-align-upperLeft:before,.banner--copy-align-upperLeft:after,.banner--copy-align-upperRight:before,.banner--copy-align-upperRight:after {
        content:none
    }
}

.banner_inner {
    background: black;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.banner_video {
    pointer-events: none;
    height: auto;
    left: 50%;
    height: 100%;
    position: absolute;
    top: 50%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    -o-object-fit: cover;
    -o-object-position: center
}

@media only screen and (min-width: 62.5em) {
    .banner_video {
        display:block
    }
}

.banner_background_outer {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.banner_background {
    width: 100%;
    height: 100%
}

.banner_background:after {
    background-color: rgba(0,0,0,0.5);
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.5) 0%,transparent 20%);
    background-image: linear-gradient(rgba(0,0,0,0.5) 0%,transparent 20%);
    background-color: transparent
}

.banner_copy {
    display: inline-block;
    padding-top: 1.125em;
    position: relative;
    white-space: normal;
    width: 100%;
    vertical-align: middle;
    z-index: 2
}

.banner_copy .banner_play {
    margin-top: .615384615em
}

@media only screen and (min-width: 62.5em) {
    .banner_copy .banner_play {
        display:none
    }
}

.banner--copy-background .banner_copy {
    text-shadow: 0px 1px 20px rgba(0,0,0,0.4)
}

@media only screen and (min-width: 75em) {
    .banner--copy-align-upperLeft .banner_copy {
        display:block;
        margin: 25px 0 0 30px;
        max-width: 700px
    }

    .banner--copy-align-upperRight .banner_copy {
        display: block;
        margin: 25px 30px 0 auto;
        max-width: 700px
    }
}

@media only screen and (min-width: 87.5em) {
    .banner--copy-align-upperLeft .banner_copy {
        margin-right:60px
    }

    .banner--copy-align-upperRight .banner_copy {
        margin-right: 60px
    }
}

@media only screen and (min-width: 100em) {
    .banner--copy-align-upperLeft .banner_copy {
        margin-right:90px
    }

    .banner--copy-align-upperRight .banner_copy {
        margin-right: 90px
    }
}

.banner_graphic {
    margin: 0 auto 1.375em;
    max-width: 80%
}

@media only screen and (min-width: 48em) {
    .banner_graphic {
        margin-bottom:1.8125em
    }
}

.banner_graphic_sticky {
    position: absolute;
    width: 100%;
    height: auto;
    margin: 0 auto 1.375em
}

.banner_graphic_sticky .banner_graphic {
    margin: 0 auto;
    max-width: 75%
}

.banner_hdg {
    font-size: 3.5rem
}

.banner_hdg__cn {
    font-size: 2.9rem
}

.banner--home .banner_hdg.banner_hdg__kr {
    max-width: none;
    word-break: keep-all
}

@media (min-width: 62.4375em) {
    .banner--home .banner_hdg.banner_hdg__kr {
        white-space:nowrap;
        word-break: normal
    }
}

.banner_intro {
    margin-bottom: 1.3125em
}

.banner_scroll {
    background-position: -29px 17px;
    bottom: 35px;
    height: 40px;
    left: 50%;
    margin: 0 0 0 -9px;
    overflow: hidden;
    position: absolute;
    text-indent: -999em;
    width: 38px;
    z-index: 10
}

.banner_line_holder {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 160px;
    margin-top: -80px;
    overflow: hidden
}

@media only screen and (min-width: 48em) {
    .banner_line_holder {
        height:295px;
        margin-top: -147.5px
    }
}

.banner_line {
    margin: 0 auto;
    width: 2px;
    height: 100%;
    opacity: 0.6;
    overflow: hidden
}

.banner_line span,.banner_line div {
    display: block;
    width: 100%;
    height: 100%;
    border-left: 2px dashed #93bdc2
}

.banner--home .banner_hdg {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    font-weight: 300
}

.banner--home .banner_intro {
    display: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 540px
}

.banner--home .banner_copy.text-dark,.banner--home .banner_copy.text-dark * {
    color: #57606c
}

@media only screen and (min-width: 62.5em) {
    .banner--home {
        height:940px;
        height: 95vh
    }

    .banner--home .banner_copy {
        padding-bottom: 6%
    }

    .banner--home .banner_intro {
        display: block
    }
}

.vol {
    color: #fff;
    display: none;
    margin: 0 auto
}

.vol:before {
    height: 18px;
    margin-right: 11px;
    top: 5px;
    width: 24px
}

.vol:hover {
    color: #10a8ba
}

.touchevents .vol {
    display: none
}

@media only screen and (min-width: 62.5em) {
    .vol {
        display:block
    }
}

.vol--on:before {
    background-position: -178px -182px
}

.vol_lbl {
    color: rgba(255,255,255,0.5)
}

.vol_lbl:after {
    content: '| ';
    margin: 0 0.25em 0 0.583333333em
}

.banner--alt .banner_copy {
    margin: 0 auto;
    max-width: 28.75em
}

.banner--alt .btn {
    border-color: #fff
}

.banner--alt .btn:hover {
    border-color: #10a8ba;
    color: #fff !important
}

@media only screen and (min-width: 48em) {
    .banner--alt {
        height:560px
    }

    .banner--alt .btn {
        display: inline-block
    }
}

@media only screen and (min-width: 62.5em) {
    .banner--alt .banner_copy {
        max-width:41.25em
    }
}

.banner--general {
    background: url(../img/bg-general.svg) center bottom no-repeat #71ccd7;
    height: 495px;
    padding-bottom: 130px
}

.page .banner--general span.banner_hdg {
    color: #fff
}

.no-svg .banner--general {
    background-image: url(../img/bg-general.png)
}

.banner--general:after {
    display: none
}

.banner--general .btn {
    border-color: #fff
}

.banner--general .btn:hover {
    border-color: #10a8ba;
    color: #fff !important
}

.banner.banner--blog {
    background-size: cover;
    height: auto
}

.banner.banner--blog .banner_hdg {
    font-weight: 300;
    margin-bottom: 0.6em
}

.modal .banner.banner--blog {
    margin-top: 70px;
    padding: 0
}

@media only screen and (min-width: 48em) {
    .banner.banner--blog {
        height:auto
    }
}

.nav.nav--banner {
    font-size: 1.875rem;
    margin: 1.766666667em 0 0;
    text-align: center
}

.nav.nav--banner li+li {
    margin-left: 1.1em
}

@media (max-width: 769px) {
    .banner .banner_hdg__jp {
        font-size:24px
    }
}

.banner_view-all {
    align-items: center;
    color: white;
    display: flex;
    font-size: 15px;
    font-weight: bold;
    left: 50%;
    position: absolute;
    top: 145px;
    transform: translateX(-50%);
    z-index: 2
}

@media (min-width: 1000px) {
    .banner_view-all {
        left:40px;
        transform: translateX(0)
    }
}

.banner_view-all.is-animated {
    animation: view-all-fade 1s 2s forwards;
    opacity: 0
}

.banner_view-all.is-hidden-on-mobile {
    display: none
}

@media (min-width: 1000px) {
    .banner_view-all.is-hidden-on-mobile {
        display:block
    }
}

.banner_view-all:hover {
    color: white !important
}

.banner_view-all svg {
    margin-right: 10px;
    position: relative
}

@keyframes view-all-fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.banner--home .banner_hdg {
    max-width: 800px !important
}

@media only screen and (max-width: 47.9375em) {
    .bg-left {
        background-position:left center !important
    }

    .bg-right {
        background-position: right center !important
    }
}

.endcap,.page-foot,.blog_head,.gallery {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.endcap {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.blog_paginate {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -ms-flex-order: 1
}

.brand,.primary-nav,.blog_head .blog_meta,.blog_share {
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center;
    -ms-flex-item-align: center
}

.grid .testimonials_card .action,.modal .drs_detail {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.banner+.path-top:after,.find {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.cover {
    height: 100%;
    overflow: hidden;
    text-indent: -999em;
    width: 100%;
    z-index: 100
}

.action {
    display: inline-block;
    font-size: .8125rem
}

.action--external:after {
    background-position: -118px 0;
    height: 12px;
    margin-left: 7px;
    top: 2px;
    width: 8px;
    -webkit-transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.action--external:hover:after {
    background-position: -146px 0;
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
    transform: translateX(3px)
}

.action--expand:after,.action--collapse:after {
    background-position: -33px -39px;
    height: 8px;
    margin-left: 5px;
    width: 12px
}

.action--expand:hover:after,.action--collapse:hover:after {
    background-position: -65px -39px
}

.action--collapse:after {
    background-position: -33px -67px
}

.action--collapse:hover:after {
    background-position: -65px -67px
}

.action--play:before,.play,.action--read:before {
    background-color: #10a8ba;
    border-radius: 50%;
    display: inline-block;
    height: 65px;
    overflow: hidden;
    position: relative;
    width: 65px
}

.action--play:before:hover,.play:hover,.action--read:before:hover {
    background-color: #098b9a
}

.action--play,.action--read {
    margin: -8px 0 1em 0
}

.action--play:before,.action--read:before {
    background-position: -56px 25px;
    height: 64px;
    margin: 0 -6px 0 -32px;
    top: -1px;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    vertical-align: middle;
    width: 64px
}

.action--play:hover:before,.action--read:hover:before {
    background-color: #098b9a
}

@media only screen and (min-width: 48em) {
    .action--play,.action--read {
        margin-bottom:0
    }
}

.play {
    text-indent: -999em
}

.play:hover {
    background-color: #098b9a
}

.play:before {
    background-position: -80px 0;
    height: 16px;
    left: 50%;
    margin: -8px 0 0 -7px;
    position: absolute;
    top: 50%;
    width: 16px
}

.play--block {
    left: 50%;
    margin: -32px 0 0 -32px;
    position: absolute;
    z-index: 101 !important;
    top: 50%
}

.action--read:before {
    background-position: -34px -185px
}

.media {
    overflow: hidden;
    text-align: left;
    white-space: nowrap
}

.media a {
    color: #909495
}

.media a:hover {
    color: #10a8ba
}

.media_img {
    display: inline-block;
    margin: 0 -4px 0 0;
    max-width: 30%;
    vertical-align: middle
}

.media_title {
    display: inline-block;
    font-weight: 600;
    max-width: 70%;
    padding-left: 20px;
    vertical-align: middle;
    white-space: normal
}

.page h1,.page .banner--general .banner_hdg,.banner--general .page .banner_hdg,.page h2:not(.index_hdg),.page .steps_hdg,.page h3,.page .index_hdg:not(.index_hdg),.page .general_title:not(.index_hdg),.page h4,.page .stats_num,.page .testimonial_copy,.page h5,.page .index_action,.page .compare_title,.page .steps_title,.page .testimonials_tabs,.page .reference_title {
    color: #57606c
}

.page h1,.page .banner--general .banner_hdg,.banner--general .page .banner_hdg {
    font-weight: 100;
    margin-bottom: .166666667em
}

.page h2,.page .steps_hdg,.page h3,.page .index_hdg,.page .general_title,.page h4,.page .stats_num,.page .testimonial_copy {
    font-weight: 300
}

.page h5,.page .index_action,.page .compare_title,.page .steps_title,.page .testimonials_tabs,.page .reference_title,.page p,.page ul:not(.page-links),.page ol,.page dl {
    font-weight: 600
}

.page .normal-weight {
    font-weight: normal
}

.page h2:not(.index_hdg),.page .steps_hdg {
    margin-bottom: .35em
}

@media only screen and (min-width: 48em) {
    .page h2:not(.index_hdg),.page .steps_hdg {
        margin-bottom:.24em
    }
}

.page h5,.page .index_action,.page .compare_title,.page .steps_title,.page .testimonials_tabs,.page .reference_title {
    margin-bottom: .3em
}

.page .bg:not(.light) {
    color: #fff
}

.page .bg:not(.light) h1,.page .bg:not(.light) h2,.page .bg:not(.light) h3,.page .bg:not(.light) h4,.page .bg:not(.light) h5,.page .bg:not(.light) a,.page .bg:not(.light) .action {
    color: #fff
}

.page .bg:not(.light) a:hover {
    color: #10a8ba
}

.page .bg:not(.light) .action--external:after {
    background-position: -118px -39px
}

.page a.light:hover {
    color: #fff !important
}

.align-left,.slider_paginate li,.stat-list dt,.stat-list dd,.results dt,.results dd,.testimonials_list.grid li,.drs_info,.blog_posts>li {
    float: left
}

.align-right,.slider_paginate li+li {
    float: right
}

.btn--menu:before,.btn--menu:after,.about-graphic div,.removable_bg {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.vid-preview .action,.find_filters {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.banner_video,.drs_photo img {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.show-nav .btn--menu:before,.show-nav #general .btn--menu:before,.slider_paginate a:before,.slider_paginate a .arrow,.tooltip:before,.modal_close:before,.modal_close:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.show-nav .btn--menu:after,.show-nav #general .btn--menu:after,.modal_close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.content-block {
    overflow: hidden;
    padding-bottom: 6.125em;
    padding-top: 4.5em;
    text-align: center
}

.callout-blocks .content-block {
    padding-bottom: 9em;
    padding-top: 8.0625em
}

@media only screen and (min-width: 48em) {
    .content-block {
        padding-bottom:4.5625em;
        padding-top: 4.4375em
    }

    .callout-blocks .content-block {
        padding-bottom: 11.5625em;
        padding-top: 11.125em
    }
}

@media only screen and (min-width: 62.5em) {
    .content-block {
        padding-bottom:7.4375em;
        padding-top: 6.9375em
    }

    .callout-blocks .content-block {
        padding-bottom: 11.5625em;
        padding-top: 11.125em
    }
}

.content-block_links li {
    width: 100%
}

@media only screen and (min-width: 48em) {
    .content-block_links li {
        width:auto
    }

    .content-block_links li+li {
        border-left: 1px solid #d9dedf;
        margin-left: .625em;
        padding-left: 1.25em
    }
}

.content-question {
    background: #71ccd7;
    overflow: hidden;
    padding: 8.9375em 0 8.75em 0;
    text-align: center
}

.content-question_hdg {
    margin: 0 auto;
    max-width: 7.6em
}

.content-question_graphic {
    margin: 0 auto 1.25em;
    margin-top: calc(-8.9375em - 25%);
    max-width: 80%
}

.content-question_graphic .lg {
    display: none
}

@media only screen and (min-width: 48em) {
    .content-question_graphic {
        margin-bottom:1.75em
    }

    .content-question_graphic .sm {
        display: none
    }

    .content-question_graphic .lg {
        display: block
    }
}

.intro {
    margin: 0 auto;
    max-width: 28.75em
}

@media only screen and (min-width: 62.5em) {
    .intro {
        max-width:36.25em
    }
}

.intro.intro_ko_kr {
    max-width: none
}

.intro.intro_ko_kr br {
    display: none
}

@media only screen and (min-width: 48em) {
    .intro.intro_ko_kr br {
        display:block
    }
}

.intro_graphic {
    margin: 0 auto 1.375em;
    max-width: 80%
}

@media only screen and (min-width: 48em) {
    .intro_graphic {
        margin-bottom:2.375em
    }
}

.footnotes p,.footnotes ol,.footnotes ul {
    font-size: .875rem;
    line-height: 1.714285714em
}

.offset_copy {
    margin: 0 auto;
    max-width: 36.25em
}

.offset_copy .offset_hdg {
    margin-bottom: .425em;
    text-align: center
}

.offset_copy .offset_subhdg {
    margin-bottom: 1.7em;
    text-align: center
}

@media only screen and (min-width: 48em) {
    .offset_copy {
        float:right;
        margin-right: 3.75em;
        text-align: left
    }

    .offset_copy .offset_hdg {
        margin-bottom: .84em;
        text-align: left
    }

    .offset_copy .offset_subhdg {
        margin-bottom: .84em;
        text-align: left
    }
}

.mobile-collapse {
    max-height: 0;
    overflow: hidden
}

.mobile-collapse.expanded {
    max-height: none
}

.mobile-collapse.expanded+.action {
    margin-top: 25px
}

@media only screen and (min-width: 48em) {
    .mobile-collapse {
        max-height:none;
        overflow: visible
    }
}

@media only screen and (min-width: 48em) {
    .mobile-expand-btn {
        display:none
    }
}

.page-nav {
    display: block;
    padding: 0 20px;
    position: fixed;
    top: 4.375em;
    max-height: calc(100% - 70px);
    overflow: scroll;
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: background 0.125s ease,width 0s 0.125s ease,opacity 0.125s ease;
    -moz-transition: background 0.125s ease,width 0s 0.125s ease,opacity 0.125s ease;
    transition: background 0.125s ease,width 0s 0.125s ease,opacity 0.125s ease
}

.page-nav.visible,.page-nav:hover {
    -webkit-transition: background 0.125s ease,opacity 0.125s ease;
    -moz-transition: background 0.125s ease,opacity 0.125s ease;
    transition: background 0.125s ease,opacity 0.125s ease
}

.nav-stuck .page-nav {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    z-index: 500
}

.page-nav h2.page-nav_hdg {
    position: relative;
    z-index: 110;
    color: #fff;
    font-size: .8125rem;
    font-weight: 700;
    margin-top: 0;
    margin-right: -20px
}

.page-nav h2.page-nav_hdg.expanded {
    color: #10a8ba
}

@media only screen and (min-width: 48em) {
    .page-nav {
        top:6.25em
    }
}

@media only screen and (min-width: 62.5em) {
    .page-nav.js-page-nav {
        -webkit-transition:none;
        -moz-transition: none;
        transition: none;
        background: transparent !important;
        box-shadow: none !important
    }
}

.page-nav.js-page-nav .page-nav-bg {
    visibility: hidden;
    position: absolute;
    z-index: 100;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    background-color: #fafbfc;
    box-shadow: 2px 3px 3px 0 rgba(0,0,0,0.08)
}

@-webkit-keyframes slideDown-2 {
    from {
        -webkit-transform: translateY(-200%)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slideDown-2 {
    from {
        -moz-transform: translateY(-200%)
    }

    to {
        -moz-transform: translateY(0)
    }
}

@keyframes slideDown-2 {
    from {
        -webkit-transform: translateY(-200%);
        -moz-transform: translateY(-200%);
        -ms-transform: translateY(-200%);
        -o-transform: translateY(-200%);
        transform: translateY(-200%)
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.page-nav_hdg {
    background: #57606c;
    cursor: pointer;
    padding: 26px 0 23px 0
}

.page-nav_hdg:after {
    background-position: -39px -95px;
    height: 8px;
    margin-left: 5px;
    width: 12px
}

.page-nav_hdg.expanded:after {
    background-position: -32px -67px
}

.page-links {
    font-size: .8125rem;
    font-weight: 700;
    max-height: 0;
    overflow: hidden;
    position: relative;
    z-index: 110;
    -webkit-transition: max-height 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition: max-height 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: max-height 0.5s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.page-links.expanded {
    max-height: 700px
}

.page-links a {
    display: block;
    color: #909495;
    padding: 26px 0 23px 0
}

.page-links a:hover {
    color: #fff
}

@media only screen and (min-width: 62.5em) {
    .page-nav {
        background:transparent;
        padding: 2.8125em 20px 1.875em 43px;
        left: 30px;
        opacity: 0;
        overflow: hidden;
        pointer-events: none;
        position: fixed;
        text-align: left;
        top: calc(50% - 156px);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
        width: 3.75em
    }

    .page-nav:hover {
        background: #fafbfc;
        box-shadow: 2px 3px 3px 0 rgba(0,0,0,0.08);
        min-width: 13.4375em;
        width: auto
    }

    .page-nav.js-is-animating {
        min-width: 13.4375em;
        width: auto
    }

    .page-nav:hover .page-nav-bg,.page-nav.js-is-animating .page-nav-bg {
        visibility: visible
    }

    .page-nav.showing {
        opacity: 1;
        pointer-events: auto
    }

    .nav-stuck .page-nav {
        -webkit-animation: none;
        -moz-animation: none;
        animation: none
    }

    .page-nav_hdg {
        display: none
    }

    .page-links {
        max-height: none !important;
        overflow: visible
    }

    .page-links>li {
        margin-bottom: 1em
    }

    .page-links>li+li {
        display: block
    }

    .page-links a {
        color: rgba(144,148,149,0.8);
        display: block;
        padding: 0;
        white-space: nowrap
    }

    .page-links a:before {
        background: rgba(144,148,149,0.8);
        content: '';
        display: inline-block;
        height: 2px;
        margin-right: 17px;
        position: relative;
        top: -1px;
        vertical-align: middle;
        width: 7px
    }

    .page-links a:after {
        display: none
    }

    .page-links a.active {
        color: #10a8ba
    }

    .page-links a.active:before {
        background: #10a8ba;
        margin-left: -33px;
        width: 40px
    }

    .page-links a:hover {
        color: #10a8ba
    }

    .page-links a:hover:before {
        background: #10a8ba
    }

    .page-links a.overlay {
        color: #fff
    }

    .page-links a.overlay:before {
        background: rgba(255,255,255,0.8)
    }

    .page-links a.overlay.active:before {
        background: #fff
    }

    .page-nav:hover .page-links a.overlay,.page-nav.visible .page-links a.overlay {
        color: rgba(144,148,149,0.8)
    }

    .page-nav:hover .page-links a.overlay:before,.page-nav.visible .page-links a.overlay:before {
        background: rgba(144,148,149,0.8)
    }

    .page-nav:hover .page-links a.overlay.active,.page-nav:hover .page-links a.overlay:hover,.page-nav.visible .page-links a.overlay.active,.page-nav.visible .page-links a.overlay:hover {
        color: #10a8ba
    }

    .page-nav:hover .page-links a.overlay.active:before,.page-nav:hover .page-links a.overlay:hover:before,.page-nav.visible .page-links a.overlay.active:before,.page-nav.visible .page-links a.overlay:hover:before {
        background: #10a8ba
    }

    .page-links span {
        display: inline-block;
        opacity: 0;
        visibility: hidden
    }

    .visible .page-links span,.page-nav:hover .page-links span {
        opacity: 1;
        visibility: visible
    }
}

@media only screen and (min-width: 75em) {
    .page-nav {
        z-index:1000
    }

    .page-nav.visible {
        background: #fafbfc;
        box-shadow: 2px 3px 3px 0 rgba(0,0,0,0.08);
        min-width: 13.4375em;
        width: auto
    }

    .page-nav .page-nav-bg {
        visibility: visible !important
    }
}

.slider-wrapper {
    margin: 0 auto;
    max-width: 43.75em;
    position: relative
}

.slider_paginate {
    margin-top: -23px;
    width: 100%
}

.slider_paginate:after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden
}

.slider_paginate a {
    border: 2px solid #fff;
    border-radius: 100em;
    display: inline-block;
    height: 46px;
    position: relative;
    width: 46px
}

.slider_paginate a:before,.slider_paginate a .arrow {
    border: 2px solid #fff;
    border-width: 2px 2px 0 0;
    content: '';
    height: 9px;
    left: 50%;
    margin: -4px 0 0 -5px;
    position: absolute;
    top: 50%;
    width: 9px
}

.slider_paginate a.prev:before,.slider_paginate a.prev .arrow {
    margin: -5px 0 0 -3px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.slider_paginate a.slick-disabled {
    cursor: default;
    opacity: .5
}

.slider_paginate a.slick-disabled .tooltip {
    display: none
}

.slider_paginate a.js-button:before {
    display: none
}

@media only screen and (min-width: 62.5em) {
    .slider_paginate {
        margin-top:-123px;
        top: 50% !important
    }
}

.slider-aid {
    display: block;
    font-size: .8125rem;
    margin: 25px auto -10px
}

@media only screen and (min-width: 48em) {
    .slider-aid {
        display:none
    }
}

.slick-dots {
    margin: 20px auto 0;
    padding: 2px;
    position: relative;
    text-align: center;
    width: 100%
}

.slick-dots li {
    vertical-align: middle
}

.slick-dots li+li {
    margin-left: 20px
}

.slick-dots button {
    background: #909495;
    border: 9px solid #fff;
    border-radius: 50%;
    display: block;
    height: 28px;
    margin: 2px;
    padding: 0;
    text-indent: -999em;
    width: 28px
}

.slick-dots .slick-active button {
    background-image: -webkit-radial-gradient(circle, #10a8ba 4px,#fff 5px);
    background-image: radial-gradient( circle, #10a8ba 4px,#fff 5px);
    background-color: #fff;
    border: 2px solid #10a8ba;
    height: 28px;
    width: 28px
}

.dots-wrap {
    margin: -10px auto 0;
    overflow: hidden;
    padding-top: 10px
}

@media only screen and (min-width: 62.5em) {
    .dots-wrap {
        max-width:798px;
        width: 798px
    }
}

.stats {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1em;
    list-style: none;
    text-align: center
}

@media (min-width: 769px) {
    .stats {
        flex-direction:row
    }
}

.stats li {
    flex: 1;
    margin-bottom: 2.5em;
    line-height: 1.5;
    width: 100%
}

.stats li:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 48em) {
    .stats li {
        margin:0 -4px;
        padding: 0 20px;
        width: 23.943662%
    }

    .stats li+li {
        margin-left: 20px
    }

    .stats li:nth-child(2) {
        border: 1px solid #d9dedf;
        border-width: 0 1px;
        width: 32.2535211%
    }

    .stats li:last-child {
        border-right: none
    }
}

.stats_num {
    display: block;
    line-height: 1em;
    margin-bottom: .285714286em
}

.stat-list {
    overflow: hidden
}

.stat-list dt {
    clear: both;
    margin-right: .625em;
    width: 6em
}

.stat-list--hrs dt {
    width: 2.875em
}

.stat-list--hrs strong {
    color: #57606c;
    font-size: .8125rem;
    margin-left: 10px
}

.testimonial {
    background: #f6f7f9;
    left: 0;
    padding-top: 1.3125em;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 3.3125em;
    position: absolute;
    text-align: center;
    top: 100%;
    width: 100%
}

.testimonial.testimonial--block {
    position: static
}

@media only screen and (min-width: 62.5em) {
    .testimonial {
        background:none;
        max-width: 32.5em;
        position: static;
        text-align: left;
        width: auto
    }

    .collage .testimonial,.block-left .testimonial {
        margin: 0 auto;
        padding: 6.3125em 20px 6.4375em 20px
    }
}

@media only screen and (min-width: 62.5em) {
    .testimonial--block {
        margin:0 auto;
        max-width: 46.25em;
        padding: 5.6875em 20px 5.8125em 20px;
        text-align: center
    }
}

.testimonial_copy {
    margin-bottom: .685714286em;
    quotes: '“' '”'
}

.testimonial_copy:before {
    content: open-quote
}

.testimonial_copy:after {
    content: close-quote
}

@media only screen and (min-width: 62.5em) {
    .bg .testimonial_copy {
        color:#fff
    }

    .text-dark .testimonial_copy {
        color: #57606c !important
    }
}

.testimonial_src {
    color: #b3bbbe;
    display: block;
    font-size: .8125rem
}

.text-dark .testimonial_src {
    color: #57606c !important
}

.testimonial_src+.action {
    margin-top: 1.384615385em
}

.testimonial_src:before {
    background: rgba(162,169,171,0.5);
    content: '';
    display: block;
    height: 2px;
    margin: 0 auto 15px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 20px
}

@media only screen and (min-width: 62.5em) {
    .testimonial_src:before {
        display:inline-block;
        margin: 0 10px 0 0
    }
}

.block {
    background-position: right center;
    height: 320px;
    position: relative;
    text-align: center;
    white-space: nowrap
}

.block:before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-right: -14px;
    vertical-align: middle;
    width: 10px
}

.block .wrapper {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    white-space: normal;
    width: 100%
}

@media only screen and (min-width: 62.5em) {
    .block {
        background-position:center;
        height: 770px
    }
}

.collage {
    position: relative
}

@media only screen and (min-width: 62.5em) {
    .collage {
        min-height:600px;
        padding-left: 50%
    }
}

.collage_photo {
    display: none;
    height: 100%;
    width: 50%
}

.collage_photo img {
    display: none
}

@media only screen and (min-width: 62.5em) {
    .collage_photo {
        display:block
    }
}

.collage--alt .collage_photo {
    left: auto;
    right: 0
}

@media only screen and (min-width: 62.5em) {
    .collage--alt {
        padding-left:0;
        padding-right: 50%
    }
}

@media only screen and (min-width: 62.5em) {
    .collage--three {
        padding:0
    }

    .collage--three div {
        width: 33.333333333%
    }
}

@media only screen and (min-width: 62.5em) {
    .collage--three,.block-left {
        display:-webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden
    }

    .collage--three .testimonial,.block-left .testimonial {
        -webkit-align-self: center;
        -moz-align-self: center;
        align-self: center;
        -ms-flex-item-align: center;
        padding: 40px;
        width: 33.333333333%
    }
}

@media only screen and (min-width: 87.5em) {
    .collage--three .testimonial,.block-left .testimonial {
        padding:40px 100px
    }
}

.collage_photoOne,.collage_photoTwo {
    display: none
}

.collage_photoOne img,.collage_photoTwo img {
    visibility: hidden
}

@media only screen and (min-width: 62.5em) {
    .collage_photoOne,.collage_photoTwo {
        display:block
    }
}

.collage_photoOne {
    width: 33.333333333%
}

.block-left {
    position: relative
}

@media only screen and (min-width: 62.5em) {
    .block-left .vidcap {
        width:66.666666667%
    }
}

.vidcap {
    background-position: center top;
    clear: both;
    height: 320px;
    position: relative;
    width: 100%
}

.vidcap img {
    display: none;
    height: auto;
    width: 100%
}

@media only screen and (min-width: 62.5em) {
    .vidcap {
        height:auto
    }

    .vidcap img {
        display: block;
        object-fit: cover;
        font-family: "object-fit: cover;";
        height: 100%
    }
}

.vid-holder {
    height: 0;
    position: relative;
    width: 100%
}

.vid-holder iframe {
    height: 100% !important;
    width: 100% !important
}

.features {
    margin: 2.8125em auto 3.3125em;
    max-width: 66.25em
}

.features>li {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    margin-bottom: 3.3125em;
    overflow: hidden
}

.features>li:last-child {
    margin-bottom: 0
}

.features p {
    margin-bottom: 1em
}

@media only screen and (min-width: 48em) {
    .features {
        margin:6.6875em auto 5.75em;
        text-align: left
    }

    .features>li {
        margin-bottom: 9.375em;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify
    }

    .features>li:last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 48em) {
    .features_img,.features_copy {
        -webkit-align-self:center;
        -moz-align-self: center;
        align-self: center;
        -ms-flex-item-align: center;
        width: calc(50% - 10px);
        margin: 0 auto
    }
}

@media (max-width: 48em) {
    .features_copy {
        -webkit-box-ordinal-group:2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        -webkit-order: 2;
        -moz-order: 2;
        order: 2;
        -ms-flex-order: 2
    }
}

@media (min-width: 48em) {
    .features_copy.features_copy_ko_kr {
        white-space:nowrap;
        width: calc(55%)
    }
}

@media (max-width: 550px) {
    .features_copy br {
        display:none
    }
}

.features_img {
    margin: 0 auto 1.375em;
    max-width: 75%
}

@media (max-width: 48em) {
    .features_img {
        -webkit-box-ordinal-group:1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        -webkit-order: 1;
        -moz-order: 1;
        order: 1;
        -ms-flex-order: 1
    }
}

@media only screen and (min-width: 48em) {
    .features_img {
        margin:0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 48em) {
    .features_img div {
        max-width:300px
    }

    li:nth-child(even) .features_img {
        padding-left: 40px;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        -webkit-order: 2;
        -moz-order: 2;
        order: 2;
        -ms-flex-order: 2
    }

    li:nth-child(odd) .features_img {
        padding-right: 40px
    }

    li:nth-child(even) .features_copy {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        -webkit-order: 1;
        -moz-order: 1;
        order: 1;
        -ms-flex-order: 1
    }
}

@media only screen and (min-width: 62.5em) {
    .features_img div {
        max-width:none
    }

    li:nth-child(even) .features_img {
        padding-left: 0
    }

    li:nth-child(odd) .features_img {
        padding-right: 0
    }
}

.details {
    margin: 1.8125em auto -1.25em;
    max-width: 56.25em
}

.details>li {
    margin-bottom: 2.0625em;
    width: 100%
}

@media only screen and (min-width: 48em) {
    .details {
        margin:4.625em auto .5625em
    }

    .details>li {
        margin: 0 -4px 0 0;
        padding: 0 20px;
        vertical-align: top;
        width: 33.333333333%
    }
}

@media only screen and (min-width: 87.5em) {
    .details {
        max-width:78.75em
    }

    .details>li {
        padding: 0 40px
    }
}

.details_graphic {
    margin-bottom: 2em
}

.callout-blocks {
    width: 100%
}

@media only screen and (min-width: 48em) {
    .callout-blocks {
        display:table
    }
}

.callout {
    background-color: #57606c;
    background-position: left center;
    color: #888;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

.callout[style] {
    color: #fff
}

.callout[style]:before {
    background: rgba(113,204,215,0.85);
    content: '';
    content: '';
    height: 100%;
    width: 100%
}

.callout[style] * {
    position: relative
}

.callout[style] .callout_hdg,.callout[style] .btn {
    border-color: #fff;
    color: #fff
}

.callout[style] .callout_hdg:hover,.callout[style] .btn:hover {
    border-color: #10a8ba
}

@media only screen and (min-width: 48em) {
    .callout {
        display:table-cell;
        padding-left: 40px;
        padding-right: 40px;
        width: 50%
    }
}

@media only screen and (min-width: 62.5em) {
    .callout[style] {
        color:#909495
    }

    .callout[style]:before {
        display: none
    }

    .callout[style] .callout_hdg {
        color: #57606c
    }

    .callout[style] .btn {
        border-color: #10a8ba;
        color: #10a8ba
    }

    .callout[style] .btn:hover {
        color: #fff
    }
}

.callout_hdg {
    margin-bottom: .35em
}

.callout_copy {
    margin: 0 auto;
    max-width: 32.5em
}

.callout_hyperlinks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 8px
}

.callout_link {
    margin: 16px 8px 0
}

#questions .slick-dots .slick-active button,.gallery .slick-active button {
    background-image: -webkit-radial-gradient(circle, #10a8ba 4px,#f6f7f9 5px);
    background-image: radial-gradient( circle, #10a8ba 4px,#f6f7f9 5px);
    background-color: #f6f7f9;
    border: 2px solid #10a8ba
}

#questions {
    background: #f6f7f9
}

#questions .slick-dots button {
    border-color: #f6f7f9
}

.questions {
    margin: 2.8125em auto 0;
    max-width: 48.75em;
    overflow: hidden;
    white-space: nowrap
}

.questions li.bg {
    padding: 7.25em .625em 8em .625em;
    position: relative;
    vertical-align: top;
    white-space: normal;
    width: 100%
}

.questions li.bg:before {
    background: rgba(87,96,108,0.9);
    content: '';
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out
}

.no-touchevents .questions li.bg:hover:before {
    background: rgba(113,204,215,0.9)
}

@media only screen and (min-width: 48em) {
    .questions li.bg+li.bg+li.bg {
        margin-top:20px
    }
}

.questions .questions_hdg,.questions .action {
    display: block;
    position: relative
}

@media only screen and (min-width: 48em) {
    .questions {
        white-space:normal
    }

    .questions li.bg {
        margin-right: -4px;
        padding: 8.375em .625em 5.8125em .625em;
        width: calc(50% - 10px)
    }

    .questions li.bg:nth-child(even) {
        margin-left: 20px
    }
}

@media only screen and (min-width: 62.5em) {
    .questions li.bg {
        padding:9.625em 2.5em 7.0625em 2.5em
    }
}

@media only screen and (min-width: 87.5em) {
    .questions {
        max-width:73.75em
    }

    .questions li.bg {
        padding: 10.875em 5.625em 8.3125em 5.625em
    }
}

.questions_hdg {
    margin-bottom: .657142857em
}

.compare {
    margin: 2.5em auto 1.25em;
    max-width: 56.25em;
    padding-top: 3px
}

.compare>li {
    margin-bottom: .5625em;
    width: 100%
}

.compare>li+li {
    border-top: 2px dashed #d9dedf;
    padding-top: 2em
}

.compare .compare_title {
    margin-bottom: .2em
}

.compare .action {
    margin-bottom: 1.923076923em
}

.compare .expanded+.action {
    margin-top: 0
}

@media only screen and (min-width: 48em) {
    .compare {
        margin:4.875em auto 4.75em
    }

    .compare>li {
        margin: 0 -4px 0 0;
        padding-right: 45px;
        vertical-align: top;
        width: 50%
    }

    .compare>li+li {
        border-top: none;
        padding-top: 0
    }

    .compare>li:nth-child(even) {
        border-left: 2px dashed #d9dedf;
        padding-left: 45px;
        padding-right: 0
    }

    .compare .compare_title {
        margin-bottom: .7em
    }
}

@media only screen and (min-width: 87.5em) {
    .compare {
        max-width:66.25em
    }
}

.hero .compare_title {
    color: #10a8ba
}

.hero .compare_hdg {
    color: #10a8ba
}

.compare_hdg p {
    font-size: 2.5rem;
    line-height: 1.125em;
    margin-bottom: .125em;
    font-weight: normal
}

ul:not(.compare--why):not(.compare--all) .compare_hdg {
    font-size: 2.5rem;
    line-height: 1.125em;
    margin-bottom: .125em
}

.compare_hdg strong {
    display: block;
    font-weight: 600
}

.compare_body {
    margin: .8125em 0 0
}

@media only screen and (min-width: 48em) {
    .compare_body {
        margin:3.6875em 0 0
    }

    .compare_note+.compare_body {
        margin-top: 1.875em
    }
}

.compare_img {
    margin-bottom: 1.875em
}

@media only screen and (min-width: 62.5em) {
    .compare_img {
        margin-bottom:2.625em
    }
}

.compare--why>li:nth-child(even),.compare--all>li:nth-child(even),.compare--strength>li:nth-child(even) {
    border: none
}

.compare--why p,.compare--all p,.compare--strength p {
    margin-bottom: 0
}

.compare--why .slick-dots,.compare--all .slick-dots,.compare--strength .slick-dots {
    margin-bottom: -20px
}

.compare--why .slick-arrow,.compare--all .slick-arrow,.compare--strength .slick-arrow {
    background-position: -118px 0;
    border: none;
    bottom: 12px;
    height: 12px;
    padding: 0;
    position: absolute;
    text-indent: -999em;
    width: 7px;
    z-index: 1
}

.compare--why .slick-arrow.slick-disabled,.compare--all .slick-arrow.slick-disabled,.compare--strength .slick-arrow.slick-disabled {
    opacity: .5
}

.compare--why .slick-prev,.compare--all .slick-prev,.compare--strength .slick-prev {
    left: 0;
    -webkit-transform: scale(-1);
    -moz-transform: scale(-1);
    -ms-transform: scale(-1);
    -o-transform: scale(-1);
    transform: scale(-1)
}

.compare--why .slick-next,.compare--all .slick-next,.compare--strength .slick-next {
    right: 0
}

.compare--why {
    margin: 1.9375em auto 0
}

.compare--why li {
    padding: 0 10px
}

.compare--why li:nth-child(even) {
    padding: 0 10px
}

.compare--why li:not(.hero) .compare_title,.compare--why li:not(.hero) .compare_hdg {
    color: #d75c6f
}

.compare--why .compare_title {
    margin-bottom: .1em
}

.compare--why .compare_img {
    max-width: 266px
}

.compare--why .compare_hdg {
    margin-bottom: .285714286em
}

.compare--why p {
    margin-bottom: 0
}

@media only screen and (min-width: 48em) {
    .compare--why {
        margin-top:3.625em
    }
}

@media only screen and (min-width: 62.5em) {
    .compare--why {
        max-width:50em
    }
}

@media only screen and (min-width: 1199px) and (max-width: 1315px) {
    .compare--why {
        max-width:37.5em
    }
}

@media only screen and (min-width: 87.5em) {
    .compare--why {
        margin-top:3.1875em;
        margin: 3.1875em auto -1.75em;
        max-width: 75em
    }

    .compare--why>li {
        padding: 0 70px
    }

    .compare--why>li:nth-child(even) {
        padding: 0 70px
    }

    .compare--why .compare_img {
        max-width: none
    }
}

.compare--graphics .compare_title {
    margin-bottom: .6em
}

.compare--graphics .compare_hdg {
    margin-bottom: .285714286em
}

@media only screen and (min-width: 62.5em) {
    .compare--graphics .compare_title {
        margin-bottom:.75em
    }
}

.compare--all {
    position: relative
}

.compare--all>li {
    width: 33.333333333%
}

.compare--all>li:nth-child(even) {
    border: none
}

.compare--all>li:not(.hero) .compare_hdg {
    color: #909495
}

.compare--all .compare_hdg {
    font-size: 2.5rem;
    line-height: 1.25em;
    margin-bottom: .4em;
    position: relative;
    z-index: 1
}

.compare--all .compare_hdg span {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.375em
}

.compare--all .compare_hdg strong {
    background: #fff;
    display: inline-block;
    font-weight: 300;
    padding: 0 20px
}

.compare--all .compare_title {
    margin-bottom: .3em
}

@media only screen and (min-width: 48em) {
    .compare--all {
        max-width:49.6875em
    }

    .compare--all+.dashed-line {
        position: absolute;
        z-index: 90;
        display: block;
        border-bottom: 2px dotted #bcbfbf;
        height: 0;
        top: 55px;
        left: 15%;
        width: 70%
    }

    .compare--all>li {
        padding: 0 10px;
        position: relative;
        z-index: 100
    }

    .compare--all>li:nth-child(even) {
        padding: 0 10px
    }

    .compare--all .compare_hdg {
        font-size: 2.5rem;
        line-height: 1.25em
    }
}

@media only screen and (min-width: 62.5em) {
    .compare--all .compare_hdg {
        font-size:3.125rem;
        line-height: 1.1em
    }
}

@media only screen and (min-width: 87.5em) {
    .compare--all {
        max-width:78.75em
    }

    .compare--all>li {
        padding: 0 40px;
        position: relative
    }

    .compare--all>li:nth-child(even) {
        padding: 0 40px
    }
}

.compare--strength {
    margin: 2em auto 1.5625em;
    max-width: 36.25em
}

.compare--strength>li:not(.hero) .compare_title {
    color: #909495
}

.compare--strength .compare_title strong {
    display: block;
    font-size: 2.1875rem;
    font-weight: 300;
    line-height: 1.428571429em
}

.compare--strength .compare_title span {
    display: block;
    font-size: 1rem;
    line-height: .7em
}

@media only screen and (min-width: 62.5em) {
    .compare--strength {
        margin:2.375em auto 2.1875em
    }
}

.info {
    margin: 2.6875em auto 0;
    max-width: 50em;
    text-align: left
}

@media only screen and (min-width: 75em) {
    .info {
        max-width:62.5em
    }
}

@media only screen and (min-width: 87.5em) {
    .info {
        max-width:71.25em
    }
}

.info_block,.info_note {
    margin-bottom: 2.3125em;
    position: relative;
    z-index: 1;
    width: 100%
}

@media only screen and (min-width: 48em) {
    .info_block,.info_note {
        margin:0 -4px -.8125em 0;
        padding-right: 10px;
        vertical-align: top;
        width: 50%
    }

    .info_block:nth-child(even),.info_note:nth-child(even) {
        padding-left: 10px;
        padding-right: 0
    }
}

.no-touchevents .info_block.expanded .action {
    display: none
}

.info_note {
    color: #10a8ba;
    font-size: 1.875rem;
    font-weight: 300;
    line-height: 1.266666667em;
    margin: 0.333333333em 0 0.566666667em;
    text-align: center
}

@media only screen and (min-width: 48em) {
    .info_note {
        margin:0 -4px 0 0;
        text-align: left
    }
}

.info_copy {
    -webkit-transition: background-color 0.4s ease-out;
    -moz-transition: background-color 0.4s ease-out;
    transition: background-color 0.4s ease-out
}

@media only screen and (min-width: 48em) {
    .info_copy {
        padding:25px 20px
    }

    .expanded .info_copy {
        z-index: 100;
        background-color: #fff;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
}

@media only screen and (min-width: 87.5em) {
    .info_copy {
        padding-left:40px;
        padding-right: 40px
    }
}

.info_body {
    margin-bottom: .25em;
    max-height: 3em;
    overflow: hidden
}

.expanded .info_body {
    max-height: none !important
}

.tooltip {
    background: #fff;
    bottom: 100%;
    box-shadow: 2px 3px 3px 0 rgba(0,0,0,0.08);
    color: #57606c;
    display: none;
    font-size: .875rem;
    left: 50%;
    margin: 0 0 20px -5.785714286em;
    line-height: 1.285714286em;
    opacity: 0;
    padding: 9px 0 7px 0;
    position: absolute;
    visibility: hidden;
    width: 11.571428571em
}

.tooltip:before {
    background: #fff;
    box-shadow: 3px 0 3px 0 rgba(0,0,0,0.08);
    bottom: -5px;
    content: '';
    left: 50%;
    height: 10px;
    margin: 0 0 0 -5px;
    position: absolute;
    width: 10px
}

.no-touchevents *:hover>.tooltip {
    opacity: 1;
    visibility: visible
}

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

.table-wrapper {
    position: relative;
    width: 100%;
    overflow-y: auto
}

.chart {
    border-spacing: 8px;
    border-collapse: separate;
    margin-top: 0;
    margin-right: -8px;
    margin-bottom: 3.125em
}

.chart thead th {
    background: #fff;
    font-size: .875rem;
    padding: 14px 10px 12px 10px
}

.chart thead th.hero {
    background: #fff;
    color: #10a8ba
}

.chart thead th+th {
    box-shadow: -8px 0 0 0 #fff
}

.chart th,.chart td {
    background: #fff;
    font-weight: 600;
    line-height: 1.25em;
    padding: 12px 10px 11px 10px;
    text-align: center;
    vertical-align: middle;
    width: 25%
}

.chart th.hero,.chart td.hero {
    background: #71ccd7;
    color: #fff
}

.chart th {
    color: #57606c
}

.chart tbody th,.chart tbody td {
    box-shadow: 0 -4px 0 0 #fff,0 4px 0 0 #fff
}

.chart tbody th.hero,.chart tbody td.hero {
    box-shadow: 0 -4px 0 0 #71ccd7,0 4px 0 0 #71ccd7
}

.chart tbody tr:first-child th,.chart tbody tr:first-child td {
    box-shadow: 0 4px 0 0 #fff;
    padding-top: 16px
}

.chart tbody tr:first-child th.hero,.chart tbody tr:first-child td.hero {
    box-shadow: 0 4px 0 0 #71ccd7
}

.chart tr:nth-child(even) th,.chart tr:nth-child(even) td {
    background: #f8f9fa;
    box-shadow: 0 -4px 0 0 #f8f9fa,0 4px 0 0 #f8f9fa
}

.chart tr:nth-child(even) th.hero,.chart tr:nth-child(even) td.hero {
    background: #81d1db;
    box-shadow: 0 -4px 0 0 #81d1db,0 4px 0 0 #81d1db
}

.page .bg:not(.light) a.tablet-link-fix,.page .bg:not(.light) .action.tablet-link-fix {
    color: #10a8ba
}

.page .bg:not(.light) a.tablet-link-fix:after,.page .bg:not(.light) .action.tablet-link-fix:after {
    background-position: -118px 0
}

.page .bg:not(.light) a.tablet-link-fix:hover,.page .bg:not(.light) .action.tablet-link-fix:hover {
    color: #098b9a
}

@media only screen and (min-width: 62.5em) {
    .page .bg:not(.light) a.tablet-link-fix,.page .bg:not(.light) .action.tablet-link-fix {
        color:inherit
    }

    .page .bg:not(.light) a.tablet-link-fix:after,.page .bg:not(.light) .action.tablet-link-fix:after {
        background-position: -118px -39px
    }

    .page .bg:not(.light) a.tablet-link-fix:hover,.page .bg:not(.light) .action.tablet-link-fix:hover {
        color: inherit
    }
}

@media only screen and (min-width: 48em) {
    .hidden-sm {
        display:none
    }

    .show-lg {
        display: block
    }
}

.page.safety.safety_page_ko_kr {
    text-align: center
}

.page.safety.safety_page_ko_kr .wrapper {
    max-width: none
}

@media (max-width: 1200px) {
    .page.safety.safety_page_ko_kr br {
        display:none
    }
}

.modal .general .wrapper.wrapper_ko_kr {
    max-width: none
}

.hero:first-child:last-child {
    width: 100%
}

.page-foot {
    background: #2e3030;
    color: #909495;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    padding: 40px 20px 57px 20px;
    position: relative;
    text-align: center;
    z-index: 101
}

@media only screen and (min-width: 75em) {
    .page-foot {
        -webkit-box-orient:horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row;
        padding-top: 40px;
        padding-right: 40px;
        padding-left: 40px;
        padding-bottom: 50px;
        text-align: left
    }
}

.safety {
    background: #fff;
    display: block;
    padding: 3em 0 2.1875em 0;
    position: relative
}

.safety .wrapper {
    max-width: 53.75em
}

.safety h5 {
    text-align: center
}

.safety p,.safety ol,.safety ul {
    font-size: .8125rem
}

@media only screen and (min-width: 87.5em) {
    .safety .wrapper {
        max-width:78.75em
    }
}

.safety.ko_kr .wrapper {
    max-width: 45.625em
}

@media only screen and (min-width: 87.5em) {
    .safety.ko_kr .wrapper {
        max-width:45.625em
    }
}

.safety-buttons {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (min-width: 33.75em) {
    .safety-buttons {
        flex-direction:row
    }
}

.safety-buttons__button {
    margin: 10px 0;
    text-align: center
}

@media only screen and (min-width: 33.75em) {
    .safety-buttons__button {
        margin:0 20px
    }
}

.to-top {
    background: #57606c;
    color: #fff;
    display: block;
    padding: 25px 20px 23px 20px;
    text-align: center
}

.to-top:after {
    background-position: -70px -95px
}

@media only screen and (min-width: 48em) {
    .to-top {
        display:none
    }
}

.secondary-nav {
    border-top: 1px solid rgba(217,222,223,0.1);
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    -ms-flex-order: 2;
    padding-top: 2.125em
}

.secondary-nav a {
    color: #d9dedf
}

@media only screen and (min-width: 75em) {
    .secondary-nav {
        border-top:none;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        -webkit-order: 1;
        -moz-order: 1;
        order: 1;
        -ms-flex-order: 1;
        padding-top: 0
    }
}

.nav--foot {
    display: none;
    margin-bottom: 3.307692308em
}

.nav--foot li+li {
    margin-left: 1em
}

@media only screen and (min-width: 75em) {
    .nav--foot {
        display:block
    }
}

@media only screen and (min-width: 87.5em) {
    .nav--foot li+li {
        margin-left:2.461538461em
    }
}

.nav--legal,.nav--additional-legal {
    font-size: .75rem;
    line-height: 2em
}

.nav--legal li+li,.nav--additional-legal li+li {
    margin-left: .25em
}

.nav--legal li+li:before,.nav--additional-legal li+li:before {
    content: '| ';
    margin-right: .25em
}

.nav--legal li:first-child,.nav--additional-legal li:first-child {
    display: block
}

.nav--legal li:nth-child(2):before,.nav--additional-legal li:nth-child(2):before {
    display: none
}

.nav--legal .press-kit,.nav--additional-legal .press-kit {
    display: none
}

.page .nav--legal,.page .nav--additional-legal {
    font-size: .8125rem
}

.page .nav--legal li+li,.page .nav--additional-legal li+li {
    margin-left: .461538462em
}

.page .nav--legal li+li:before,.page .nav--additional-legal li+li:before {
    color: #d9dedf;
    margin-right: .692307692em
}

.page .nav--legal li:first-child,.page .nav--additional-legal li:first-child {
    display: inline-block
}

.page .nav--legal li:nth-child(2):before,.page .nav--additional-legal li:nth-child(2):before {
    display: inline-block
}

.page .nav--legal a,.page .nav--additional-legal a {
    color: #10a8ba;
    font-weight: 700
}

.page .nav--legal a:hover,.page .nav--additional-legal a:hover {
    color: #098b9a
}

@media only screen and (min-width: 75em) {
    .nav--legal,.nav--additional-legal {
        line-height:1.5em
    }

    .nav--legal li:first-child,.nav--additional-legal li:first-child {
        display: inline-block
    }

    .nav--legal .press-kit,.nav--additional-legal .press-kit {
        display: inline-block
    }
}

@media only screen and (min-width: 87.5em) {
    .nav--legal li:nth-child(2),.nav--additional-legal li:nth-child(2) {
        margin-left:1em
    }

    .page .nav--legal li:nth-child(2),.page .nav--additional-legal li:nth-child(2) {
        margin-left: .384615385em
    }
}

.nav--additional-legal {
    margin-top: 14px
}

.nav--additional-legal li {
    font-size: 0.8em
}

.nav--additional-legal li:first-child {
    padding-right: 2em
}

.social {
    user-select: none;
    -webkit-user-select: none;
    margin: 0 auto;
    max-width: 23.4375em;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -ms-flex-order: 1;
    width: 100%
}

@media only screen and (min-width: 75em) {
    .social {
        margin:0;
        max-width: 22.3125em;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        -webkit-order: 2;
        -moz-order: 2;
        order: 2;
        -ms-flex-order: 2
    }
}

@media only screen and (min-width: 87.5em) {
    .social {
        max-width:23.4375em
    }
}

.nav--social {
    font-size: 1.375rem;
    margin: -0.136363636em 0 2em;
    text-align: center
}

.nav--social li+li {
    margin-left: 1.772727273em
}

.nav--social.blog_share li+li {
    margin-left: .636363636em
}

.nav--social a {
    color: #909495;
    display: inline-block
}

.nav--social a.ss-twitter {
    margin-right: 6px
}

.nav--social a.ss-youtube {
    margin-right: 5px
}

.nav--social a:before {
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out
}

@media only screen and (min-width: 75em) {
    .nav--social {
        margin-bottom:.818181818em;
        text-align: right
    }

    .nav--social li+li {
        margin-left: .636363636em
    }

    .nav--social a.ss-twitter,.nav--social a.ss-youtube {
        margin-right: 0
    }
}

.social_hdg {
    display: block;
    font-weight: 600;
    margin-bottom: 2.5em
}

@media only screen and (min-width: 75em) {
    .social_hdg {
        display:none
    }
}

.newsletter {
    position: relative;
    width: 100%
}

.sns_box {
    width: 100%
}

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

.sns_box .btn_sns {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 0 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.sns_box .btn_wx {
    background-image: url(wx-icon.png)
}

.sns_box .btn_wb {
    background-image: url(wb-icon.png)
}

.wx_qrcode {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
    display: none;
    user-select: none;
    -webkit-user-select: none
}

.wx_qrcode .qrcode_box {
    width: 80%;
    position: absolute;
    left: 10%;
    top: 50%;
    background-color: #04a4ba;
    padding: 40px 10px;
    box-sizing: border-box;
    border-radius: 30px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.wx_qrcode .qrcode_box .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    color: #acb1b5;
    cursor: pointer;
    display: block;
    font-size: 25px;
    position: absolute;
    width: 50px;
    height: 55px;
    line-height: 55px;
    text-align: center
}

.modal-wrap {
    pointer-events: none;
    text-align: center;
    z-index: 2000
}

.modal-wrap>.modal-content-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modal-wrap>.modal-content-holder.modal-content-holder-center {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: auto
}

@media only screen and (min-width: 48em) {
    .modal-wrap>.modal-content-holder {
        overflow:hidden;
        padding-top: 40px 20px 0 20px
    }
}

.modal-wrap:before,.modal-wrap:after {
    content: ''
}

.modal-wrap:before {
    display: none;
    height: 100%;
    margin-right: -10px;
    width: 10px;
    vertical-align: middle
}

.modal-wrap.embed:before {
    display: inline-block
}

.modal-wrap.image {
    background: #000
}

.modal-wrap.image:before {
    display: inline-block
}

.modal-wrap.image .modal_img {
    display: inline-block;
    overflow: visible !important;
    position: relative;
    vertical-align: middle;
    width: 100%;
    z-index: 1
}

.modal-wrap.image img {
    display: inline-block;
    height: auto;
    max-width: 100%
}

.modal-wrap.visible,.modal-wrap.external {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.modal-wrap.visible:after {
    display: none
}

.modal-wrap.hidden {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

@media only screen and (min-width: 48em) {
    .modal-wrap {
        overflow:hidden;
        padding-top: 40px;
        padding-right: 20px;
        padding-left: 20px
    }

    .modal-wrap:before {
        display: inline-block
    }
}

.menu-modal:before {
    margin-right: -15px
}

.modal {
    background: #f6f7f9;
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    overflow: auto;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 768px;
    z-index: 3000
}

.external .modal {
    opacity: 0;
    visibility: hidden
}

.visible .modal {
    opacity: 1;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    visibility: visible
}

.embed .modal {
    vertical-align: middle
}

.modal.loading {
    opacity: 0;
    visibility: hidden
}

.modal .modal-iframe {
    height: 100%;
    width: 100%
}

@media only screen and (min-width: 48em) {
    .modal {
        background:#fff
    }
}

.modal--index {
    background: #57606c;
    display: inline-block
}

@media only screen and (min-width: 48em) {
    .modal--index {
        height:auto;
        width: 940px
    }

    .modal--index .modal_content {
        overflow-x: hidden
    }

    .modal--outside {
        padding: 0;
        text-align: center
    }

    .modal--testimonial {
        width: 740px
    }

    .modal--contact {
        width: 768px
    }

    .modal--locations {
        height: auto
    }

    .modal--blog {
        width: 1200px
    }
}

.modal--embed {
    background: #000;
    height: auto;
    overflow: visible;
    width: 85%
}

.modal--embed .modal_content {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%
}

.modal--embed iframe {
    height: 100%;
    width: 100%
}

.modal--contact,.modal--doctor,.modal--locations {
    background: #fafbfc
}

.modal--contact .modal_content,.modal--doctor .modal_content,.modal--locations .modal_content {
    background: #fafbfc
}

.modal--contact .general_title,.modal--doctor .general_title,.modal--locations .general_title {
    font-size: 2.5rem;
    line-height: 1.125em
}

.modal--doctor .drs_detail .modal_close {
    display: none
}

.modal_header {
    background: #fff;
    border-bottom: 1px solid #d9dedf;
    opacity: 0;
    padding: 1.6875em 20px 1.5em 20px;
    position: relative;
    text-align: left;
    visibility: hidden
}

.visible .modal_header {
    opacity: 1;
    visibility: visible
}

@media only screen and (min-width: 48em) {
    .modal_header {
        border:none;
        left: 50%;
        max-width: 768px;
        padding: 0;
        position: absolute;
        top: 40px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: calc(100% - 40px);
        z-index: 4000
    }

    .menu-modal .modal_header {
        max-width: 940px
    }

    .testimonial-modal .modal_header {
        max-width: 740px
    }
}

.modal_title {
    font-size: 1rem;
    font-weight: 600
}

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

.modal_close {
    display: inline-block;
    height: 24px;
    margin-top: -12px;
    overflow: hidden;
    position: absolute;
    right: 20px;
    text-indent: -999em;
    top: 50%;
    width: 24px;
    z-index: 1
}

.modal_close:before,.modal_close:after {
    background: #10a8ba;
    content: '';
    height: 2px;
    left: 50%;
    margin: -1px 0 0 -15px;
    position: absolute;
    top: 50%;
    width: 30px
}

.modal_close:hover:before,.modal_close:hover:after {
    background: #098b9a
}

.modal-wrap.embed .modal_close {
    right: -24px;
    top: -24px
}

.modal-wrap.embed .modal_close:before,.modal-wrap.embed .modal_close:after {
    background: #71ccd7
}

@media only screen and (min-width: 48em) {
    .modal-wrap.embed .modal_close {
        right:-50px;
        top: -40px
    }
}

.modal-wrap.image .modal_close {
    margin: 0;
    top: 20px;
    right: 20px;
    z-index: 2
}

@media only screen and (min-width: 48em) {
    .modal_close {
        margin-top:0;
        top: 20px
    }
}

@media only screen and (min-width: 62.5em) {
    .modal_close {
        right:30px;
        top: 30px
    }
}

.modal_content {
    height: calc(100% - 4.375em)
}

.opacity-0 {
    opacity: 0
}

.hidden {
    display: none
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.d-inline-block {
    display: inline-block
}

.d-block {
    display: block
}

.anim-stuck {
    position: fixed !important
}

.z1 {
    z-index: 100
}

.z2 {
    z-index: 200
}

.z3 {
    z-index: 300
}

.z4 {
    z-index: 400
}

.z5 {
    z-index: 500
}

.overflow-hidden {
    overflow: hidden
}

.bg-white {
    background-color: #fff
}

.js-button {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.mobile-hide {
    display: none
}

@media only screen and (min-width: 33.75em) {
    .mobile-hide {
        display:inherit
    }
}

@media only screen and (min-width: 62.5em) {
    .desk-relative {
        position:relative
    }
}

.st-mask {
    position: absolute;
    z-index: 500;
    top: -0.25%;
    left: 0;
    width: 100% !important;
    height: 100.5%;
    background-color: #fff
}

.st-mask.mask-dark {
    background-color: #242424
}

.anim-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.js .play .icon-wrapper {
    background-position: -80px 0;
    height: 16px;
    left: 50%;
    margin: -8px 0 0 -7px;
    position: absolute;
    top: 50%;
    width: 16px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.js .play:before {
    display: none
}

.btn-underline {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 14px);
    height: 1px;
    background-color: #fff
}

.findADoc-mobile {
    animation: breath 1.5s ease-in-out infinite both;
    -webkit-animation: breath 1.5s ease-in-out infinite both;
    -moz-animation: breath 1.5s ease-in-out infinite both;
    -o-animation: breath 1.5s ease-in-out infinite both;
    position: fixed;
    z-index: 999;
    bottom: 0;
    background-color: #10a8ba;
    color: #ffffff;
    width: 100%;
    padding: 20px 20px 20px 20px;
    text-align: center;
    font-weight: bold;
    font-size: 16px
}

@media only screen and (min-width: 48em) {
    .findADoc-mobile {
        display:none
    }
}

.findADoc-mobile:hover {
    background-color: #0c7e8c;
    color: #ffffff
}

@keyframes breath {
    0%,100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

@-webkit-keyframes breath {
    0%,100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

@-moz-keyframes breath {
    0%,100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

@-o-keyframes breath {
    0%,100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

.region_selector__deskstop {
    display: none
}

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

.region_selector__mobile {
    display: block
}

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

.masthead {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin-top: 65px
}

@media only screen and (min-width: 48em) {
    .masthead {
        margin-top:105px
    }
}

.masthead__container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    height: auto;
    width: 100%;
    z-index: 1
}

.masthead__container::after {
    clear: both;
    content: "";
    display: block
}

@media only screen and (min-width: 48em) {
    .masthead__container {
        min-height:520px
    }
}

.masthead__content {
    padding: 100px 0
}

.masthead__image {
    height: 100%;
    left: 0;
    object-fit: cover;
    font-family: "object-fit: cover;";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.masthead__lampshade {
    background-color: rgba(0,0,0,0.6);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.masthead__heading {
    color: #ffffff !important;
    font-size: 36px;
    font-weight: bold;
    line-height: 54px;
    margin-bottom: 0 !important
}

@media only screen and (min-width: 48em) {
    .masthead__heading {
        font-size:52px;
        line-height: 68px
    }
}

.masthead__subheading {
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 600 !important;
    line-height: 24px;
    margin-bottom: 20px !important
}

.masthead--fullscreen {
    height: calc(100vh - 65px);
    min-height: calc(100vh - 65px)
}

@media only screen and (min-width: 48em) {
    .masthead--fullscreen {
        height:calc(100vh - 105px);
        min-height: calc(100vh - 105px)
    }
}

@media only screen and (min-width: 48em) {
    .masthead--fullscreen .masthead__container {
        height:calc(100vh - 105px);
        min-height: calc(100vh - 105px)
    }
}

.masthead__btn {
    color: #ffffff !important;
    border-color: #ffffff !important
}

.masthead__btn:hover {
    border-color: #10a8ba !important
}

.imagePanel {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    overflow: hidden;
    position: relative
}

.imagePanel__container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    height: auto;
    width: 100%;
    z-index: 1
}

.imagePanel__container::after {
    clear: both;
    content: "";
    display: block
}

@media only screen and (min-width: 48em) {
    .imagePanel__container {
        -webkit-box-align:flexstart;
        -moz-box-align: flexstart;
        box-align: flexstart;
        -webkit-align-items: flexstart;
        -moz-align-items: flexstart;
        -ms-align-items: flexstart;
        -o-align-items: flexstart;
        align-items: flexstart;
        -ms-flex-align: flexstart;
        min-height: 520px
    }
}

.imagePanel__content {
    padding: 100px 0
}

.imagePanel__image {
    height: 100%;
    left: 0;
    object-fit: cover;
    font-family: "object-fit: cover;";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.imagePanel__lampshade {
    background-color: rgba(0,0,0,0.6);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.imagePanel__heading {
    color: #ffffff !important;
    font-size: 36px;
    font-weight: bold;
    line-height: 54px;
    margin-bottom: 20px !important;
    width: 100%
}

@media only screen and (min-width: 48em) {
    .imagePanel__heading {
        font-size:52px;
        line-height: 68px
    }
}

.imagePanel__subheading {
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 600 !important;
    line-height: 24px;
    margin-bottom: 20px !important
}

.imagePanel__body {
    color: #ffffff !important
}

.imagePanel--fullscreen {
    height: 100vh;
    min-height: 100vh
}

@media only screen and (min-width: 48em) {
    .imagePanel--fullscreen {
        height:100vh;
        min-height: 100vh
    }
}

@media only screen and (min-width: 48em) {
    .imagePanel--fullscreen .imagePanel__container {
        height:100vh;
        min-height: 100vh
    }
}

.imagePanel__btn {
    color: #ffffff !important;
    border-color: #ffffff !important
}

.imagePanel__btn:hover {
    border-color: #10a8ba !important
}

@media only screen and (min-width: 48em) {
    .imagePanel--left .imagePanel__container {
        -webkit-box-align:start;
        -moz-box-align: start;
        box-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-align: start;
        text-align: left
    }
}

@media only screen and (min-width: 48em) {
    .imagePanel--right .imagePanel__container {
        -webkit-box-align:end;
        -moz-box-align: end;
        box-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        -o-align-items: flex-end;
        align-items: flex-end;
        -ms-flex-align: end;
        text-align: left
    }
}

.imagePanel--center .imagePanel__container .imagePanel__body {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    text-align: left !important
}

@media only screen and (min-width: 48em) {
    .imagePanel--center .imagePanel__container {
        -webkit-box-align:center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        text-align: center
    }
}

.cookieBanner {
    background-color: #2e3030;
    bottom: 0;
    color: #fff;
    display: none;
    position: fixed;
    width: 100%;
    z-index: 1000
}

button.btn.cookieBanner__button {
    background-color: #2e3030;
    border-color: #fff;
    color: #fff;
    margin: 10px 0;
    padding: 5px 20px;
    white-space: nowrap
}

button.btn.cookieBanner__button:hover {
    background-color: #fff;
    color: #2e3030
}

.cookieBanner__wrapper {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: flex-start;
    margin: auto;
    padding: 10px
}

@media (min-width: 47.9375em) {
    .cookieBanner__wrapper {
        justify-content:center;
        padding: 5px
    }
}

.cookieBanner__copy {
    font-size: 14px;
    margin: 0;
    margin-right: 15px
}

@media (min-width: 47.9375em) {
    .cookieBanner__copy {
        justify-content:center
    }
}

.chinaBody {
    background: url("/assets/img/china_bg.jpg") no-repeat center top
}

.chinaLogo {
    padding: 30px 0;
    text-align: center
}

.chinaBy {
    height: 575px;
    padding: 30px 0 70px
}

.chinaBy .mapBody {
    width: 685px;
    height: 575px;
    margin: 0 auto;
    position: relative
}

.chinaBy .mapBody .add {
    position: absolute;
    z-index: 99999
}

.chinaBy .mapBody .add .cont {
    position: relative
}

.chinaBy .mapBody .add .dot {
    display: inline-block
}

.chinaBy .mapBody .add .dot span {
    float: left;
    width: 19px;
    background: url("/assets/img/dot.png") no-repeat;
    height: 19px;
    margin-right: 8px
}

.chinaBy .mapBody .add .dot em {
    float: left;
    font-size: 14px;
    color: #fff;
    line-height: 19px
}

.chinaBy .mapBody .add .box {
    padding-left: 70px;
    position: absolute;
    top: 4px;
    background: url("/assets/img/box_bg.png") no-repeat right center;
    left: 10px;
    display: none;
    height: 10px
}

.chinaBy .mapBody .add .box a {
    display: inline-block;
    width: 109px;
    height: 109px;
    line-height: 109px;
    background: url("/assets/img/dot_bg.png") no-repeat;
    text-align: center;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    margin-top: -48px
}

.chinaBy .mapBody .add2 .box {
    padding-right: 70px;
    padding-left: 0;
    left: inherit;
    position: absolute;
    top: 4px;
    background: url("/assets/img/box_bg2.png") no-repeat left center;
    right: 20px;
    display: none;
    height: 10px
}

.chinaBy .mapBody .add2 .box a {
    display: inline-block;
    width: 109px;
    height: 109px;
    line-height: 109px;
    background: url("/assets/img/dot_bg.png") no-repeat;
    text-align: center;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    margin-top: -48px
}

.chinaBy .mapBody input {
    display: none
}

.chinaBy .mapBody .add.beijing em {
    position: absolute;
    top: -20px;
    width: 28px;
    left: 0
}

.chinaBy .mapBody .add.jilin em {
    padding-top: 10px
}

.chinaBy .mapBody .add.heilongjiang .dot {
    width: 69px
}

.chinaBy .mapBody .add.neimongol .dot {
    width: 69px
}

.chinaBy .mapBody .add.shanxi em {
    float: none;
    display: block;
    margin-left: -5px
}

.chinaBy .mapBody .add.anhui em {
    float: none;
    display: block;
    margin-left: -5px
}

.chinaBy .mapBody .add.jiangxi em {
    float: none;
    display: block;
    margin-left: -5px
}

.chinaBy .mapBody .add.macau em {
    float: none;
    display: block;
    margin-left: -5px
}

.chinaBy .mapBody .add.hainan em {
    float: none;
    display: block;
    margin-left: -5px
}

.chinaBy .mapBody .add.guangxi em {
    float: none;
    display: block;
    margin-left: -5px
}

.chinaBy .mapBody .add.hunan em {
    float: none;
    display: block;
    margin-left: -5px
}

.chinaBy .mapBody .add.guizhou em {
    float: none;
    display: block;
    margin-left: -5px
}

.chinaBy .mapBody .add.yunnan em {
    float: none;
    display: block;
    margin-left: -5px
}

.chinaBy .mapBody .add.sichuan em {
    float: none;
    display: block;
    margin-left: -5px
}

.chinaBy .mapBody .add.chongqing em {
    float: none;
    display: block;
    margin-left: -5px
}

.chinaBy .mapBody .add.shaanxi em {
    float: none;
    display: block;
    margin-left: -5px
}

.chinaBy .mapBody .add.gansu em {
    float: none;
    display: block;
    margin-left: -5px
}

.chinaBy .mapBody .add.ningxia em {
    float: none;
    display: block;
    margin-left: -5px
}

.chinaBy .mapBody .add.qinghai em {
    float: none;
    display: block;
    margin-left: -5px
}

.chinaBy .mapBody .add.xizang em {
    float: none;
    display: block;
    margin-left: -5px
}

.chinaBy .mapBody .add.xinjiang em {
    float: none;
    display: block;
    margin-left: -5px
}

.chinaBy .mapBody .add.guangdong span {
    margin-right: 0
}

.chinaBy .mapBody .add.hebei .box {
    padding-left: 90px
}

.chinaBy .mapBody .add.tianjin .box {
    padding-left: 90px
}

.chinaBy .mapBody .add.beijing .box {
    padding-left: 100px
}

.chinaBy .mapBody .add.neimongol .box {
    padding-left: 230px
}

.chinaBy .mapBody .add.shanxi .box {
    padding-left: 130px
}

.chinaBy .mapBody .add.henan .box {
    padding-left: 180px
}

.chinaBy .mapBody .add.anhui .box {
    padding-left: 120px
}

.chinaBy .mapBody .add.jiangxi .box {
    padding-left: 120px
}

.chinaBy .mapBody .add.guangdong .box {
    padding-left: 130px
}

.chinaBy .mapBody .add.hongkong .box {
    padding-left: 130px
}

.chinaBy .mapBody .add.macau .box {
    padding-left: 130px
}

.chinaBy .mapBody .add.guangxi .box {
    padding-left: 220px
}

.chinaBy .mapBody .add.hunan .box {
    padding-left: 180px
}

.chinaBy .mapBody .add.guizhou .box {
    padding-left: 250px
}

.chinaBy .mapBody .add.yunnan .box {
    padding-right: 200px
}

.chinaBy .mapBody .add.sichuan .box {
    padding-right: 310px
}

.chinaBy .mapBody .add.chongqing .box {
    padding-left: 240px
}

.chinaBy .mapBody .add.shaanxi .box {
    padding-left: 240px
}

.chinaBy .mapBody .add.hubei .box {
    padding-left: 200px
}

.chinaBy .mapBody .add.gansu .box {
    padding-right: 340px
}

.chinaBy .mapBody .add.ningxia .box {
    padding-left: 240px
}

.chinaBy .mapBody .add.qinghai .box {
    padding-right: 250px
}

.chinaBy .mapBody .add.xinjiang .box {
    padding-right: 140px
}

.chinaBy .mapBody .add.xizang .box {
    padding-right: 120px
}

.chinaBy .mapBody .add.shanghai {
    left: 590px;
    top: 340px
}

.chinaBy .mapBody .add.zhejiang {
    left: 570px;
    top: 370px
}

.chinaBy .mapBody .add.jiangsu {
    left: 550px;
    top: 310px
}

.chinaBy .mapBody .add.shandong {
    left: 530px;
    top: 270px
}

.chinaBy .mapBody .add.hebei {
    left: 490px;
    top: 240px
}

.chinaBy .mapBody .add.tianjin {
    left: 508px;
    top: 225px
}

.chinaBy .mapBody .add.beijing {
    left: 495px;
    top: 212px
}

.chinaBy .mapBody .add.liaoning {
    left: 560px;
    top: 182px
}

.chinaBy .mapBody .add.jilin {
    left: 590px;
    top: 132px
}

.chinaBy .mapBody .add.heilongjiang {
    left: 600px;
    top: 82px
}

.chinaBy .mapBody .add.neimongol {
    left: 380px;
    top: 212px
}

.chinaBy .mapBody .add.shanxi {
    left: 450px;
    top: 252px
}

.chinaBy .mapBody .add.henan {
    left: 450px;
    top: 310px
}

.chinaBy .mapBody .add.anhui {
    left: 525px;
    top: 330px
}

.chinaBy .mapBody .add.jiangxi {
    left: 510px;
    top: 390px
}

.chinaBy .mapBody .add.fujian {
    left: 550px;
    top: 420px
}

.chinaBy .mapBody .add.guangdong {
    left: 480px;
    top: 465px
}

.chinaBy .mapBody .add.hongkong {
    left: 500px;
    top: 485px
}

.chinaBy .mapBody .add.macau {
    left: 485px;
    top: 495px
}

.chinaBy .mapBody .add.taiwan {
    left: 595px;
    top: 445px
}

.chinaBy .mapBody .add.hainan {
    left: 440px;
    top: 545px
}

.chinaBy .mapBody .add.guangxi {
    left: 420px;
    top: 465px
}

.chinaBy .mapBody .add.hunan {
    left: 460px;
    top: 395px
}

.chinaBy .mapBody .add.guizhou {
    left: 395px;
    top: 415px
}

.chinaBy .mapBody .add.yunnan {
    left: 315px;
    top: 455px
}

.chinaBy .mapBody .add.sichuan {
    left: 335px;
    top: 365px
}

.chinaBy .mapBody .add.chongqing {
    left: 405px;
    top: 365px
}

.chinaBy .mapBody .add.shaanxi {
    left: 405px;
    top: 310px
}

.chinaBy .mapBody .add.hubei {
    left: 450px;
    top: 355px
}

.chinaBy .mapBody .add.gansu {
    left: 350px;
    top: 285px
}

.chinaBy .mapBody .add.ningxia {
    left: 375px;
    top: 265px
}

.chinaBy .mapBody .add.qinghai {
    left: 255px;
    top: 285px
}

.chinaBy .mapBody .add.xizang {
    left: 135px;
    top: 325px
}

.chinaBy .mapBody .add.xinjiang {
    left: 135px;
    top: 185px
}

.chinaBy .mapBody .add.cur .box {
    display: block
}

.chinaBy .mapBody .add.cur em {
    display: none
}

.chinaBy .mapBody .add.cur .dot span {
    background: url(../images/web/dotHover.png) no-repeat
}

.china_foot {
    font-size: 15px;
    text-align: center;
    color: #535353;
    background: #fff;
    padding: 20px 0
}

.about-graphic {
    margin: 1.875em auto 1.125em;
    max-width: 100%;
    position: relative
}

.about-graphic div {
    height: 291px;
    left: 50%;
    position: relative;
    width: 165%
}

@media only screen and (min-width: 565px) {
    .about-graphic div {
        left:-33%;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@media only screen and (min-width: 48em) {
    .about-graphic {
        margin:2.8125em auto;
        max-width: 70.915493%;
        overflow: hidden
    }

    .about-graphic div {
        height: 0;
        left: 0;
        width: 100%
    }
}

#home .testimonial-modal>.modal-content-holder {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: auto
}

#home .stats-sm-logo {
    width: 40%;
    height: 90px;
    display: block;
    margin: auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

#home ul.stats>li {
    margin: auto
}

.js-banner+.path-top:before,.js-banner+.path-top:after {
    display: none
}

.path-top,.path-bottom {
    position: relative
}

.path-top.bg:before,.path-bottom.bg:before {
    border-color: #fff
}

.path-top:before,.path-bottom:before,.banner+.path-top:after {
    border-left: 2px dashed #93bdc2;
    content: '';
    height: 80px;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    opacity: .6;
    width: 0;
    z-index: 100
}

@media only screen and (min-width: 48em) {
    .path-top:before,.path-bottom:before,.banner+.path-top:after {
        height:147px
    }
}

.path-top {
    padding-top: 6.25em
}

.path-top:before {
    top: 0
}

@media only screen and (min-width: 48em) {
    .path-top {
        padding-top:11.875em
    }

    .content-question+.path-top {
        padding-top: 8.75em
    }

    .content-question+.path-top:before {
        height: 120px
    }

    .procedure .path-top:before {
        height: 88px
    }
}

.banner+.path-top {
    overflow: visible
}

.banner+.path-top:after {
    border-color: #fff;
    top: 0
}

.path-bottom {
    padding-bottom: 6.25em
}

.path-bottom:before {
    bottom: 0
}

@media only screen and (min-width: 48em) {
    .path-bottom {
        padding-bottom:11.875em
    }

    .path-bottom.content-question {
        padding-bottom: 8.125em
    }

    .path-bottom.content-question:before {
        height: 120px
    }

    .procedure .path-bottom {
        padding-bottom: 11.125em
    }

    .procedure .path-bottom:before {
        height: 88px
    }
}

.requirements {
    background-position: right center;
    color: #fff;
    padding: 5.0625em 0 4.5em 0
}

@media only screen and (min-width: 48em) {
    .requirements {
        padding:9.4375em 0 8.375em 0
    }
}

.checklist {
    margin-bottom: 1.75em
}

.checklist li {
    margin: .6875em 30px;
    position: relative
}

.checklist li:before {
    background-position: 4px -34px;
    border: 1px solid #fff;
    border-radius: 100em;
    height: 21px;
    left: -30px;
    position: absolute;
    top: 1px;
    width: 21px
}

.disclaimer {
    border-top: 1px solid rgba(217,222,223,0.4);
    padding-top: .9375em
}

.disclaimer p {
    margin-bottom: 1.125em
}

.disclaimer .action {
    display: block;
    margin-bottom: 1.125em
}

@media only screen and (min-width: 48em) {
    .disclaimer p {
        margin-bottom:.5em
    }

    .disclaimer .action {
        display: inline-block;
        margin-bottom: 0
    }

    .disclaimer .action+.action {
        margin-left: 1.923076923em
    }
}

.procedure .path-top {
    padding-bottom: 2.0625em
}

.procedure h2.procedure_hdg {
    color: #5fbea2;
    margin-bottom: 0
}

@media only screen and (min-width: 48em) {
    .procedure .path-top {
        padding-bottom:6.75em
    }
}

.steps {
    background: #5fbea2;
    text-align: center
}

.steps .steps_hdg {
    margin-bottom: .975em
}

@media only screen and (min-width: 48em) {
    .steps {
        padding-top:9.1875em
    }

    .steps .steps_hdg {
        margin-bottom: .76em
    }
}

.steps_list {
    margin: 0 auto;
    max-width: 37.5em
}

.steps_list p {
    margin: 0
}

.steps_list p br {
    display: none
}

@media only screen and (min-width: 48em) {
    .steps_list p br {
        display:block
    }
}

.steps_graphic {
    margin: 0 auto 1.75em;
    max-width: 57.1428571%
}

@media only screen and (min-width: 48em) {
    .steps_graphic {
        margin-bottom:2.125em;
        max-width: 100%
    }
}

.steps_graphic svg {
    max-width: 100%
}

.page .steps_title {
    margin-bottom: .342857143em
}

@media only screen and (min-width: 48em) {
    .page .steps_title {
        font-size:2.5rem;
        font-weight: 300;
        line-height: 1.125em
    }
}

.procedure .slick-list {
    overflow: visible
}

.procedure .slick-dots button:before,.procedure .slick-dots li:first-child:not(.slick-active) button:before,.procedure .slick-dots li:last-child:not(.slick-active) button:before {
    background: #fff;
    border-radius: 100em;
    height: 9px;
    margin-left: -4px;
    top: 0;
    width: 9px
}

.procedure .slick-dots {
    border-top: 1px dashed #fff;
    display: table !important;
    margin-top: 2em;
    max-width: 798px;
    padding: 37px 10px 0 10px;
    table-layout: fixed
}

@media only screen and (min-width: 48em) {
    .procedure .slick-dots {
        margin:5.333333333em auto 0;
        padding: 14px 0 0
    }
}

.procedure .slick-dots li {
    display: table-cell;
    position: relative;
    z-index: 2
}

@media only screen and (min-width: 48em) {
    .procedure .slick-dots li:first-child,.procedure .slick-dots li:last-child {
        z-index:10
    }

    .procedure .slick-dots li:first-child:before,.procedure .slick-dots li:last-child:before {
        background: #5fbea2;
        content: '';
        height: 2px;
        left: -3.5px;
        position: absolute;
        top: -15px;
        width: 56px;
        z-index: 1
    }

    .procedure .slick-dots li:first-child {
        z-index: 11
    }

    .procedure .slick-dots li:last-child:before {
        left: auto;
        right: -3.5px
    }
}

.procedure .slick-dots li.slick-active {
    position: relative
}

.procedure .slick-dots li.slick-active:after {
    background: #fff;
    content: '';
    display: none;
    height: 1px;
    position: absolute;
    right: 50%;
    top: -15px;
    width: 1000px
}

@media only screen and (min-width: 48em) {
    .procedure .slick-dots li.slick-active:after {
        display:block
    }
}

.procedure .slick-dots li.slick-active button {
    background: none;
    box-shadow: none;
    border: none;
    color: #fff;
    height: auto;
    width: auto;
    z-index: 1
}

.procedure .slick-dots li.slick-active button:before {
    background-image: -webkit-radial-gradient(circle, #fff 4px,#5fbea2 5px);
    background-image: radial-gradient( circle, #fff 4px,#5fbea2 5px);
    background-color: #5fbea2;
    border: 2px solid #fff;
    height: 28px;
    margin: 0 0 0 -14px;
    top: -10px;
    width: 28px
}

@media only screen and (min-width: 48em) {
    .procedure .slick-dots li.slick-active button:before {
        top:-28px
    }
}

.procedure .slick-dots button {
    display: inline-block;
    color: #d9dedf;
    height: auto;
    overflow: visible;
    padding: 4px;
    position: relative;
    text-indent: -999em;
    width: auto
}

.procedure .slick-dots button:hover {
    color: #fff
}

.procedure .slick-dots button:before {
    content: '';
    left: 50%;
    position: absolute
}

@media only screen and (min-width: 48em) {
    .procedure .slick-dots button {
        text-indent:0
    }

    .procedure .slick-dots button:before {
        background: rgba(255,255,255,0.7);
        border-radius: none;
        height: 7px;
        margin-left: 0;
        top: -18px;
        width: 1px
    }
}

@media only screen and (min-width: 48em) {
    .procedure .slick-dots li:first-child:not(.slick-active) button:before,.procedure .slick-dots li:last-child:not(.slick-active) button:before {
        top:-19px
    }
}

@media only screen and (min-width: 48em) {
    .procedure .without-dots .slick-dots li:after,.procedure .without-dots .slick-dots li.slick-active button:before {
        display:none !important
    }

    .procedure .dots-wrap.without-dots {
        position: relative
    }

    .procedure .dots-wrap.without-dots .dots-bar {
        position: absolute;
        z-index: 10;
        top: 74px;
        left: 56px;
        width: calc(100% - 112px);
        height: 1px;
        background-color: #fff
    }

    .procedure .dots-wrap.without-dots .dots-indicator {
        position: absolute;
        z-index: 12;
        top: 61px;
        left: 0;
        width: 28px;
        height: 28px;
        background-color: transparent;
        border: 2px solid #fff;
        border-radius: 50%
    }

    .procedure .dots-wrap.without-dots .dots-indicator span {
        display: block;
        position: relative;
        top: 8px;
        left: 8px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #fff
    }
}

.risks {
    background: #f0f3f4
}

.unintrusive {
    background: #fafbfc
}

.unintrusive .compare_title {
    margin-bottom: .75em
}

.unintrusive button {
    border-color: #fafbfc
}

.unintrusive .slick-active button {
    background-image: -webkit-radial-gradient(circle, #10a8ba 4px,#fafbfc 5px);
    background-image: radial-gradient( circle, #10a8ba 4px,#fafbfc 5px);
    background-color: #fafbfc;
    border: 2px solid #10a8ba
}

.unintrusive_img {
    margin-bottom: 1.625em;
    max-width: 100%
}

@media only screen and (min-width: 62.5em) {
    .no-touchevents .unintrusive_img {
        display:none
    }
}

.reveal {
    display: none;
    margin-top: 1.0625em;
    padding: 40px 0;
    position: relative;
    text-align: center;
    width: 441px
}

.reveal+.compare {
    margin-top: 3.0625em
}

@media only screen and (min-width: 62.5em) {
    .no-touchevents .reveal {
        display:inline-block
    }

    .no-touchevents .reveal+.compare {
        margin-top: .5625em
    }
}

@media only screen and (min-width: 87.5em) {
    .reveal {
        width:auto
    }
}

.reveal_img {
    background: #fafbfc;
    max-width: 100%
}

.reveal_comp {
    height: calc(100% - 79px);
    left: 0;
    max-width: none;
    overflow: hidden;
    position: absolute;
    top: 40px;
    z-index: 1
}

.reveal_comp svg {
    height: 100%;
    width: auto
}

@media only screen and (min-width: 87.5em) {
    .reveal_comp {
        height:calc(100% - 80px)
    }
}

.reveal_handle {
    background: rgba(144,148,149,0.5);
    cursor: ew-resize;
    height: 100%;
    left: 50%;
    position: absolute;
    text-indent: -999em;
    top: 0;
    width: 1px;
    z-index: 2
}

.reveal_handle:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.reveal_handle:before,.reveal_handle:after {
    background: #909495;
    border-radius: 50%;
    height: 7px;
    left: 50%;
    margin-left: -4px;
    position: absolute;
    width: 7px
}

.reveal_handle:before {
    top: 0
}

.reveal_handle:after {
    bottom: 0
}

.reveal_handle span {
    background: #57606c;
    border-radius: 50%;
    box-shadow: 2px 3px 3px 0 rgba(0,0,0,0.08);
    height: 45px;
    left: 50%;
    margin: -23px 0 0 -23px;
    position: absolute;
    top: 50%;
    width: 45px
}

.reveal_handle span:after {
    background-position: -57px -162px;
    height: 9px;
    left: 50%;
    margin: -4px 0 0 -11px;
    position: absolute;
    top: 50%;
    width: 24px
}

.removable {
    overflow: hidden;
    padding: 6.25em 0 3.0625em 0;
    position: relative
}

.removable .wrapper {
    position: relative
}

.removable .offset_copy {
    max-width: 28.75em;
    position: relative;
    z-index: 2
}

@media only screen and (min-width: 48em) {
    .removable {
        padding-top:7.125em
    }
}

@media only screen and (min-width: 62.5em) {
    .removable {
        padding:15.6875em 0 15.0625em 0
    }

    .removable .offset_copy {
        margin-right: 8.125em;
        max-width: 25em
    }
}

@media only screen and (min-width: 87.5em) {
    .removable {
        padding:19.0625em 0 18.3125em
    }

    .removable .offset_copy {
        margin-right: 7.5em;
        max-width: 28.75em
    }
}

.removable_img {
    margin-bottom: 4.375em;
    max-width: 100%;
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 48em) {
    .removable_img {
        margin-bottom:3.75em;
        max-width: 384px
    }
}

@media only screen and (min-width: 62.5em) {
    .removable_img {
        left:-60px;
        margin-bottom: 0;
        max-width: none;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .removable_img:after {
        background-color: rgba(113,204,215,0);
        background-image: -webkit-linear-gradient(-360deg, rgba(113,204,215,0),#71ccd7);
        background-image: linear-gradient(90deg,rgba(113,204,215,0),#71ccd7);
        content: '';
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

@media only screen and (min-width: 87.5em) {
    .removable_img {
        left:50px
    }
}

.removable_bg {
    left: 0;
    max-width: 307px;
    position: absolute;
    top: 45px
}

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

@media only screen and (min-width: 62.5em) {
    .removable_bg {
        max-width:none;
        top: 50%;
        -webkit-transform: translateY(-50%) translateX(-62%);
        -moz-transform: translateY(-50%) translateX(-62%);
        -ms-transform: translateY(-50%) translateX(-62%);
        -o-transform: translateY(-50%) translateX(-62%);
        transform: translateY(-50%) translateX(-62%)
    }
}

@media only screen and (min-width: 87.5em) {
    .removable_bg {
        -webkit-transform:translateY(-50%) translateX(-36%);
        -moz-transform: translateY(-50%) translateX(-36%);
        -ms-transform: translateY(-50%) translateX(-36%);
        -o-transform: translateY(-50%) translateX(-36%);
        transform: translateY(-50%) translateX(-36%)
    }
}

.uv-protection {
    background: #fcb281;
    padding-bottom: 0
}

.uv-protection .intro {
    margin-bottom: 3.0625em
}

.uv-protection_img {
    max-width: 93%
}

.better-results {
    background-position: right center;
    padding-bottom: 5em
}

.better-results .offset_copy {
    margin-right: 7.5em
}

.results {
    margin-top: 2.375em;
    overflow: hidden
}

.results dt,.results dd {
    border-top: 1px solid rgba(217,222,223,0.4)
}

.results dt {
    clear: left;
    font-size: 1.25rem;
    line-height: 1.4em;
    padding: .7em 0;
    width: 31.0344828%
}

.results dd {
    padding: .875em 0 2.0625em;
    width: 68.9655172%
}

.results p {
    margin-bottom: 0
}

.results_short {
    padding-top: .6875em
}

.results_short strong {
    display: block;
    font-size: 2.1875rem;
    font-weight: 300;
    line-height: 1.285714286em
}

.stronger-option {
    background: #f6f7f9;
    padding-bottom: 0
}

.stronger-option_img {
    margin-left: -15px;
    max-width: calc(100% + 30px)
}

@media only screen and (min-width: 48em) {
    .stronger-option_img {
        margin:0 auto;
        max-width: 83.3333333%
    }
}

@media only screen and (min-width: 62.5em) {
    .stronger-option_img {
        max-width:100%
    }
}

.testimonials_tabs {
    border-bottom: 1px solid #d9dedf;
    line-height: 1em;
    max-width: 39em;
    margin: 1.9375em auto 0;
    padding-bottom: .5625em
}

.testimonials_tabs li+li {
    border-left: 1px solid #d9dedf;
    margin-left: 34px;
    padding-left: 40px
}

.testimonials_tabs a:not(.active) {
    color: #909495
}

.testimonials_tabs a:not(.active):hover {
    color: #57606c
}

@media only screen and (min-width: 48em) {
    .testimonials_tabs {
        padding-bottom:.9375em
    }
}

@media only screen and (min-width: 62.5em) {
    .testimonials_tabs {
        margin:2.8125em auto 0
    }
}

@media only screen and (min-width: 87.5em) {
    .testimonials_tabs {
        max-width:59em
    }
}

.testimonials_pane {
    margin: 0 auto;
    max-width: 48.75em;
    padding: 0;
    position: relative
}

.testimonials_pane[aria-hidden="true"] {
    display: none
}

.testimonials_pane .slider_paginate {
    margin-top: -23px;
    padding: 0 20px;
    top: 50%
}

@media only screen and (min-width: 62.5em) {
    .testimonials_pane {
        padding:0
    }
}

@media only screen and (min-width: 87.5em) {
    .testimonials_pane {
        max-width:73.75em
    }
}

.testimonials_view {
    display: none;
    margin: 1.6875em 0 .875em;
    text-align: right
}

.testimonials_view li+li {
    margin-left: 1em
}

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

.view-btn {
    background: #909495;
    display: inline-block;
    height: 15px;
    text-indent: -999em;
    width: 24px
}

.view-btn:hover {
    background-color: #57606c
}

.view-btn.active {
    background: #10a8ba
}

.view-btn.active:hover {
    background: #098b9a
}

.view-btn[data-view="grid"] {
    position: relative
}

.view-btn[data-view="grid"]:before,.view-btn[data-view="grid"]:after {
    position: absolute
}

.view-btn[data-view="grid"]:before {
    border: 3px solid #fff;
    border-width: 0 3px;
    height: 100%;
    left: 50%;
    margin-left: -6px;
    top: 0;
    width: 12px
}

.view-btn[data-view="grid"]:after {
    background: #fff;
    height: 3px;
    left: 0;
    top: 6px;
    width: 100%
}

.testimonials_list {
    overflow: hidden
}

.testimonials_list.slider {
    height: 660px
}

.testimonials_list.slider li {
    width: 100%
}

.testimonials_list .testimonial {
    background: none;
    max-width: none;
    text-align: center
}

.testimonials_list .testimonial_copy {
    display: none
}

.testimonials_list .testimonial_copy:before,.testimonials_list .testimonial_copy:after {
    display: none
}

.testimonials_list .testimonial_copy p {
    color: #fff
}

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

.testimonials_list .action-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 48em) {
    .testimonials_list .action-holder {
        position:relative
    }
}

.testimonials_list p:not(.testimonials_prvw) {
    font-size: 2.1875rem;
    font-weight: 300;
    line-height: 1.285714286em;
    margin: 0 auto;
    max-width: 16.571428571em
}

.testimonials_list .testimonial_src {
    color: #fff
}

.testimonials_list .testimonial_src:before {
    background: #fff;
    display: inline-block;
    margin: 0 10px 0 0;
    opacity: .5
}

.testimonials_list.grid {
    margin-top: 0;
    margin-right: -10px
}

.testimonials_list.grid li {
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 20px;
    width: calc(50% - 20px)
}

.testimonials_list.grid+.slider_paginate {
    display: none
}

.testimonials_list.grid .testimonials_index,.testimonials_list.grid .testimonial_copy {
    display: none
}

.testimonials_list.grid .testimonial {
    padding: 0
}

.testimonials_list.grid .testimonial_src {
    display: block;
    margin-top: 62px
}

@media only screen and (min-width: 87.5em) {
    .testimonials_list.grid li {
        width:calc(33.333333333% - 20px)
    }
}

.slider .testimonials_holder {
    height: 660px !important;
    padding: 0 80px
}

.slider .testimonials_holder:before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-right: -15px;
    vertical-align: middle;
    width: 10px
}

.grid .testimonials_holder {
    padding: 2.875em 20px
}

.grid .testimonials_holder:after {
    background: rgba(113,204,215,0.6)
}

.testimonials_card {
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle
}

.testimonials_card .testimonial,.testimonials_card .testimonials_index {
    position: relative;
    z-index: 2
}

.slider .testimonials_card .action {
    margin-left: -8px;
    position: relative;
    width: auto
}

.testimonials_card .action span {
    display: none
}

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

.grid .testimonials_card {
    position: static;
    width: 100%
}

.grid .testimonials_card .action {
    height: 100%;
    top: 0;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important
}

.grid .testimonials_card .action:before {
    margin-top: -32px;
    top: 50%
}

.grid .testimonials_card .action span {
    display: none
}

.grid .testimonials_card .action-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.testimonials_prvw {
    margin: 14px 0 0
}

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

.testimonials_index {
    display: none;
    font-size: 1.25rem;
    line-height: 1em;
    margin-bottom: -.2em
}

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

.testimonials_count {
    display: block;
    font-size: .8125rem;
    margin-top: -.153846154em
}

.testimonials_count em {
    color: #10a8ba;
    font-style: normal
}

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

.general {
    background: #f6f7f9;
    padding: 5.75em 0
}

.modal .general {
    padding: 2em 0
}

.modal .general.video {
    padding-bottom: 0
}

.general.landing-page {
    padding-top: 9.5em
}

.general .wrapper {
    max-width: 53.75em
}

.modal .general .wrapper {
    max-width: 45em
}

.general .wrapper img:not(.media_img):not(.general_img):not(.comp_logo) {
    display: block;
    margin: 0 auto
}

.general:not(.comp) .wrapper>h1,.general:not(.comp) .banner--general .wrapper>.banner_hdg,.banner--general .general:not(.comp) .wrapper>.banner_hdg,.general:not(.comp) .wrapper>h2,.general:not(.comp) .wrapper>.steps_hdg,.general:not(.comp) .wrapper>h3,.general:not(.comp) .wrapper>.index_hdg,.general:not(.comp) .wrapper>.general_title,.general:not(.comp) .wrapper>h4,.general:not(.comp) .wrapper>.stats_num,.general:not(.comp) .wrapper>.testimonial_copy,.general:not(.comp) .wrapper>h5,.general:not(.comp) .wrapper>.index_action,.general:not(.comp) .wrapper>.compare_title,.general:not(.comp) .page .wrapper>.steps_title,.page .general:not(.comp) .wrapper>.steps_title,.general:not(.comp) .wrapper>.testimonials_tabs,.general:not(.comp) .wrapper>.reference_title {
    color: #2e3030
}

.general:not(.comp) .wrapper h5.chart-title {
    color: #57606c
}

.general .intro {
    margin-bottom: 2.1875em;
    text-align: center
}

.page .general h1.general_title {
    color: #2e3030;
    margin-bottom: .35em
}

.general blockquote {
    border-left: 1px solid #d9dedf;
    font-size: 1rem;
    line-height: 1.5em;
    margin-bottom: 1.5em;
    padding-left: 1.5em;
    font-style: italic
}

@media only screen and (min-width: 48em) {
    .modal .general {
        padding:4.5em 0
    }

    .general blockquote {
        border-left: 1px solid #d9dedf;
        margin: 2.5em
    }
}

.general--help {
    padding-top: 3.25em
}

@media only screen and (min-width: 48em) {
    .general--help {
        padding-top:4.5em
    }
}

.general_img {
    display: block;
    height: auto;
    margin: -.125em auto 2.5em;
    max-width: 100%
}

.general_video {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.general_video video {
    height: 100%;
    width: 100%
}

.reference-body {
    margin: -1.125em 0 2.0625em
}

.reference-body h5 {
    line-height: 1.2em;
    margin-bottom: 1.25em
}

.reference {
    margin-top: 0;
    margin-right: -20px;
    margin-bottom: 3.75em
}

.reference+.nav--legal,.reference+.nav--additional-legal {
    margin-top: -1.384615385em
}

@media only screen and (min-width: 48em) {
    .reference {
        margin:0 auto 2.75em
    }
}

@media only screen and (min-width: 62.5em) {
    .reference {
        margin:0 0 3.75em;
        max-width: none
    }
}

.reference_block {
    background: #fff;
    padding: 34px 20px 32px 20px
}

.modal .reference_block {
    padding-left: 30px;
    padding-right: 30px
}

.reference_block+.reference_block {
    margin-top: 3px
}

.reference_block .reference_title {
    margin-bottom: 0
}

.reference_block p:last-child,.reference_block ol:last-child,.reference_block ul:last-child {
    margin-bottom: 0
}

.reference_block ol,.reference_block ul {
    margin-left: 1.5em
}

.reference_block li {
    list-style: disc
}

@media only screen and (min-width: 48em) {
    .reference_block {
        padding-left:40px;
        padding-right: 40px
    }
}

.reference_title {
    cursor: pointer;
    padding-right: 50px;
    position: relative
}

.reference_title:after {
    background-position: -146px -39px;
    height: 11px;
    margin-top: -5px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 18px
}

.expanded .reference_title:after {
    background-position: -146px -67px
}

h2.reference_title:not(.index_hdg) {
    margin-bottom: 0
}

.reference_body {
    display: none
}

.reference_body :first-child {
    margin-top: 1.3125em
}

.expanded .reference_body {
    display: block
}

.vid-preview {
    overflow: hidden;
    position: relative;
    text-align: center
}

.vid-preview figure {
    display: inline-block;
    margin-bottom: -4px;
    position: relative
}

.vid-preview .action {
    color: #fff;
    left: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 2
}

.vid-preview .action:before {
    background-color: #fff;
    background-position: 26px -63px;
    display: block;
    height: 64px;
    margin: 0 auto;
    -webkit-transition: background-color 0.125s ease;
    -moz-transition: background-color 0.125s ease;
    transition: background-color 0.125s ease;
    width: 64px
}

.vid-preview .action.action--read:before {
    background-position: 20px -185px
}

.vid-preview .action:hover:before {
    background-color: #098b9a;
    background-position: -56px 25px
}

.vid-preview .action:hover.action--read:before {
    background-position: -34px -185px
}

@media only screen and (min-width: 48em) {
    .vid-preview .action:before {
        display:inline-block
    }
}

.vid-preview_img {
    display: block;
    height: auto;
    max-width: 100%
}

.comp_logo {
    display: block;
    height: auto;
    margin: 0 auto 2.3125em;
    max-width: 100%
}

.comp_link {
    display: block;
    margin: -1.230769231em 0 2.769230769em
}

.comp_secondary {
    display: none;
    margin-top: 1.625em
}

.comp_secondary.expanded {
    display: block
}

.comp_adr {
    background: #57606c center;
    background-blend-mode: multiply;
    background-size: cover;
    margin: 3.3125em 0 0;
    padding: 5.4375em 0 4.1875em 0;
    position: relative
}

.no-backgroundblendmode .comp_adr:before {
    background: rgba(87,96,108,0.9)
}

.modal .comp_adr {
    margin-bottom: -2em;
    margin-left: -20px;
    margin-right: -20px
}

.comp_adr .vcard {
    background: #fff;
    padding: 2.5em 32px;
    position: relative;
    z-index: 1
}

.comp_adr .fn {
    color: #2e3030
}

.comp_adr p {
    color: #57606c;
    font-size: .875rem;
    line-height: 1.571428571em;
    margin-bottom: 0
}

@media only screen and (min-width: 48em) {
    .comp_adr {
        padding:6.6875em 135px 5.4375em 125px
    }

    .modal .comp_adr {
        margin-bottom: -4.5em;
        margin-left: -94px;
        margin-right: -94px
    }

    .comp_adr .vcard {
        padding: 3.75em 100px
    }
}

.modal .chart-page .wrapper {
    padding: 0 20px
}

.testimonial-page div.intro {
    margin-bottom: 0
}

.page .testimonial-page h2.general_title {
    color: #2e3030
}

.testimonial-page img {
    display: block;
    margin: 2.1875em auto 2.5em
}

@media only screen and (min-width: 48em) {
    .js-modal-img {
        cursor:default
    }
}

.landing-page h2,.landing-page .steps_hdg {
    font-size: 1.875rem;
    line-height: 1.125em
}

@media only screen and (min-width: 62.5em) {
    .landing-page h2,.landing-page .steps_hdg {
        font-size:1.875rem;
        line-height: 1.1em
    }
}

#find {
    padding-top: 4.4375em
}

#find.iframe {
    padding-top: 0
}

#find.iframe .safety {
    display: none
}

#find .safety {
    border-top: 1px solid #d9dedf
}

@media only screen and (min-width: 48em) {
    #find {
        padding-top:3.0625em
    }

    #find.iframe {
        padding-top: 0
    }
}

@media only screen and (min-width: 62.5em) {
    #find {
        padding-top:6.5625em
    }

    #find.iframe {
        padding-top: 0
    }
}

.find {
    background: #fff;
    border-bottom: 1px solid #d9dedf;
    display: block;
    left: 0;
    padding: 27px 0 25px 0;
    position: fixed;
    width: 100%;
    z-index: 102
}

.page-head .find {
    border-bottom-width: 0;
    left: 0;
    margin-top: 1px;
    max-height: 0;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.page-head .find.visible {
    border-bottom-width: 1px;
    max-height: 6.1875em;
    padding-bottom: 25px;
    padding-top: 27px;
    -webkit-transition: all 0.25s 0.25s ease;
    -moz-transition: all 0.25s 0.25s ease;
    transition: all 0.25s 0.25s ease
}

#find .page-head .find {
    display: none
}

@media only screen and (min-width: 48em) {
    .find {
        padding-left:40px;
        padding-right: 40px;
        position: relative;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.iframe .find {
    transform: translate(0)
}

.find_filters {
    display: block;
    left: 40px;
    position: absolute;
    top: 50%;
    z-index: 1;
    margin-top: -13px;
    transform: inherit
}

.find_search {
    margin: 0 auto;
    max-width: 20em;
    padding-top: 0;
    padding-right: 20px;
    padding-left: 20px;
    position: relative
}

.find_search label {
    left: 350px;
    margin-top: -9px;
    position: absolute;
    top: 50%
}

.find_search label:before {
    background-position: -108px -95px;
    height: 21px;
    width: 20px
}

@media only screen and (min-width: 62.5em) {
    .find_search {
        max-width:80em;
        padding-top: 0;
        padding-left: 350px;
        padding-right: 350px
    }
}

.find_field,.find_btn {
    font-size: 1.875rem;
    font-weight: 300;
    height: 1.533333333em
}

.find_field {
    border: 1px solid #d9dedf;
    border-width: 0 0 1px;
    color: #57606c;
    padding: 6px 3.533333333em 2px 30px;
    width: 100%
}

.find_btn {
    color: #10a8ba;
    letter-spacing: 0;
    padding: 0;
    position: absolute;
    right: 350px;
    text-transform: none;
    top: 0
}

.drs {
    background: #fafbfc;
    display: block;
    position: relative
}

.drs.loading {
    background-image: url(../img/icn-loading-2.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px
}

.drs.loading .drs_list,.drs.loading .map,.drs.loading .no-results,.drs.loading .drs_detail {
    opacity: 0;
    pointer-events: none
}

@media only screen and (min-width: 48em) {
    .drs {
        height:calc(90vh - 6.5625em)
    }
}

.drs_list,.drs_detail {
    -webkit-transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.drs_list {
    background: #fff;
    position: relative;
    width: 100%;
    z-index: 10
}

.drs_list .duplicate {
    display: none
}

@media only screen and (min-width: 48em) {
    .drs_list {
        border-right:1px solid #d9dedf;
        height: 100%;
        overflow: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
        width: 20em
    }
}

@media only screen and (min-width: 62.5em) {
    .drs_list {
        width:23.75em
    }
}

.drs_card {
    box-shadow: inset 0 0 0 0 #10a8ba;
    padding: 14px 30px;
    position: relative
}

.drs_card.drs_card--orange {
    background-color: rgba(252,178,129,0.25)
}

.drs_card.drs_card--orange.active,.drs_card.drs_card--orange:hover {
    background-color: rgba(252,178,129,0.25)
}

li+li .drs_card {
    border-top: 1px solid #d9dedf
}

.drs_card .drs_name {
    color: #2e3030;
    margin-bottom: 0
}

.drs_card .action {
    display: none
}

@media only screen and (min-width: 48em) {
    .drs_card:hover,.drs_card.active {
        background:#fafbfc
    }

    .drs_card.active {
        box-shadow: inset -6px 0 0 0 #10a8ba
    }
}

@media only screen and (min-width: 62.5em) {
    .drs_card {
        padding:24px 40px
    }
}

li.selected .drs_card {
    background-color: lightblue
}

li.selected .drs_card:hover {
    background-color: lightblue
}

.drs_name,.drs_title,.drs_adr,.drs_tel {
    padding-right: 18px
}

.drs_title {
    display: block;
    margin-bottom: .384615385em
}

.drs_adr,.drs_tel {
    color: #57606c;
    font-size: .875em;
    margin-bottom: 0
}

.org {
    color: #57606c
}

.street-address {
    display: block
}

.tel .type {
    display: none
}

.tel {
    direction: ltr !important
}

.drs_adr {
    position: relative
}

.drs_distance {
    color: #909495;
    font-size: 1rem;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0
}

@media only screen and (min-width: 62.5em) {
    .drs_distance {
        right:0
    }
}

.drs_badges {
    position: absolute;
    right: 20px;
    text-align: right;
    top: 18px
}

@media only screen and (min-width: 62.5em) {
    .drs_badges {
        right:40px;
        top: 28px
    }
}

.specialist,.skype {
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle
}

.specialist:before {
    background-position: -40px -132px;
    height: 15px;
    width: 31px
}

.skype:before {
    background-position: 0 -132px;
    height: 21px;
    width: 20px
}

.drs_template {
    display: none
}

.empty {
    background: #fafbfc;
    border-right: none
}

@media only screen and (min-width: 62.5em) {
    .empty {
        width:460px
    }
}

@media only screen and (min-width: 87.5em) {
    .empty {
        width:840px
    }
}

.drs_detail {
    background: #fafbfc;
    border-right: 1px solid #d9dedf;
    display: none;
    height: 100%;
    left: 20em;
    overflow: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    padding: 2.5em 20px 0 20px;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-150%);
    -moz-transform: translateX(-150%);
    -ms-transform: translateX(-150%);
    -o-transform: translateX(-150%);
    transform: translateX(-150%);
    -webkit-transform: translate3d(-150%, 0, 0);
    -moz-transform: translate3d(-150%, 0, 0);
    -ms-transform: translate3d(-150%, 0, 0);
    -o-transform: translate3d(-150%, 0, 0);
    transform: translate3d(-150%, 0, 0);
    width: calc(100% - 20em);
    z-index: 1
}

.drs_detail.visible {
    display: block;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.drs_detail.duplicate {
    display: none
}

.modal .drs_detail {
    border: none;
    display: block;
    height: auto;
    position: static;
    width: auto
}

.modal .drs_detail .modal_close {
    display: none
}

.drs_detail .modal_close {
    margin-top: 0;
    right: 30px;
    top: 30px
}

@media only screen and (min-width: 48em) {
    .drs_detail {
        display:none;
        padding: 2.5em 84px
    }
}

@media only screen and (min-width: 62.5em) {
    .drs_detail {
        left:23.75em;
        padding: 4.375em 90px 3.5em 90px;
        width: 28.75em
    }
}

@media only screen and (min-width: 87.5em) {
    .drs_detail {
        padding-left:100px;
        padding-right: 100px;
        width: 52.5em
    }
}

.drs_head {
    margin-bottom: 4.375em;
    text-align: center
}

.drs_head .drs_title {
    padding-right: 0
}

.drs_head .tooltip {
    font-weight: 600;
    margin: 0 0 10px -3.214285714em;
    width: 6.428571429em
}

.drs_photo {
    background-color: #d9dedf;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    display: inline-block;
    height: 132px;
    overflow: hidden;
    position: relative;
    width: 132px;
    margin-bottom: .75em
}

.drs_photo img {
    display: none;
    left: 50%;
    height: auto;
    max-height: 100%;
    min-height: 132px;
    min-width: 132px;
    position: absolute;
    top: 50%;
    width: auto
}

@media only screen and (min-width: 87.5em) {
    .drs_photo {
        margin-bottom:1.1875em
    }
}

.drs_heading {
    margin-bottom: .1em;
    position: relative
}

.badges .drs_heading {
    padding-top: 30px
}

.drs_heading .specialist {
    left: 50%;
    line-height: 15px;
    margin-left: -15px;
    position: absolute;
    top: 0
}

@media only screen and (min-width: 87.5em) {
    .badges .drs_heading {
        padding-top:0
    }

    .drs_heading .specialist {
        left: 0;
        margin-left: 6px;
        position: relative;
        top: 3px;
        vertical-align: top
    }
}

.drs_type {
    color: #909495
}

.drs_contact {
    margin-top: 2.5625em
}

.drs_contact li {
    width: 100%
}

.drs_contact li+li {
    margin-top: 20px
}

.drs_contact .btn {
    max-width: 17.538461538em;
    width: 100%
}

@media only screen and (min-width: 87.5em) {
    .drs_contact li {
        width:auto
    }

    .drs_contact li+li {
        margin: 0 0 0 6px
    }

    .drs_contact .btn {
        width: auto
    }
}

.drs_body {
    overflow: hidden
}

.drs_info {
    margin-bottom: 3.3125em;
    position: relative;
    width: 100%
}

.drs_info h5:before {
    background: #10a8ba;
    content: '';
    display: block;
    height: 3px;
    margin-bottom: 14px;
    width: 40px
}

.drs_info .adr,.drs_info .tel {
    margin-bottom: 0
}

.drs_info .action {
    margin-top: .615384615em
}

.drs_info .stat-list--hrs {
    max-height: 1.5em;
    overflow: hidden
}

.drs_info .stat-list--hrs.expanded {
    max-height: none
}

.drs_info .action {
    display: block
}

@media only screen and (min-width: 87.5em) {
    .drs_info {
        padding-right:40px;
        width: 50%
    }

    .drs_info:nth-child(odd) {
        clear: both
    }

    .drs_info:nth-child(even) {
        padding-left: 40px;
        padding-right: 0
    }
}

.list-holder {
    margin-bottom: 0
}

.drs_info--contact .drs_distance {
    right: 0
}

.drs_info--contact .adr {
    padding-right: 80px;
    position: relative
}

@media only screen and (min-width: 48em) {
    .drs_info--contact .adr {
        padding-right:100px
    }
}

.hrs-status {
    color: #57606c;
    font-size: .8125rem;
    margin-left: 10px
}

.drs_info--long {
    clear: both;
    padding: 0;
    width: 100%
}

.drs_info--long:nth-child(even) {
    padding: 0
}

.drs_bio {
    max-height: 7.5em;
    overflow: hidden
}

.drs_bio.expanded {
    max-height: none
}

.drs_bio+.action {
    margin-top: -1.230769231em
}

.drs_map {
    display: block;
    height: auto;
    margin-top: -10px;
    margin-right: -20px;
    margin-bottom: 60px;
    max-width: calc(100% + 40px)
}

@media only screen and (min-width: 48em) {
    .drs_map {
        margin-top:-10px;
        margin-right: -84px;
        margin-bottom: 60px;
        max-width: calc(100% + 168px)
    }
}

@media only screen and (min-width: 62.5em) {
    .drs_map {
        display:none
    }
}

.map {
    display: none;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.drs_list ~ .map {
    width: calc(100% - 20em)
}

.drs_list.empty ~ .map {
    width: 100%;
    z-index: 11
}

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

@media only screen and (min-width: 62.5em) {
    .drs_list ~ .map {
        width:calc(100% - 23.75em)
    }
}

.iframe .map {
    display: block
}

.iframe .drs_list {
    padding-top: 201px
}

@media only screen and (min-width: 48em) {
    .iframe .drs_list {
        padding-top:0
    }
}

.map-infobox {
    background: #fff;
    box-shadow: 2px 3px 3px 0 rgba(0,0,0,0.08);
    font-family: "proxima-nova","Proxima Nova",sans-serif;
    font-size: 1rem;
    padding: 20px 30px 20px 30px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    width: 320px
}

.map-infobox .drs_name {
    margin-bottom: .3em
}

.map-infobox .drs_title {
    display: none
}

.map-infobox .action {
    display: inline-block;
    margin-top: .692307692em;
    margin-right: 1em
}

.map-infobox .action+.action {
    margin-right: 0
}

.map-infobox .drs_badges {
    top: 24px
}

.contact-block {
    background: #fff
}

.modal .contact-block {
    background: #fafbfc;
    padding: 2.0625em 0
}

.modal .contact-block .btn {
    background: #fafbfc
}

.modal .contact-block .btn:hover {
    background-color: #10a8ba
}

@media only screen and (min-width: 48em) {
    .modal .contact-block {
        padding:3.9375em 0
    }
}

.contact-block .intro {
    margin-bottom: 2em
}

.drs_intro+.drs_intro {
    display: none
}

.call-heading {
    margin-top: 1.6em
}

.drs_call {
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 300;
    margin: -0.35em 0 1em
}

.call-hrs {
    display: inline-block;
    margin: 0 auto;
    text-align: left
}

.drs_highlight {
    color: #10a8ba
}

.drs_locations .drs_info {
    float: none;
    margin: 0 auto 1.6875em;
    max-width: 22.5em;
    padding-left: 0
}

.drs_loc-count {
    display: block
}

h4.no-results {
    color: #d75c6f;
    margin: 0 auto;
    max-width: 16.571428571em;
    padding: 2.028571429em 20px;
    text-align: center
}

h4.no-results.hidden {
    display: none
}

h4.no-results:not(.hidden) ~ .drs_list,h4.no-results:not(.hidden) ~ .map {
    display: none
}

[v-cloak] {
    display: block
}

section.drs[data-iframe] {
    height: calc(100vh - 70px)
}

@media only screen and (min-width: 48em) {
    section.drs[data-iframe] {
        height:calc(100vh - 98px)
    }
}

[data-china] .drs_detail {
    border-right: none;
    width: calc(100% - 23.75em)
}

[data-china] #map>div {
    background-color: #fafbfc !important
}

[data-china] .drs_card {
    padding: 15px 40px
}

.chinaBody {
    padding-bottom: 100px
}

.chinaBody .cw {
    margin: auto;
    max-width: 1200px;
    width: auto
}

[data-china] .drs_card:not(.drs_card--orange),[data-china] .drs_card:not(.drs_card--orange):active,[data-china] .drs_card:not(.drs_card--orange):hover {
    background-color: rgba(16,168,186,0.1)
}

#city-opt {
    z-index: -1
}

#city-opt .opt_holder:hover .opt_list:hover,#city-opt .opt_holder:hover .opt_list,#region-opt .opt_holder:hover .opt_list:hover,#region-opt .opt_holder:hover .opt_list {
    opacity: 1;
    visibility: visible;
    /*width: 170px*/
}

#city-opt .opt_holder:hover .opt_list_wrapper:after,#region-opt .opt_holder:hover .opt_list_wrapper:after {
    border: 1px solid #d9dedf;
    box-shadow: 2px 3px 3px 0 rgba(0,0,0,0.08)
}

#city-opt .opt_holder:hover .opt_list li:last-child,#region-opt .opt_holder:hover .opt_list li:last-child {
    margin-bottom: 30px
}

#city-opt .opt_holder:hover .opt_list_wrapper,#region-opt .opt_holder:hover .opt_list_wrapper {
    height: 40vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 170px
}

#city-opt .opt_holder:hover .opt_list_wrapper:after,#region-opt .opt_holder:hover .opt_list_wrapper:after {
    /*background: linear-gradient(transparent 0%, transparent 70%, #3f454f 100%);*/
    /*bottom: 0;*/
    /*content: '';*/
    /*display: block;*/
    /*height: 100%;*/
    /*left: 0;*/
    /*pointer-events: none;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*width: 100%*/
}

@media (min-width: 1000px) {
    #city-opt .opt_holder:hover .opt_list_wrapper:after,#region-opt .opt_holder:hover .opt_list_wrapper:after {
        height:30px;
        background: url(sprite.svg) -75px -30px,linear-gradient(transparent 0%, transparent 0%, #fff 98%);
        top: 92%;
        width: 43px;
        height: -12px;
        width: 100%;
        border: 0px;
        margin-left: auto;
        margin-right: auto;
        background-repeat: no-repeat
    }
}

#city-opt .opt_holder:hover .opt_list_wrapper .opt_list,#region-opt .opt_holder:hover .opt_list_wrapper .opt_list {
    margin: 0;
    position: static
}

@media (max-width: 1000px) {
    #city-opt .opt_holder:hover .opt_list_wrapper,#region-opt .opt_holder:hover .opt_list_wrapper {
        height:40vh;
        width: 320px
    }

    #city-opt .opt_holder:hover .opt_list_wrapper .opt_list,#region-opt .opt_holder:hover .opt_list_wrapper .opt_list {
        line-height: 3.375em
    }
}

@media (max-width: 768px) {
    #city-opt .opt_holder:hover .opt_list_wrapper,#region-opt .opt_holder:hover .opt_list_wrapper {
        width:100%
    }
}

select.opt_list_selectbox {
    position: fixed;
    z-index: 101;
    left: 10px;
    top: 15px;
    width: 50%;
    height: 45px;
    opacity: 0;
    font-size: 24px;
    display: none
}

@media only screen and (min-width: 62.5em) {
    select.opt_list_selectbox {
        position:fixed;
        z-index: 101;
        top: -10px;
        width: 100%;
        height: 45px;
        opacity: 0;
        font-size: 24px;
        display: none
    }
}

.blog {
    background: #f6f7f9
}

.banner--blog-landing ~ .blog {
    padding-top: 2.375em
}

.blog .general {
    padding-bottom: 0;
    padding-top: 3.375em
}

@media only screen and (min-width: 48em) {
    .banner--blog-landing ~ .blog {
        padding-top:4.375em
    }
}

.banner .blog_meta {
    font-size: .8125rem;
    margin-bottom: .625em
}

.blog-search-btn {
    color: #fff;
    display: block;
    font-size: .8125rem;
    text-align: center
}

.blog-search-btn:before {
    background-position: -174px 0;
    height: 15px;
    margin-right: 10px;
    top: 3px;
    width: 15px
}

.blog-search-btn:after {
    display: none
}

.blog-search-btn:hover {
    color: #fff
}

@media only screen and (min-width: 48em) {
    .blog-search-btn {
        display:none
    }
}

.blog_search {
    background: #f6f7f9;
    padding: 27px 20px;
    text-align: center
}

.blog .blog_search {
    display: none
}

.blog_search h3 {
    margin-bottom: .625em
}

.blog_search .blog_meta {
    color: #57606c;
    display: block;
    margin-bottom: 1em;
    text-align: left
}

.blog_search .blog_tags {
    margin: 0 0 10px;
    width: 100%
}

.blog_search .no-results {
    color: #d75c6f;
    font-weight: 600;
    line-height: 1.5em
}

@media only screen and (min-width: 48em) {
    .blog_search {
        background:#fff;
        float: right;
        height: 33.75em;
        margin-bottom: 3.375em;
        padding: 3.125em 40px;
        position: relative;
        width: calc(50% - 19px)
    }

    .blog .blog_search {
        display: block
    }
}

@media only screen and (min-width: 62.5em) {
    .blog_search {
        width:calc(34.2253521% - 38px)
    }
}

.blog_form {
    margin-bottom: 1.375em;
    position: relative
}

.blog_form label:before {
    background-position: -107px -95px;
    height: 21px;
    left: -3px;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
    width: 20px
}

.blog_form input {
    border: 1px solid #d9dedf;
    border-width: 0 0 1px;
    color: #57606c;
    font-size: 1.25rem;
    padding: 8px 0 8px 25px
}

.blog_form input::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.blog_form button {
    color: #10a8ba;
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0;
    position: absolute;
    right: 0;
    text-transform: none;
    top: .3em
}

.blog_form button:hover {
    color: #098b9a
}

@media only screen and (min-width: 48em) {
    .blog_form {
        margin-bottom:2.625em
    }
}

.blog_back {
    display: table;
    margin: -8px auto 35px
}

.blog_search .blog_back {
    display: none
}

@media only screen and (min-width: 48em) {
    .blog_back {
        bottom:30px;
        left: 50%;
        margin: 0;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .blog_search .blog_back {
        display: block
    }

    .blog_search+.blog_back {
        display: none
    }
}

.latest {
    margin-top: 0;
    margin-bottom: 3.375em;
    position: relative
}

@media only screen and (min-width: 48em) {
    .latest {
        margin-right:-20px
    }
}

@media only screen and (min-width: 33.75em) {
    .latest {
        height:21.25em;
        margin: 0 0 3.375em;
        padding: 2.125em 40px;
        text-align: center;
        white-space: nowrap
    }

    .latest:before,.latest:after {
        content: '';
        height: 100%
    }

    .latest:before {
        display: inline-block;
        margin-right: -1.3125em;
        vertical-align: bottom;
        width: 1em
    }

    .latest:after {
        background: rgba(46,48,48,0.4);
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        -webkit-transition: all 0.6s ease-out;
        -moz-transition: all 0.6s ease-out;
        transition: all 0.6s ease-out
    }

    .latest:hover:after {
        background: rgba(46,48,48,0.6)
    }
}

@media only screen and (min-width: 48em) {
    .latest {
        height:33.75em;
        width: calc(50% - 19px)
    }
}

@media only screen and (min-width: 62.5em) {
    .latest {
        width:65.7746479%
    }
}

@media only screen and (min-width: 33.75em) {
    .latest_img.post_img {
        display:none
    }
}

.latest_copy {
    display: inline-block;
    padding: 0 20px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    white-space: normal;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width: 33.75em) {
    .latest_copy {
        padding:0
    }
}

.latest_title {
    margin-bottom: .125em
}

.latest_excerpt,.post_excerpt {
    -webkit-box-orient: vertical;
    display: none;
    -webkit-line-clamp: 2;
    margin-bottom: 1em;
    max-height: 3em;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (min-width: 48em) {
    .latest_excerpt,.post_excerpt {
        display:block;
        display: -webkit-box
    }
}

.blog_sort {
    clear: both;
    display: none;
    position: relative
}

.blog_sort .opt {
    color: #a7abab;
    font-size: 1rem;
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 0
}

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

.blog_posts {
    margin-top: 1.375em
}

@media only screen and (min-width: 48em) {
    .blog_posts {
        margin-right:-20px
    }
}

.blog_posts:after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden
}

.blog_posts.loading {
    opacity: .5
}

.blog_posts>li {
    margin-bottom: 3.375em;
    width: 100%
}

.blog_posts .blog_date {
    color: #57606c
}

@media only screen and (min-width: 33.75em) {
    .blog_posts {
        margin-top:1.375em;
        margin-right: -19px
    }

    .blog_posts>li {
        padding: 0 19px;
        width: 50%
    }

    .blog_posts>li:nth-child(2n+1) {
        clear: left
    }
}

@media only screen and (min-width: 48em) {
    .blog_back+.blog_posts {
        margin-top:0
    }
}

@media only screen and (min-width: 62.5em) {
    .blog_posts>li {
        width:33.333333333%
    }

    .blog_posts>li:nth-child(2n+1) {
        clear: none
    }

    .blog_posts>li:nth-child(3n+1) {
        clear: left
    }

    .blog_back+.blog_posts>li:nth-child(3) {
        clear: both
    }

    .blog_back+.blog_posts>li:nth-child(3n+1) {
        clear: none
    }

    .blog_back+.blog_posts>li:nth-child(6),.blog_back+.blog_posts>li:nth-child(3n+6) {
        clear: left
    }
}

.post a {
    color: #57606c
}

.post a:hover {
    color: #10a8ba
}

.post_img {
    display: block;
    margin-bottom: 1.5em;
    height: auto;
    width: 100%
}

.post_copy {
    padding: 0 20px
}

@media only screen and (min-width: 48em) {
    .post_copy {
        padding:0 10px
    }
}

.post_excerpt {
    -webkit-line-clamp: 4;
    margin-bottom: 1em;
    max-height: 6em
}

.js-more {
    visibility: hidden
}

.blog_by:before,.blog_title:before {
    color: #d9dedf;
    content: '| ';
    margin: 0 3px 0 4px
}

.blog_head {
    background: #fff;
    border-bottom: 1px solid #d9dedf;
    height: 70px;
    position: relative;
    text-align: left
}

.blog_head .blog_meta {
    padding-left: 30px;
    padding-right: 30px;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    -ms-flex-order: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.blog_head .blog_date {
    color: #57606c
}

.modal-wrap .blog_head {
    left: 50%;
    max-width: 1200px;
    opacity: 0;
    position: fixed;
    top: 40px;
    -webkit-transform: translateX(-50%) translateY(-100%) scale(1.25);
    -moz-transform: translateX(-50%) translateY(-100%) scale(1.25);
    -ms-transform: translateX(-50%) translateY(-100%) scale(1.25);
    -o-transform: translateX(-50%) translateY(-100%) scale(1.25);
    transform: translateX(-50%) translateY(-100%) scale(1.25);
    visibility: hidden;
    width: 100%;
    z-index: 5000
}

.modal-wrap.visible .blog_head {
    opacity: 1;
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    visibility: visible
}

.blog_head .modal_close {
    margin-top: -12px;
    top: 50%
}

.blog_paginate {
    display: none;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 140px;
    -moz-flex: 0 0 140px;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    height: 4.375em;
    margin-right: -10px;
    white-space: nowrap
}

.blog_paginate li {
    height: 4.375em
}

.blog_paginate li+li {
    margin-left: -4px
}

@media only screen and (min-width: 48em) {
    body[data-page="blog"] .blog_paginate {
        display:block
    }
}

.blog_next,.blog_prev {
    border-right: 1px solid #d9dedf;
    height: 4.375em;
    display: inline-block;
    position: relative;
    width: 4.375em
}

.blog_next:before,.blog_prev:before {
    background-position: -118px 0;
    height: 12px;
    left: 50%;
    margin: -6px 0 0 -4px;
    position: absolute;
    top: 50%;
    width: 7px
}

.blog_next:not(.disabled):hover,.blog_prev:not(.disabled):hover {
    background-color: #10a8ba
}

.blog_next:not(.disabled):hover:before,.blog_prev:not(.disabled):hover:before {
    background-position: -118px -39px
}

.blog_next.disabled:before,.blog_prev.disabled:before {
    opacity: .25
}

.blog_prev:before {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.share-link {
    background-position: 1px -254px;
    height: 24px;
    margin-top: -12px;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 24px
}

.share-link.active {
    background-position: -51px -254px
}

.modal-wrap .share-link {
    right: 70px
}

@media only screen and (min-width: 48em) {
    .share-link {
        display:none
    }
}

.blog_share {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-negative: 0;
    margin: 0 85px 0 auto;
    margin-left: auto;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -webkit-order: 3;
    -moz-order: 3;
    order: 3;
    -ms-flex-order: 3;
    position: relative;
    text-align: center;
    top: 3px;
    white-space: nowrap
}

.blog_share a {
    vertical-align: middle
}

.blog_share a:before {
    position: relative;
    vertical-align: middle
}

.blog_share a:hover {
    color: #10a8ba
}

.blog_share a:hover .share-count {
    height: auto;
    margin-top: -.538461538em;
    opacity: 1
}

.blog_share .ss-twitter:before {
    top: 2px
}

.blog_share .ss-googleplus:before {
    top: 1px
}

.share-count {
    display: block;
    height: 0;
    font-size: .8125rem;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity 0.125s ease;
    -moz-transition: opacity 0.125s ease;
    transition: opacity 0.125s ease
}

.share-btn * {
    left: 0;
    position: absolute !important;
    top: 0;
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -ms-transform: scale(10);
    -o-transform: scale(10);
    transform: scale(10)
}

.blog .vid-holder,.blog .gallery {
    margin: 2.0625em 0 2.5em
}

.blog_cta {
    background: #fff;
    margin: 2.5em 0 0;
    padding: 2.125em 20px 2.0625em;
    text-align: center
}

.blog_cta p:last-child {
    margin-bottom: 0
}

.blog_foot {
    margin-top: 2.3125em
}

@media only screen and (min-width: 48em) {
    .blog_foot {
        margin-top:0
    }
}

.blog_tags {
    margin: .25em 0;
    text-align: left
}

.blog_search .blog_tags {
    margin-left: 0
}

.blog_tags li {
    margin-bottom: 10px
}

.blog_tags li+li {
    margin-left: 1px
}

@media only screen and (min-width: 48em) {
    .blog_tags {
        display:inline-block;
        margin: 3.125em 0 0 .25em
    }

    .blog_search .blog_tags:not(.selected) {
        height: 18.75em;
        overflow: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch
    }

    .search-results .blog_tags:not(.selected) {
        max-height: 12.5em
    }
}

.tag {
    border: 1px solid #71ccd7;
    border-radius: 100em;
    color: #71ccd7;
    display: inline-block;
    padding: 2px 10px
}

.tag:hover {
    background: #10a8ba;
    border-color: #10a8ba;
    color: #fff
}

.tag--selected {
    background: #10a8ba;
    border-color: #10a8ba;
    color: #fff
}

.tag--selected:after {
    background-position: -108px -209px;
    height: 9px;
    margin-left: 9px;
    width: 9px
}

.blog_related-title {
    border-bottom: 1px solid #d9dedf;
    display: block;
    margin: 5.8125em 0 1.5625em
}

@media only screen and (min-width: 48em) {
    .blog_related-title {
        margin-bottom:1.25em
    }
}

.blog_related {
    margin-top: 0;
    margin-right: -10px
}

.blog_related li {
    margin-bottom: 20px;
    padding: 0 10px;
    width: 100%
}

@media only screen and (min-width: 48em) {
    .blog_related li {
        margin-right:-4px;
        width: 50%
    }
}

.blog_find {
    margin-top: 4.375em
}

.gallery {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.gallery button {
    border-color: #f6f7f9
}

.gallery .slick-slide {
    display: table-cell !important;
    float: none !important;
    vertical-align: middle
}

@-moz-document url-prefix() {
    .gallery .slick-slide {
        display: block !important;
        float: left !important
    }
}

.gallery_landscape {
    width: 66.666666667%
}

.gallery_square {
    width: 33.333333333%
}

.gallery_img {
    display: block;
    margin: 0 auto
}

.error-page {
    background: #f6f7f9;
    padding-top: 7.8125em
}

.error-page .intro {
    margin-bottom: 3.3125em;
    text-align: center
}

.error-page .error-page_title {
    color: #2e3030
}

.error-page .index {
    padding-top: 4.375em;
    position: relative
}

.show-mobile-find .error-page .index {
    padding-top: 9.875em
}

.error-page .index .wrapper {
    max-width: 900px
}

.error-page .index_find {
    top: 0
}

@media only screen and (min-width: 48em) {
    .error-page {
        padding-top:12.1875em
    }

    .error-page .intro {
        margin-bottom: 5.3125em
    }

    .error-page .index {
        background: none;
        padding-top: 0
    }

    .error-page .index_more {
        padding-bottom: 5.4375em
    }
}

.iframed-page {
    width: 100%;
    margin-top: 105px;
    padding: 0px;
    height: 100%
}

.docfinder-maintenance {
    padding: 110px 0 20px
}

@media only screen and (min-width: 48em) {
    .docfinder-maintenance {
        padding-top:140px
    }
}

@media only screen and (min-width: 62.5em) {
    .docfinder-maintenance {
        padding-top:170px
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before,.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

h5 {
    font-size: 1.15rem
}

.drs_name {
    padding-right: 40px
}

li.selected>.drs_card,li.selected>.drs_card:hover {
    background-color: lightblue !important
}

.drs_card.xt_group.active,.drs_card.xt_group {
    background-color: rgba(252,178,129,0.25) !important;
    min-height: 76px
}

li.selected>.drs_card.xt_group,li.selected>.drs_card.xt_group.active,li.selected>.drs_card.xt_group:hover {
    background-color: #f9b080 !important
}

.xt_topmenu>.xt_group .drs_badges>.specialist:before {
    background: url(xt_icon_group1.png) 0 0 no-repeat;
    background-position: 0 0;
    height: 48px;
    width: 32px
}

.xt_topmenu>.xt_group .drs_badges>.specialist1:before {
    background: url(xt_icon_group2.png) 0 0 no-repeat;
    background-position: 0 0;
    height: 48px;
    width: 32px
}

.xt_topmenu>li.selected>.drs_card.xt_group>.drs_badges>.specialist:before,.xt_topmenu>li.selected>.drs_card.xt_group.active>.drs_badges>.specialist:before,.xt_topmenu>li.selected>.drs_card.xt_group:hover>.drs_badges>.specialist:before {
    background: url(xt_icon_group.png) 0 0 no-repeat
}

.xt_submenu {
    display: none;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s
}

[data-china] .drs_detail.xt_show.visible {
    width: calc(100% - 20em);
    left: 20em
}

.drs_badges {
    right: 10px !important;
    top: 0 !important
}

.xt_submenu .drs_badges .specialist:before {
    background: url(xt_icon_group2.png) 0 0 no-repeat !important;
    height: 48px;
    width: 32px
}

.drs_card .drs_badges .specialist {
    margin-top: 24px !important
}

.xt_submenu .drs_badges .specialist,.xt_topmenu>li>.drs_card.xt_group .drs_badges .specialist {
    margin-top: 16px !important
}

@media only screen and (min-width: 48em) {
    .drs_card.xt_group.active {
        box-shadow:inset -6px 0 0 0 #f48e4c;
        background-color: #f9b080 !important
    }

    .xt_submenu {
        left: 20em;
        position: absolute;
        top: 0;
        max-height: 100%;
        height: 100%;
        overflow-x: hidden;
        display: block;
        border-bottom: 1px solid #d9dedf;
        z-index: 8;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .xt_submenu.xt_show {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    .xt_submenu li:last-child {
        border-bottom: 1px solid #d9dedf
    }

    [data-china] .drs_detail.xt_show {
        width: calc(100% - 20em);
        left: 20em
    }

    [data-china] .drs_detail.xt_show.visible {
        width: calc(100% - 40em);
        left: 40em
    }

    .drs_detail.xt_show .drs_info--contact .adr {
        padding-right: 0px
    }
}

@media only screen and (min-width: 62.5em) {
    .xt_submenu {
        left:23.75em
    }

    [data-china] .drs_detail.xt_show.visible {
        width: calc(100% - 23.75em);
        left: 23.75em
    }
}

@media only screen and (max-width: 48.25em) {
    .drs_list.xt_submenu {
        padding-top:0;
        border-top: 1px solid #d9dedf
    }

    .xt_submenu.xt_show {
        display: block
    }
}

.ani-breath {
    animation: ani-breath 3s ease-in-out infinite both;
    -webkit-animation: ani-breath 3s ease-in-out infinite both;
    -moz-animation: ani-breath 3s ease-in-out infinite both
}

@keyframes ani-breath {
    0%,100% {
        transform: scale(1)
    }

    50% {
        transform: scale(0.95)
    }
}

@-webkit-keyframes ani-breath {
    0%,100% {
        transform: scale(1)
    }

    50% {
        transform: scale(0.95)
    }
}

@-moz-keyframes ani-breath {
    0%,100% {
        transform: scale(1)
    }

    50% {
        transform: scale(0.95)
    }
}

.banner--home .btn {
    border-color: #10a8ba !important;
    background-color: #10a8ba !important;
    color: #fff !important;
    font-size: 1rem;
    margin-top: 1rem
}

.banner--home .btn:hover {
    background-color: #0c7e8c !important;
    color: #fff !important;
    border-color: #0c7e8c !important
}

.operationprocess {
    width: 100%;
    margin-top: 100px
}

.operationprocess .tmptitle {
    text-align: center;
    margin-bottom: 20px
}

.operationprocess .tmpconbox {
    width: 482px;
    height: 271px;
    background: #00ABC8;
    margin: 0 auto
}

@media only screen and (max-width: 48.25em) {
    .operationprocess .tmpconbox {
        width:100%;
        height: 180px
    }
}

.nav_btn_sns {
    width: 36px;
    height: 36px;
    margin-right: 5px;
    display: block;
    transform: translateY(14px);
    -moz-transform: translateY(14px);
    -ms-transform: translateY(14px);
    -o-transform: translateY(14px);
    -webkit-transform: translateY(14px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    position: relative
}

.nav_btn_sns.wx {
    background-image: url(wx-icon-on.png);
    margin-left: 5px
}

.nav_btn_sns.wx div {
    position: absolute;
    top: 40px;
    left: -42px;
    width: 120px;
    height: 0;
    overflow: hidden;
    transition: height .3s linear;
    -moz-transition: height .3s linear;
    -ms-transition: height .3s linear;
    -o-transition: height .3s linear;
    -webkit-transition: height .3s linear
}

.nav_btn_sns.wx div img {
    width: 100%;
    height: auto
}

.nav_btn_sns.wx:hover {
    background-image: url(wx-icon.png)
}

.nav_btn_sns.wx:hover>div {
    height: 120px
}

.nav_btn_sns.wb {
    background-image: url(wb-icon-on.png)
}

.nav_btn_sns.wb:hover {
    background-image: url(wb-icon.png)
}
