.live-chat header,
:not(.ie) .callback div header,
:not(.ie) .callback legend,
:not(.ie) .online-consultation header {
    background-image: url(/images/icons/sheet.svg)
}
:not(.ie) .online-consultation header {
    background-position: -2978px -2075px
}
:not(.ie) .callback div header,
:not(.ie) .callback legend {
    background-position: -5180px -3405px
}
.live-chat header {
    background-position: -5298px -3536px
}
/* abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
} */
/* article,
aside,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  */   display: block
}
/* nav ul,
ol,
ul {
    list-style: none
} */
blockquote,
q {
    quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}
a {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: 0 0;
    text-decoration: inherit
}
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: 700
}
del {
    text-decoration: line-through
}
abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}
hr {
    display: block;
    height: 1px;
    padding: 0;
    margin: 0;
    border: 0
}
/* input,
select {
    vertical-align: middle
} */
:focus {
    outline: 0
}
html {
    font-size: 62.5%
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    font: 100%
}
/* input,
select,
textarea {
    font: 99% arial, helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif
} */
code,
pre {
    font-family: "Courier New", monospace, serif;
    font-size: 1em
}
/* h1,
h2,
h3,
h4,
h5,
h6 {
    text-rendering: optimizeLegibility
} */
small {
    font-size: 85%
}
strong,
th {
    font-weight: 700
}
td,
td img {
    vertical-align: top
}
sub {
    vertical-align: sub;
    font-size: smaller
}
sup {
    vertical-align: super;
    font-size: smaller
}
pre {
    padding: 15px;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}
* html input,
input[type=radio] {
    vertical-align: text-bottom
}
input[type=checkbox] {
    vertical-align: bottom
}
button,
input[type=button],
input[type=submit] {
    cursor: pointer
}
button {
    width: auto;
    overflow: visible
}
/* label {
    display: block
} */
textarea {
    margin: 0
}
/* img {
    border: 0;
    display: block;
    -ms-interpolation-mode: bicubic!important
} */
address,
var {
    font-style: normal
}
caption,
th {
    text-align: left;
    font-weight: 400
}
td {
    vertical-align: top
}
* {
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
/* a,
dd,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
span {
    color: inherit;
    font: inherit
} */
#footer>div:last-of-type>div>div:last-of-type ul li a,
#header nav>ul:last-child li a,
.article-nav[min-width~="740px"] a,
.hero menu:last-of-type li>* {
    display: block
}
/* #footer>div:first-of-type img,
#tinymce video,
#tinymce>img,
#tinymce>p>img,
.before-after section>div>div video,
.before-after section>div>div>img,
.before-after section>div>div>p>img,
.hero img,
article.page section>div video,
article.page section>div>img,
article.page section>div>p>img,
article.page>div>div video,
article.page>div>div>img,
article.page>div>div>p>img,
html#page-home main>article:first-of-type>section>div video,
html#page-home main>article:first-of-type>section>div>img,
html#page-home main>article:first-of-type>section>div>p>img,
html#page-home main>article:nth-of-type(2)>div video,
html#page-home main>article:nth-of-type(2)>div>img,
html#page-home main>article:nth-of-type(2)>div>p>img,
main article>img,
main img {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block
} */
#tinymce .iframe,
.before-after section>div>div .iframe,
article.page section>div .iframe,
article.page>div>div .iframe,
div.iframe,
div.video,
html#page-home main>article:first-of-type>section>div .iframe,
html#page-home main>article:nth-of-type(2)>div .iframe,
span.img {
    position: relative;
    height: 0;
    overflow: hidden;
    display: block
}
#tinymce .iframe>:first-child,
.before-after section>div>div .iframe>:first-child,
article.page section>div .iframe>:first-child,
article.page>div>div .iframe>:first-child,
div.iframe>:first-child,
div.video>:first-child,
html#page-home main>article:first-of-type>section>div .iframe>:first-child,
html#page-home main>article:nth-of-type(2)>div .iframe>:first-child,
span.img>:first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
#footer>div:last-of-type>div>div:last-of-type ul li a,
#header nav>ul:last-child li a,
.callback header,
.callback legend,
.hero menu:last-of-type li>*,
.ie .callback div header,
.ie .callback legend,
.ie .online-consultation header,
.live-chat header,
.live-chat legend,
.online-consultation header,
.online-consultation legend,
:not(.ie) .callback div header,
:not(.ie) .callback legend,
:not(.ie) .online-consultation header {
    list-style-type: none!important;
    background-repeat: no-repeat
}
#footer>div:last-of-type>div>div:last-of-type ul li a,
#header nav>ul:last-child li a,
.hero menu:last-of-type li>* {
    text-indent: -9000px;
    white-space: nowrap;
    overflow: hidden
}
/* .article-nav[min-width~="740px"]>ul,
.before-after section>div:first-child,
html#page-calculator form fieldset.areas>div>div,
html#page-calculator form fieldset.grafts .status,
html#page-calculator form fieldset.type menu ul {
    display: block;
    overflow: hidden
} */
/* .article-nav[min-width~="740px"]>ul>*,
.before-after section>div:first-child>*,
html#page-calculator form fieldset.areas>div>div>*,
html#page-calculator form fieldset.grafts .status>*,
html#page-calculator form fieldset.type menu ul>* {
    float: left
} */
.article-nav[min-width~="740px"] {
    overflow: hidden
}
.article-nav[min-width~="740px"]>ul,
.article-nav[min-width~="740px"]>ul>li {
    list-style-type: none
}
@font-face {
    bower: font-loader
}
:root {
    bower: modernizr
}
:root.ie8 {
    bower: selectivizr=selectivizr-class#*
}
#hamburger-menu-toggle,
.hero input[type=radio],
.hero input[type=radio]+*,
html#page-faq main>article input[type=radio],
html#page-faq main>article input[type=radio]+* {
    display: none
}
.hero input[type=radio]:checked+*,
html#page-faq main>article input[type=radio]:checked+* {
    display: block
}
.hero menu:first-of-type,
.hero menu:first-of-type>li,
.hero menu:last-of-type,
.hero menu:last-of-type>li {
    list-style-type: none
}
.hero menu:last-of-type {
    text-align: center;
    overflow: hidden
}
.hero menu:last-of-type ul {
    display: inline-block
}
.hero menu:last-of-type li {
    float: left
}
.hero menu:first-of-type {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 999
}
.hero menu:first-of-type label[for=disabled] {
    cursor: default
}
.hero menu:first-of-type li>* {
    height: 100%
}
.hero menu:first-of-type li {
    position: absolute
}
.hero menu:first-of-type li:first-child {
    left: 0
}
.hero menu:first-of-type li:last-child {
    right: 0
}
.rangeslider__handle {
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer
}
.type-range input[type=range]::-ms-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer
}
.type-range input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer
}
.type-range input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer
}
.type-range {
    position: relative;
    border: 0!important
}
.rangeslider {
    width: 100%;
    height: 100%;
    padding: 0;
    position: absolute;
    z-index: 1;
    display: block
}
.type-range input[type=range]::-ms-fill-upper {
    width: 100%;
    padding: 0;
    position: absolute;
    z-index: 1;
    display: block
}
.type-range input[type=range],
.type-range>span {
    width: 100%;
    height: 100%;
    padding: 0
}
.type-range>span {
    position: absolute;
    z-index: 1;
    display: block
}
.type-range input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    position: relative;
    z-index: 2;
    top: 0;
    margin: 0;
    border: 0
}
.type-range input[type=range]:focus {
    outline: 0;
    border: 0
}
.rangeslider__fill {
    position: absolute;
    z-index: 1;
    display: block;
    width: 0;
    height: 100%
}
.type-range input[type=range]::-ms-fill-lower {
    z-index: 1;
    display: block
}
.type-range output {
    position: absolute;
    z-index: 1;
    display: block;
    width: 0;
    height: 100%
}
.type-range input[type=range]::-ms-tooltip {
    display: none
}
html.ie .type-range output,
html.ie .type-range>span {
    display: none
}
.type-range input[type=range]::-ms-fill-lower {
    position: static!important;
    width: auto!important;
    height: 100%!important
}
.type-range input[type=range]::-ms-fill-upper {
    height: 100%!important
}
.type-range input[type=range]::-ms-track {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    border-color: transparent;
    color: transparent
}
.type-range input[type=range]::-moz-range-track {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    border-color: transparent;
    color: transparent
}
.type-range input[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    border-color: transparent;
    color: transparent
}
#book-consultation-toggle:checked+*,
#online-consultation-toggle:checked+*,
html#page-calculator form div.results input[type=radio]:checked+*,
html#page-calculator form fieldset.areas input[type=radio]:checked+*,
html#page-calculator form>input:checked+*,
html.hub .glossary>div input[type=radio]:checked+*,
html.page main>article div input[type=radio]:checked+*,
html.treatment main>article div input[type=radio]:checked+* {
    display: block
}
 #book-consultation-toggle,
#book-consultation-toggle+*,
#online-consultation-toggle,
#online-consultation-toggle+*,
html#page-calculator form div.results input[type=radio],
html#page-calculator form div.results input[type=radio]+*,
html#page-calculator form fieldset.areas input[type=radio],
html#page-calculator form fieldset.areas input[type=radio]+*,
html#page-calculator form>input,
html#page-calculator form>input+*,
html.hub .glossary>div input[type=radio],
html.hub .glossary>div input[type=radio]+*,
html.page main>article div input[type=radio],
html.page main>article div input[type=radio]+*,
html.treatment main>article div input[type=radio],
html.treatment main>article div input[type=radio]+* {
    display: none
} 
#book-consultation-toggle+*,
#book-consultation-toggle+div>:last-child .success,
#book-consultation-toggle+div>:last-child fieldset,
#online-consultation-toggle+*,
#online-consultation-toggle+div>:last-child .success,
#online-consultation-toggle+div>:last-child fieldset,
.callback .success,
.callback fieldset,
html#page-calculator form>input+*,
html#page-contact main form .success,
html#page-contact main form fieldset {
    transition-timing-function: linear;
    transition-property: opacity;
    transition-duration: .5s
}
#book-consultation-toggle+*,
#book-consultation-toggle+div>:last-child .success,
#book-consultation-toggle+div>:last-child.progress fieldset,
#online-consultation-toggle+*,
#online-consultation-toggle+div>:last-child .success,
#online-consultation-toggle+div>:last-child.progress fieldset,
.callback .success,
.callback.progress fieldset,
html#page-calculator form>input+*,
html#page-contact main form .success,
html#page-contact main form.progress fieldset {
    opacity: 0;
    position: absolute;
    display: block!important;
    clip: rect(0, 0, 0, 0);
    z-index: 1;
    visibility: hidden
}
#book-consultation-toggle+div>:last-child fieldset,
#book-consultation-toggle+div>:last-child.progress .success,
#book-consultation-toggle:checked+*,
#online-consultation-toggle+div>:last-child fieldset,
#online-consultation-toggle+div>:last-child.progress .success,
#online-consultation-toggle:checked+*,
.callback fieldset,
.callback.progress .success,
html#page-calculator form>input:checked+*,
html#page-contact main form fieldset,
html#page-contact main form.progress .success {
    opacity: 1;
    position: relative;
    clip: auto;
    z-index: 100;
    visibility: visible
}
/* label[for] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
} */
menu li {
    list-style-type: none
}
#book-consultation-toggle+div,
#online-consultation-toggle+div {
    position: fixed!important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 10000!important
}
#book-consultation-toggle+div>label:first-child,
#online-consultation-toggle+div>label:first-child {
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: default;
    z-index: 1
}
:root.ie8 #book-consultation-toggle+div,
:root.ie8 #online-consultation-toggle+div {
    background-color: #000
}
#book-consultation-toggle+div>:last-child,
#online-consultation-toggle+div>:last-child {
    margin: 0 auto;
    position: relative;
    z-index: 2
}
#footer .status>a:before,
#footer>div:last-of-type>div>div:last-of-type ul li,
#header nav>ul:last-child li,
.hero menu:first-of-type label,
.with-caret:after,
a[rel=more]:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}
#footer .status dd p:last-child,
#footer .status>a,
.timeline header,
.timeline p:last-child {
    text-transform: uppercase
}
.timeline header {
    font-size: 1.8rem;
    margin-bottom: 5px
}
.timeline dd,
.timeline dt {
    font-size: 1.5rem;
    color: #000
}
.timeline dt {
    margin-bottom: 0!important
}
#footer .status dd p:last-child,
.timeline dd p:last-child {
    margin-top: 2px!important
}
.timeline p:last-child {
    margin-bottom: 0!important
}
.timeline>a {
    width: 100%;
    text-transform: uppercase!important
}
#footer .status dl {
    margin-bottom: 20px
}
#footer .status dt a {
    color: #46b1d4;
    text-transform: none!important
}
#footer .status dd a,
#footer .status dd p {
    margin-bottom: 0!important;
    font-size: 1.1rem
}
#footer .status dd p:last-child {
    color: #FFF!important
}
#footer .status>a:hover {
    color: #FFF!important;
    background-color: #3d8fa6!important
}
#footer .status>a {
    display: block;
    color: #FFF;
    line-height: 3.9rem;
    padding-right: 20px;
    max-width: 200px;
    background-color: #797979
}
#footer>div:last-of-type>div>div:last-of-type ul,
#header nav>ul:last-child {
    display: inline-block;
    overflow: hidden;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto
}
#footer>div:last-of-type>div>div:last-of-type ul li,
#header nav>ul:last-child li {
    float: left
}
/* article.page>header {
    border-top: 2px solid #cdcdce;
    border-bottom: 2px solid #cdcdce;
    color: #636363
} */
.article-nav li>* {
    font-size: 2rem;
    color: #636363;
    opacity: .5;
    padding: 10px 5px 0;
    border-bottom: 4px solid transparent
}
.article-nav li>.checked,
.article-nav li>:active,
.article-nav li>:focus,
.article-nav li>:hover {
    opacity: 1;
    border-bottom-color: #cdcdce
}
.article-nav[min-width~="740px"] li:not(:last-child) {
    margin-right: 30px
}
.before-after section header>*,
html#page-casestudies section header>* {
    display: block
}
.before-after section header>:first-child,
.before-after section header>:not(:first-child),
html#page-casestudies section header>:first-child,
html#page-casestudies section header>:not(:first-child) {
    font-size: 2rem
}
.download-guide,
.hero input[type=radio]+* a,
.hero input[type=radio]+*>span {
    display: block;
    position: relative;
    color: #FFF;
    text-transform: uppercase
}
.download-guide div:first-of-type,
.hero input[type=radio]+* a div:first-of-type,
.hero input[type=radio]+*>span div:first-of-type {
    z-index: 10;
    position: absolute;
    top: 50%
}
.download-guide span,
.hero input[type=radio]+* a span,
.hero input[type=radio]+*>span span {
    display: inline-block;
    text-transform: uppercase
}
/* #header label[for=book-consultation-toggle],
.action,
.callback button,
.cta a:not([rel=more]),
.live-chat label,
.online-consultation label,
.timeline>a,
a[rel=next],
a[rel=prev],
button,
html#page-calculator form div.results>label,
html#page-calculator form fieldset.areas>div>div label,
html#page-calculator form label[for=results-toggle] {
    border: 0;
    border-bottom: 3px solid;
    display: inline-block;
    padding: 13px 30px 8px;
    text-align: center;
    text-transform: capitalize;
    background-color: #000;
    color: #fff;
    box-sizing: border-box;
    font-size: 2rem
} */
#book-consultation-toggle+div>:last-child button,
#header label[for=book-consultation-toggle],
#header label[for=book-consultation-toggle].blue,
#online-consultation-toggle+div>:last-child button,
.action.blue,
.callback button,
.callback button.blue,
.cta a:not([rel=more]),
.cta a:not([rel=more]).blue,
.live-chat label.blue,
.online-consultation label.blue,
.timeline>a,
.timeline>a.blue,
a[rel=next],
a[rel=next].blue,
a[rel=prev],
a[rel=prev].blue,
button.blue,
html#page-calculator form div.results>label.blue,
html#page-calculator form fieldset.areas>div>div label,
html#page-calculator form fieldset.areas>div>div label.blue,
html#page-calculator form fieldset.email button,
html#page-calculator form fieldset.phone button,
html#page-calculator form label[for=results-toggle].blue,
html#page-contact main form button {
    font-family: HelveticaNeue-Bold, Helvetica, Verdana, sans-serif!important;
    font-weight: 400!important;
    font-style: normal!important
}
a[rel=next] {
    float: right
}
a[rel=prev] {
    float: left
}
main aside>:first-child {
    margin-top: 0!important
}
.callback+*,
.live-chat+*,
.online-consultation+*,
html.treatment .callback {
    margin-top: 32px
}
.callback header,
.callback legend,
.live-chat header,
.live-chat legend,
.online-consultation header,
.online-consultation legend {
    min-height: 31px;
    margin-bottom: 7px;
    font-size: 2.5rem;
    color: #636363
}
.live-chat header {
    padding-left: 35px!important
}
.ie .callback div header,
.ie .callback legend {
    background-image: url(/images/icons/phone.png);
    background-position: 0 0
}
:not(.ie) .online-consultation header {
    background-position-y: -2073px
}
.ie .online-consultation header {
    background-image: url(/images/icons/camera.png);
    background-position: 0 2px
}
.callback button,
.live-chat label,
.online-consultation label {
    width: 100%
}
.cta-aside,
.cta-aside div {
    overflow: visible!important
}
.cta-aside:after {
    content: "";
    display: block;
    clear: both
}
main article aside dl {
    padding: 24px 50px
}
main article aside dl+* {
    margin-top: 10px
}
main article aside dl dt {
    margin-bottom: 23px
}
main article aside dl>*+* {
    margin-top: 8px
}
html.casestudy main article aside dl dt {
    margin-bottom: 0
}
html.casestudy main article aside dl dt,
main article aside dl,
main article aside dl p {
    font-size: 20px
}
.before-after>header {
    margin-bottom: 24px;
    font-size: 3rem;
    color: #636363
}
.before-after section img {
    margin-bottom: 0!important
}
.before-after section+* {
    margin-bottom: 22px
}
.before-after section figcaption {
    text-align: center;
    margin-bottom: 6px;
    font-size: 2rem
}
.before-after section>div {
    margin-bottom: 20px
}
.before-after section header {
    margin-top: 0!important;
    margin-bottom: 4px
}
.with-caret:after,
a[rel=more]:after {
    content: "\f0da";
    font-size: .9em;
    display: inline-block;
    margin-left: 7px;
    margin-bottom: 1em
}
.with-caret,
a[rel=more] {
    font-size: 1.4rem;
    text-transform: uppercase
}
/* #tinymce>header,
.before-after section>div>div>header,
article.page section>div>header,
article.page>div>div>header,
html#page-calculator form header,
html#page-calculator form legend,
html#page-home main>article:first-of-type>section>div>header,
html#page-home main>article:nth-of-type(2)>div>header {
    font-size: 3rem;
    color: #636363;
    margin-top: 40px;
    margin-bottom: .5em
} */
#tinymce>header img,
.before-after section>div>div>header img,
article.page section>div>header img,
article.page>div>div>header img,
html#page-calculator form header img,
html#page-calculator form legend img,
html#page-home main>article:first-of-type>section>div>header img,
html#page-home main>article:nth-of-type(2)>div>header img {
    margin-bottom: 3em
}
/* #tinymce>header:first-child,
.before-after section>div>div>header:first-child,
article.page section>div>header:first-child,
article.page>div>div>header:first-child,
html#page-calculator form header:first-child,
html#page-calculator form legend:first-child,
html#page-home main>article:first-of-type>section>div>header:first-child,
html#page-home main>article:nth-of-type(2)>div>header:first-child {
    margin-top: 0!important
} */
/* #tinymce>:not(header),
#tinymce>:not(header)>*,
#tinymce>ul li,
.before-after section>div>div>:not(header),
.before-after section>div>div>:not(header)>*,
.before-after section>div>div>ul li,
.callback p,
.live-chat p,
.online-consultation p,
article.page section>div>:not(header),
article.page section>div>:not(header)>*,
article.page section>div>ul li,
article.page>div>div>:not(header),
article.page>div>div>:not(header)>*,
article.page>div>div>ul li,
html#page-calculator form p,
html#page-casestudies main article>div>p,
html#page-home main>article:first-of-type>section>div>:not(header),
html#page-home main>article:first-of-type>section>div>:not(header)>*,
html#page-home main>article:first-of-type>section>div>ul li,
html#page-home main>article:nth-of-type(2)>div>:not(header),
html#page-home main>article:nth-of-type(2)>div>:not(header)>*,
html#page-home main>article:nth-of-type(2)>div>ul li,
html#page-videos main article p {
    font-size: 1.6rem;
    color: #000
} */
#tinymce p a,
.before-after section>div>div p a,
article.page section>div p a,
article.page>div>div p a,
html#page-home main>article:first-of-type>section>div p a,
html#page-home main>article:nth-of-type(2)>div p a {
    color: #46b1d4
}
#tinymce>:not(header) strong,
#tinymce>:not(header)>* strong,
#tinymce>dl>dt,
#tinymce>ul li strong,
.before-after section>div>div>:not(header) strong,
.before-after section>div>div>:not(header)>* strong,
.before-after section>div>div>dl>dt,
.before-after section>div>div>ul li strong,
.callback p strong,
.live-chat p strong,
.online-consultation p strong,
article.page section>div>:not(header) strong,
article.page section>div>:not(header)>* strong,
article.page section>div>dl>dt,
article.page section>div>ul li strong,
article.page>div>div>:not(header) strong,
article.page>div>div>:not(header)>* strong,
article.page>div>div>dl>dt,
article.page>div>div>ul li strong,
html#page-calculator form p strong,
html#page-casestudies main article>div>p strong,
html#page-home main>article:first-of-type>section>div>:not(header) strong,
html#page-home main>article:first-of-type>section>div>:not(header)>* strong,
html#page-home main>article:first-of-type>section>div>dl>dt,
html#page-home main>article:first-of-type>section>div>ul li strong,
html#page-home main>article:nth-of-type(2)>div>:not(header) strong,
html#page-home main>article:nth-of-type(2)>div>:not(header)>* strong,
html#page-home main>article:nth-of-type(2)>div>dl>dt,
html#page-home main>article:nth-of-type(2)>div>ul li strong,
html#page-videos main article p strong {
    font-size: 1.6rem
}
#tinymce>ol,
#tinymce>ol ul,
#tinymce>ul,
#tinymce>ul ul,
.before-after section>div>div>ol,
.before-after section>div>div>ol ul,
.before-after section>div>div>ul,
.before-after section>div>div>ul ul,
article.page section>div>ol,
article.page section>div>ol ul,
article.page section>div>ul,
article.page section>div>ul ul,
article.page>div>div>ol,
article.page>div>div>ol ul,
article.page>div>div>ul,
article.page>div>div>ul ul,
html#page-home main>article:first-of-type>section>div>ol,
html#page-home main>article:first-of-type>section>div>ol ul,
html#page-home main>article:first-of-type>section>div>ul,
html#page-home main>article:first-of-type>section>div>ul ul,
html#page-home main>article:nth-of-type(2)>div>ol,
html#page-home main>article:nth-of-type(2)>div>ol ul,
html#page-home main>article:nth-of-type(2)>div>ul,
html#page-home main>article:nth-of-type(2)>div>ul ul {
    padding-left: 30px
}
#tinymce video,
#tinymce>img,
#tinymce>p>img,
.before-after section>div>div video,
.before-after section>div>div>img,
.before-after section>div>div>p>img,
article.page section>div video,
article.page section>div>img,
article.page section>div>p>img,
article.page>div>div video,
article.page>div>div>img,
article.page>div>div>p>img,
html#page-home main>article:first-of-type>section>div video,
html#page-home main>article:first-of-type>section>div>img,
html#page-home main>article:first-of-type>section>div>p>img,
html#page-home main>article:nth-of-type(2)>div video,
html#page-home main>article:nth-of-type(2)>div>img,
html#page-home main>article:nth-of-type(2)>div>p>img,
main article>img {
    margin-bottom: 3em
}
#tinymce>ol ul,
#tinymce>ul,
#tinymce>ul ul,
.before-after section>div>div>ol ul,
.before-after section>div>div>ul,
.before-after section>div>div>ul ul,
article.page section>div>ol ul,
article.page section>div>ul,
article.page section>div>ul ul,
article.page>div>div>ol ul,
article.page>div>div>ul,
article.page>div>div>ul ul,
html#page-home main>article:first-of-type>section>div>ol ul,
html#page-home main>article:first-of-type>section>div>ul,
html#page-home main>article:first-of-type>section>div>ul ul,
html#page-home main>article:nth-of-type(2)>div>ol ul,
html#page-home main>article:nth-of-type(2)>div>ul,
html#page-home main>article:nth-of-type(2)>div>ul ul {
    list-style-type: disc
}
#tinymce>ul ul,
.before-after section>div>div>ul ul,
article.page section>div>ul ul,
article.page>div>div>ul ul,
html#page-home main>article:first-of-type>section>div>ul ul,
html#page-home main>article:nth-of-type(2)>div>ul ul {
    margin-top: 1.2em
}
#tinymce>ol,
.before-after section>div>div>ol,
article.page section>div>ol,
article.page>div>div>ol,
html#page-home main>article:first-of-type>section>div>ol,
html#page-home main>article:nth-of-type(2)>div>ol {
    list-style-type: decimal
}
#tinymce {
    padding: 10px
}
#tinymce .mce-object-iframe {
    width: 100%!important;
    height: 150px!important
}
#tinymce>blockquote p,
.before-after section>div>div>blockquote p,
article.page section>div>blockquote p,
article.page>div>div>blockquote p,
html#page-home main>article:first-of-type>section>div>blockquote p,
html#page-home main>article:nth-of-type(2)>div>blockquote p {
    font-size: 2.5rem;
    margin-bottom: 5px
}
#tinymce>blockquote,
.before-after section>div>div>blockquote,
article.page section>div>blockquote,
article.page>div>div>blockquote,
html#page-home main>article:first-of-type>section>div>blockquote,
html#page-home main>article:nth-of-type(2)>div>blockquote {
    margin-bottom: 1.2em
}
#tinymce>blockquote p:first-of-type,
.before-after section>div>div>blockquote p:first-of-type,
article.page section>div>blockquote p:first-of-type,
article.page>div>div>blockquote p:first-of-type,
html#page-home main>article:first-of-type>section>div>blockquote p:first-of-type,
html#page-home main>article:nth-of-type(2)>div>blockquote p:first-of-type {
    content: "“"
}
#tinymce>blockquote p:last-of-type,
.before-after section>div>div>blockquote p:last-of-type,
article.page section>div>blockquote p:last-of-type,
article.page>div>div>blockquote p:last-of-type,
html#page-home main>article:first-of-type>section>div>blockquote p:last-of-type,
html#page-home main>article:nth-of-type(2)>div>blockquote p:last-of-type {
    content: "”"
}
#tinymce>blockquote cite,
.before-after section>div>div>blockquote cite,
article.page section>div>blockquote cite,
article.page>div>div>blockquote cite,
html#page-home main>article:first-of-type>section>div>blockquote cite,
html#page-home main>article:nth-of-type(2)>div>blockquote cite {
    font-size: 2rem
}
.cta {
    background-position: center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    padding: 30px
}
.cta>div {
    position: absolute;
    top: 50%;
    box-sizing: border-box;
    padding: 45px 33px
}
.cta a[rel=more]:after {
    content: ""
}
.cta a[rel=more] {
    text-transform: none
}
.cta header {
    margin-bottom: 20px
}
.cta[min-width~="731px"]>div {
    width: 40%;
    left: 30px
}
.cta[min-width~="531px"][max-width~="730px"]>div {
    width: 52%;
    right: 30px
}
.cta[max-width~="530px"]>div {
    width: 70%;
    right: 30px
}
.cta header,
.cta p {
    color: #FFF!important
}
.cta[min-width~="731px"] header {
    font-size: 2.4rem
}
.cta[min-width~="731px"] p {
    font-size: 1.4rem
}
.cta[min-width~="731px"] a {
    font-size: 1.7rem
}
.cta[min-width~="531px"][max-width~="730px"] header {
    font-size: 2.4rem
}
.cta[min-width~="531px"][max-width~="730px"]>div p {
    font-size: 2rem
}
.cta[max-width~="530px"] header {
    font-size: 2.4rem
}
.cta[max-width~="530px"] p {
    font-size: 1.4rem
}
.cta[max-width~="530px"] a {
    font-size: 1.7rem
}
/* #wrapper,
body,
html,
html body,
html body #wrapper {
    height: 100%
} */
/* #content {
    min-height: 100%;
    margin: 0 auto
} */
/* #content:after {
    content: "";
    display: block
} */
.hero menu:last-of-type li:not(:last-child) {
    margin-right: 9px
}
.hero menu:last-of-type li>* {
    background-color: #FFF;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 2px solid transparent
}
.hero menu:last-of-type li>.checked,
.hero menu:last-of-type li>:active,
.hero menu:last-of-type li>:focus,
.hero menu:last-of-type li>:hover {
    background-color: transparent;
    border: 2px solid #FFF
}
.hero {
    position: relative
}
.hero .video {
    background-color: #FFF
}
.hero menu:first-of-type {
    opacity: 0
}
.hero:hover menu:first-of-type {
    opacity: 1
}
.hero menu:first-of-type label {
    width: 55px;
    height: 55px;
    box-sizing: border-box!important;
    background: rgba(255, 255, 255, .6);
    margin-top: -5px
}
.hero menu:last-of-type {
    z-index: 100;
    position: absolute;
    bottom: 10px;
    width: 100%
}
.hero input[type=radio]+* a,
.hero input[type=radio]+*>span {
    text-align: right;
    overflow: hidden
}
.hero input[type=radio]+* input[type=checkbox],
.hero input[type=radio]+* input[type=checkbox]:checked+*,
.hero input[type=radio]+* input[type=checkbox]:checked~* img,
.hero input[type=radio]+* input[type=checkbox]~div.video {
    display: none
}
.hero input[type=radio]+* input[type=checkbox]:checked~div.video {
    display: block
}
.hero input[type=radio]+* {
    max-width: 100%
}
.hero input[type=radio]+* header {
    background-color: #46b1d4
}
.hero input[type=radio]+:hover span {
    background-color: #787878
}
.hero input[type=radio]+* span {
    background-color: #a1a1a1;
    border-bottom: 4px solid #797979
}
.hero input[type=radio]+* a div {
    right: 0
}
#header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 101;
    /* font-size: 2rem */
}
/* #header>div>div:after {
    content: "";
    display: block;
    clear: both
} */
/* #header>div>div {
    padding-top: 52px;
    padding-bottom: 32px
} */
/* #header>div {
    background: #fff
} */
#header>div>div>a {
    float: left
}
#header>div>div>span {
    margin-top: 15px
}
html.scrolled #header>div {
    box-shadow: 0 6px 5px -5px rgba(0, 0, 0, .2);
    padding-bottom: 0
}
html.scrolled #content {
    padding-top: 129px
}
html.scrolled #header>div>div {
    padding-top: 15px;
    padding-bottom: 15px
}
#header label[for=book-consultation-toggle] {
    font-size: 1.6rem
}
#header nav input {
    display: none
}
#header nav>ul:first-child>li:last-child a {
    padding-top: 11px;
    padding-bottom: 8px
}
/* #footer>div:last-of-type {
    padding: 40px 0
} */
/* #footer>div:last-of-type>div>div:first-child {
    padding-bottom: 50px;
    margin-bottom: 24px;
    border-bottom: 1px solid
} */
/* #footer>div:last-of-type>div>div:last-of-type {
    text-align: center
} */
/* #footer>div:last-of-type>div>div:last-of-type p {
    font-size: 1.75rem
} */
#footer>div:last-of-type>div>div:first-of-type li {
    margin-bottom: 3px
}
/* #footer>div:last-of-type>div>div:first-of-type a,
#footer>div:last-of-type>div>div:first-of-type p {
    font-size: 1.4rem
} */
/* #footer>div:last-of-type>div>div:first-of-type li a,
#footer>div:last-of-type>div>div:first-of-type>div:first-of-type p {
    text-transform: uppercase
} */
/* #footer>div:last-of-type>div>div:first-of-type>div:first-of-type p {
    line-height: 1.5
} */
/* #footer>div:first-of-type,
#footer>div:first-of-type>div {
    position: relative
} */
/* #footer>div:first-of-type {
    padding-top: 48px;
    padding-bottom: 38px
} */
#footer>div:first-of-type h2 {
    font-size: 2.25rem
}
/* #footer>div>div {
    max-width: 990px;
    margin: 0 auto
} */
/* #content {
    margin-bottom: -565px;
    transition-property: padding-top
} */
/* #content:after,
#footer {
    height: 565px
} */
#book-consultation-toggle+div,
#online-consultation-toggle+div {
    transition-duration: .1s;
    overflow: auto!important
}
#book-consultation-toggle+div>:last-child,
#online-consultation-toggle+div>:last-child {
    max-width: 660px;
    margin-top: 50px
}
html.with-checked-book-consultation-toggle #wrapper,
html.with-checked-online-consultation-toggle #wrapper {
    height: 100%;
    overflow: hidden
}
/* .selecter {
    display: block;
    margin: 0;
    position: relative;
    z-index: 1
} */
/* .selecter .selecter-element {
    height: 100%;
    left: 0;
    position: absolute;
    opacity: 0;
    width: 100%;
    z-index: 0
} */
.selecter .selecter-element,
.selecter .selecter-element:focus {
    outline: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent
}
.selecter .selecter-selected {
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: relative;
    text-overflow: clip;
    z-index: 2
}
.selecter .selecter-options {
    display: none;
    left: 0;
    margin: 0;
    max-height: 260px;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 50
}
.selecter .selecter-group {
    display: block
}
.selecter .selecter-item {
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    border-top: 1px solid #fff!important
}
.selecter .selecter-item.disabled {
    cursor: default
}
.selecter.open {
    z-index: 3
}
.selecter.open .selecter-selected {
    z-index: 51
}
.selecter.cover .selecter-options,
.selecter.open .selecter-selected {
    top: 0
}
.selecter.cover.open .selecter-selected {
    z-index: 49
}
.selecter.bottom .selecter-options,
.selecter.bottom.cover .selecter-options {
    top: auto
}
.selecter.multiple .selecter-options {
    display: block;
    position: static;
    width: 100%
}
.selecter.disabled .selecter-group,
.selecter.disabled .selecter-item,
.selecter.disabled .selecter-selected {
    cursor: default
}
.selecter .selecter-options.scroller {
    overflow: hidden
}
.selecter .selecter-options.scroller .scroller-content {
    max-height: 260px;
    padding: 0
}
/* fieldset label {
    overflow: visible!important
} */
/* fieldset label:after {
    content: "";
    display: block;
    clear: both
} */
fieldset label.required>span:after {
    content: "*";
    display: inline
}
/* input[type=text],
input[type=email],
label.type-text>input,
textarea {
    border-radius: 0
} */
/* .selecter,
input[type=text],
input[type=email],
label.type-text>input,
textarea {
    width: 100%;
    box-sizing: border-box
} */
.selecter .selecter-item,
.selecter .selecter-selected {
    max-width: 100%;
    margin: 0;
    box-sizing: border-box
}
.selecter .selecter-options .placeholder {
    display: none
}
#book-consultation-toggle+div>:last-child>label,
#online-consultation-toggle+div>:last-child>label {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 22px;
    font-size: 2rem!important;
    text-align: center
}
#book-consultation-toggle+div>:last-child p.error,
#online-consultation-toggle+div>:last-child p.error {
    margin-left: 31.034482758620694%;
    margin-top: 20px
}
#book-consultation-toggle+div>:last-child header,
#book-consultation-toggle+div>:last-child legend,
#online-consultation-toggle+div>:last-child header,
#online-consultation-toggle+div>:last-child legend {
    font-size: 2.5rem!important;
    margin-bottom: 0!important
}
#book-consultation-toggle+div>:last-child header,
#online-consultation-toggle+div>:last-child header {
    margin-bottom: 1em!important
}
#book-consultation-toggle+div>:last-child legend+p:before,
#online-consultation-toggle+div>:last-child legend+p:before {
    content: "*";
    display: inline
}
#book-consultation-toggle+div>:last-child legend+p,
#online-consultation-toggle+div>:last-child legend+p {
    margin-top: -5px;
    margin-bottom: 20px
}
#book-consultation-toggle+div>:last-child p.error,
#book-consultation-toggle+div>:last-child.success fieldset,
#book-consultation-toggle+div>:last-child.success p.error,
#book-consultation-toggle+div>:last-child>div,
#online-consultation-toggle+div>:last-child p.error,
#online-consultation-toggle+div>:last-child.success fieldset,
#online-consultation-toggle+div>:last-child.success p.error,
#online-consultation-toggle+div>:last-child>div,
.callback.success fieldset,
.callback>div {
    display: none
}
#book-consultation-toggle+div>:last-child.success>div,
#online-consultation-toggle+div>:last-child.success>div,
.callback.success>div {
    display: block
}
html#page-calculator form hr {
    margin: 30px 0
}
/* html#page-calculator form:after {
    content: "";
    display: block;
    clear: both
} */
html#page-calculator form .selecter .selecter-item,
html#page-calculator form .selecter .selecter-selected {
    font-size: 2rem;
    padding: 15px
}
/* html#page-calculator form div.results header,
html#page-calculator form fieldset.demographic label>span:first-child,
html#page-calculator form fieldset.grafts .range span,
html#page-calculator form fieldset.grafts .status dt,
html#page-calculator form fieldset.grafts legend,
html#page-calculator form fieldset.phone legend {
    text-transform: uppercase;
    color: #6b6b6b!important
} */
/* html#page-calculator form fieldset.demographic label>span:last-child,
html#page-calculator form fieldset.grafts .status dd {
    font-size: 2.25rem;
    color: #636363
} */
/* html#page-calculator form div.results header,
html#page-calculator form fieldset.demographic label>span,
html#page-calculator form fieldset.demographic label>span:last-child,
html#page-calculator form fieldset.grafts .status dt,
html#page-calculator form fieldset.grafts legend,
html#page-calculator form fieldset.phone legend {
    font-size: 1.8rem
} */
html#page-calculator form fieldset.grafts .status dt {
    font-size: 1.5rem
}
html#page-calculator form fieldset.grafts .range span {
    font-size: 1.2rem
}
/* html#page-calculator form figcaption {
    color: #636363;
    text-align: center
} */
/* html#page-calculator form label[for=results-toggle] {
    opacity: 0;
    margin: 0 auto;
    display: block;
    width: 300px
} */
html#page-calculator form label[for=results-toggle].checked {
    visibility: hidden
}
html#page-calculator form fieldset.type label img {
    opacity: .5
}
html#page-calculator form fieldset.type label.checked img {
    opacity: 1
}
/* html#page-calculator form fieldset.demographic {
    margin-top: 20px;
} */
/* html#page-calculator form fieldset.demographic label {
    padding: 20px 0;
    overflow: visible
} */
/* html#page-calculator form fieldset.demographic label:after {
    content: "";
    display: block;
    clear: both
} */
/* html#page-calculator form fieldset.demographic label>span {
    display: block;
    padding-top: 20px
} */
/* html#page-calculator form fieldset.grafts .status>:last-child {
    text-align: right
} */
html#page-calculator form fieldset.areas {
    padding-top: 20px
}
html#page-calculator form fieldset.areas>div>div label {
    margin-top: 10px
}
html#page-calculator form fieldset.areas>div>div label input {
    position: absolute;
    visibility: hidden
}
html#page-calculator form fieldset.grafts .range span:first-of-type {
    float: left
}
html#page-calculator form fieldset.grafts .range span:last-of-type {
    float: right
}
html#page-calculator form fieldset.email label:after,
html#page-calculator form fieldset.phone label:after {
    clear: none!important;
    display: inline!important
}
/* html#page-calculator form input[type=text],
html#page-calculator form input[type=email],
html#page-calculator form label.type-text>input,
html#page-calculator form textarea {
    padding: 14px!important
} */
/* .callback .selecter .selecter-item,
.callback .selecter .selecter-selected,
.callback form .selecter .selecter-item,
.callback form .selecter .selecter-selected,
.callback form input[type=text],
.callback form input[type=email],
.callback form label.type-text>input,
.callback form textarea,
.callback input[type=text],
.callback input[type=email],
.callback label.type-text>input,
.callback textarea,
html#page-calculator form input[type=text],
html#page-calculator form input[type=email],
html#page-calculator form label.type-text>input,
html#page-calculator form textarea {
   */  font-size: 2rem
}
#book-consultation-toggle+div>:last-child p,
#online-consultation-toggle+div>:last-child p,
html#page-contact main form p {
    font-size: 1.3rem
}
#book-consultation-toggle+div>:last-child header,
#book-consultation-toggle+div>:last-child legend,
#online-consultation-toggle+div>:last-child header,
#online-consultation-toggle+div>:last-child legend,
html#page-contact main form header,
html#page-contact main form legend {
    font-size: 1.7rem;
    margin-bottom: 20px
}
/* #book-consultation-toggle+div>:last-child .selecter .selecter-item,
#book-consultation-toggle+div>:last-child .selecter .selecter-selected,
#book-consultation-toggle+div>:last-child .success p,
#book-consultation-toggle+div>:last-child fieldset label>span:first-child,
#book-consultation-toggle+div>:last-child input[type=text],
#book-consultation-toggle+div>:last-child input[type=email],
#book-consultation-toggle+div>:last-child label.type-text>input,
#book-consultation-toggle+div>:last-child textarea,
#online-consultation-toggle+div>:last-child .selecter .selecter-item,
#online-consultation-toggle+div>:last-child .selecter .selecter-selected,
#online-consultation-toggle+div>:last-child .success p,
#online-consultation-toggle+div>:last-child fieldset label>span:first-child,
#online-consultation-toggle+div>:last-child input[type=text],
#online-consultation-toggle+div>:last-child input[type=email],
#online-consultation-toggle+div>:last-child label.type-text>input,
#online-consultation-toggle+div>:last-child textarea,
html#page-calculator form input[type=text],
html#page-calculator form input[type=email],
html#page-calculator form label.type-text>input,
html#page-calculator form textarea,
html#page-contact main form .selecter .selecter-item,
html#page-contact main form .selecter .selecter-selected,
html#page-contact main form .success p,
html#page-contact main form fieldset label>span:first-child,
html#page-contact main form input[type=text],
html#page-contact main form input[type=email],
html#page-contact main form label.type-text>input,
html#page-contact main form textarea {
    font-size: 1.5rem
} */
.callback .selecter .selecter-item,
.callback .selecter .selecter-selected,
.callback form .selecter .selecter-item,
.callback form .selecter .selecter-selected,
.callback form input[type=text],
.callback form input[type=email],
.callback form label.type-text>input,
.callback form textarea,
.callback input[type=text],
.callback input[type=email],
.callback label.type-text>input,
.callback textarea {
    padding: 15px
}
.rangeslider {
    background-color: #d9d9d9
}
.type-range input[type=range]::-ms-fill-upper {
    background-color: #d9d9d9
}
.type-range>span {
    background-color: #d9d9d9
}
.type-range {
    height: 16px;
    clear: both
}
.rangeslider__fill,
.rangeslider__handle {
    background-color: #46b1d4
}
.type-range input[type=range]::-ms-fill-lower {
    background-color: #46b1d4
}
.type-range output {
    background-color: #46b1d4
}
.rangeslider__handle {
    width: 22px;
    height: 22px;
    border-radius: 22px;
    border: 3px solid #000;
    margin-top: -2px;
    box-sizing: border-box
}
.type-range input[type=range]::-ms-thumb {
    background-color: #46b1d4;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    border: 3px solid #000;
    margin-top: -2px;
    box-sizing: border-box
}
.type-range input[type=range]::-webkit-slider-thumb {
    background-color: #46b1d4;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    border: 3px solid #000;
    margin-top: -2px;
    box-sizing: border-box
}
.type-range input[type=range]::-moz-range-thumb {
    background-color: #46b1d4;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    border: 3px solid #000;
    margin-top: -2px;
    box-sizing: border-box
}
.selecter .selecter-selected:after {
    content: "\0025BE";
    display: inline-block;
    margin-left: 4px
}
#book-consultation-toggle+div>:last-child,
#online-consultation-toggle+div>:last-child,
html#page-contact main form {
    padding: 40px;
    box-sizing: border-box
}
#book-consultation-toggle+div>:last-child .success p,
#book-consultation-toggle+div>:last-child fieldset label>span:first-child,
#online-consultation-toggle+div>:last-child .success p,
#online-consultation-toggle+div>:last-child fieldset label>span:first-child,
html#page-contact main form .success p,
html#page-contact main form fieldset label>span:first-child {
    padding-top: 8px
}
#book-consultation-toggle+div>:last-child fieldset label,
#online-consultation-toggle+div>:last-child fieldset label,
html#page-contact main form fieldset label {
    margin-bottom: 22px
}
#book-consultation-toggle+div>:last-child textarea,
#online-consultation-toggle+div>:last-child textarea,
html#page-contact main form textarea {
    height: 100px
}
/* #book-consultation-toggle+div>:last-child .selecter .selecter-item,
#book-consultation-toggle+div>:last-child .selecter .selecter-selected,
#book-consultation-toggle+div>:last-child input[type=text],
#book-consultation-toggle+div>:last-child input[type=email],
#book-consultation-toggle+div>:last-child label.type-text>input,
#book-consultation-toggle+div>:last-child textarea,
#online-consultation-toggle+div>:last-child .selecter .selecter-item,
#online-consultation-toggle+div>:last-child .selecter .selecter-selected,
#online-consultation-toggle+div>:last-child input[type=text],
#online-consultation-toggle+div>:last-child input[type=email],
#online-consultation-toggle+div>:last-child label.type-text>input,
#online-consultation-toggle+div>:last-child textarea,
html#page-calculator form input[type=text],
html#page-calculator form input[type=email],
html#page-calculator form label.type-text>input,
html#page-calculator form textarea,
html#page-contact main form .selecter .selecter-item,
html#page-contact main form .selecter .selecter-selected,
html#page-contact main form input[type=text],
html#page-contact main form input[type=email],
html#page-contact main form label.type-text>input,
html#page-contact main form textarea {
    padding: 8px
} */
#book-consultation-toggle+div>:last-child .g-recaptcha,
#online-consultation-toggle+div>:last-child .g-recaptcha,
html#page-contact main form .g-recaptcha {
    margin-bottom: 22px
}
#book-consultation-toggle+div>:last-child button,
#online-consultation-toggle+div>:last-child button,
html#page-contact main form button {
    margin-left: 31.034482758620694%;
    width: 68.96551724137932%
}
#tinymce table,
.before-after section>div>div table,
article.page section>div table,
article.page>div>div table,
html#page-home main>article:first-of-type>section>div table,
html#page-home main>article:nth-of-type(2)>div table {
    width: 100%;
    margin-top: 50px!important;
    border: 1px solid #cdcdce
}
#tinymce table caption,
.before-after section>div>div table caption,
article.page section>div table caption,
article.page>div>div table caption,
html#page-home main>article:first-of-type>section>div table caption,
html#page-home main>article:nth-of-type(2)>div table caption {
    color: #46b1d4!important;
    font-family: HelveticaNeue-Bold, Helvetica, Verdana, sans-serif!important;
    font-size: 3rem!important
}
#tinymce table th,
.before-after section>div>div table th,
article.page section>div table th,
article.page>div>div table th,
html#page-home main>article:first-of-type>section>div table th,
html#page-home main>article:nth-of-type(2)>div table th {
    text-transform: uppercase
}
#tinymce table tr,
.before-after section>div>div table tr,
article.page section>div table tr,
article.page>div>div table tr,
html#page-home main>article:first-of-type>section>div table tr,
html#page-home main>article:nth-of-type(2)>div table tr {
    border-top: 1px solid #cdcdce;
    font-size: 1.2rem!important
}
#tinymce table td,
#tinymce table th,
.before-after section>div>div table td,
.before-after section>div>div table th,
article.page section>div table td,
article.page section>div table th,
article.page>div>div table td,
article.page>div>div table th,
html#page-home main>article:first-of-type>section>div table td,
html#page-home main>article:first-of-type>section>div table th,
html#page-home main>article:nth-of-type(2)>div table td,
html#page-home main>article:nth-of-type(2)>div table th {
    padding: 15px
}
#privacy-banner {
    background-color: #46b1d4;
    color: #FFF;
    width: 100%;
    height: 50px;
    text-align: center;
    padding-top: 30px;
    font-size: 1.8rem;
    position: fixed;
    z-index: 1000
}
#privacy-banner a {
    text-decoration: underline
}
html.with-privacy-banner #header {
    top: 80px
}
html.with-privacy-banner #content {
    padding-top: 209px
}
/* #header>div,
main {
    max-width: 1100px;
    min-width: 280px
} */
.cta-aside>*,
html#page-casestudies main>aside>*,
html#page-faq main aside>*,
html#page-home main>div:last-of-type>*,
html#page-treatments main>aside>*,
html.casestudy main>article>div:last-child>*,
html.page main>article>div>*,
html.treatment main article>div>* {
    overflow: hidden
}
/* #wrapper {
    width: 100%
} */
/* main {
    margin-bottom: 80px!important
} */
html#page-home main>article:first-of-type {
    margin-top: 50px;
    margin-bottom: 74px
}
html#page-home main>article:first-of-type header {
    margin-bottom: 18px;
    font-size: 18px;
    text-transform: uppercase
}
html#page-home main>hr {
    margin-top: 75px;
    margin-bottom: 72px
}
.cta-aside {
    margin-bottom: 70px
}
.download-guide {
    background-image: url(/images/decoration/download-guide.jpg);
    background-repeat: no-repeat;
    height: 405px
}
.download-guide header {
    background-color: #4c4c4c
}
.download-guide span {
    background-color: #9f9f9f
}
.download-guide:hover span {
    background-color: #75AED5
}
html#page-faq main article hr {
    margin-top: 20px;
    margin-bottom: 20px
}
/* html#page-calculator form {
    max-width: 750px;
    margin: 0 auto
} */
html#page-calculator.with-checked-type-2 main .status dl:first-of-type {
    visibility: hidden
}
.rangeslider__handle {
    position: absolute;
    z-index: 1
}
html.ie10 .type-range output,
html.ie10 .type-range span {
    margin-top: 4px
}
html.ie10 .type-range input[type=range] {
    height: 26px
}
html#page-contact main>article>header+* {
    margin-top: 15px!important
}
html#page-contact main>article>div:first-of-type {
    margin-bottom: 40px
}
html.casestudy .hero {
    margin-bottom: 20px
}
html#page-casestudies section {
    margin-bottom: 50px
}
html#page-casestudies section header,
html#page-treatments section header {
    margin-top: 0!important
}
html#page-casestudies main>hr {
    margin-bottom: 35px
}
html#page-treatments main section {
    padding-bottom: 50px;
    margin-bottom: 50px
}
html#page-treatments main>aside {
    margin-top: 15px;
    margin-bottom: 70px
}
html#page-treatments section figcaption {
    font-size: 2rem;
    margin-top: 11px;
    font-family: HelveticaNeue-Light, Helvetica, Verdana, sans-serif;
    font-weight: 400!important;
    font-style: normal!important
}
html.treatment main>hr {
    margin-top: 25px;
    margin-bottom: 22px
}
html.hub .male {
    margin-top: 40px;
    margin-bottom: 40px
}
html.page main hr {
    margin-top: 25px;
    margin-bottom: 25px
}
html.hub .factors,
html.hub .glossary>div {
    margin-top: 40px
}
html.hub .glossary>div header {
    margin-bottom: 10px
}
html.hub .glossary>div menu li>.checked,
html.hub .glossary>div menu li>:active,
html.hub .glossary>div menu li>:focus,
html.hub .glossary>div menu li>:hover {
    color: #46b1d4
}
html.hub .glossary>div menu li>* {
    margin-bottom: 4px
}
#page-404 main article {
    max-width: 400px;
    float: right
}
#page-404 main header {
    background-image: none;
    border: none
}
#page-404 main h1,
#page-404 main nav a {
    text-transform: uppercase;
    font-size: 2.2rem
}
#page-404 main nav a {
    color: #4e4e4e
}
#page-404 main h1 span {
    font-size: 6rem;
    display: block
}
#page-videos main header {
    margin-top: 20px!important;
    margin-bottom: 80px
}
.callback header,
.callback legend,
.ie .callback div header,
.ie .callback legend,
.ie .online-consultation header,
.live-chat header,
.live-chat legend,
.online-consultation header,
.online-consultation legend,
:not(.ie) .callback div header,
:not(.ie) .callback legend,
:not(.ie) .online-consultation header {
    padding-left: 30px
}
#footer>div:last-of-type>div>div:last-of-type ul li,
#header nav>ul:last-child li {
    font-size: 2.2rem;
    line-height: 4.1rem
}
#footer>div:last-of-type>div>div:last-of-type ul li a,
#header nav>ul:last-child li a {
    display: block;
    width: 37px;
    height: 37px;
    border: 2px solid;
    border-radius: 41px;
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    margin-bottom: 5px
}
#footer>div:last-of-type>div>div:last-of-type ul li:before,
#header nav>ul:last-child li:before {
    position: absolute;
    top: 0;
    left: 1px;
    width: 41px;
    height: 41px;
    z-index: -1
}
#footer .status>a:before {
    font-size: 2rem;
    padding: 0 12px;
    color: #FFF!important
}
.hero menu:first-of-type label {
    font-size: 5em
}
.hero menu:first-of-type label[data-rel-prev]:before {
    content: "\f104";
    margin-left: 15px
}
.hero menu:first-of-type label[data-rel-next]:before {
    content: "\f105";
    margin-left: 20px
}
#footer .status>a:before,
#footer>div:last-of-type>div>div:last-of-type ul .twitter:before,
#header nav>ul:last-child .twitter:before {
    content: "\f099"
}
#footer>div:last-of-type>div>div:last-of-type ul .facebook:before,
#header nav>ul:last-child .facebook:before {
    content: "\f09a";
    left: 0
}
#footer>div:last-of-type>div>div:last-of-type ul .pinterest:before,
#header nav>ul:last-child .pinterest:before {
    content: "\f0d2"
}
#footer>div:last-of-type>div>div:last-of-type ul .google-plus:before,
#header nav>ul:last-child .google-plus:before {
    content: "\f0d5"
}
#footer>div:last-of-type>div>div:last-of-type ul .vimeo:before,
#header nav>ul:last-child .vimeo:before {
    content: "\f194"
}
#footer>div:last-of-type>div>div:last-of-type ul .instagram:before,
#header nav>ul:last-child .instagram:before {
    content: "\f16d"
}
#footer>div:last-of-type>div>div:last-of-type ul .you-tube:before,
#header nav>ul:last-child .you-tube:before {
    content: "\f167"
}
html#page-calculator main fieldset.areas svg g[id] {
    cursor: pointer;
    fill-opacity: 0
}
#header nav>ul:first-child>li>div ul:not(:last-child) {
    border-right: 1px solid
}
fieldset label.error .selecter,
fieldset label.error input[type=text],
fieldset label.error input[type=email],
fieldset label.error label.type-text>input,
fieldset label.error textarea,
form .g-recaptcha.error {
    border: 1px solid red
}
/* html#page-calculator form fieldset.demographic {
    border-top: 2px solid
} */
/* .article-nav,
hr,
html#page-calculator form fieldset.demographic label,
html#page-treatments main section {
    border-bottom: 2px solid
} */
#book-consultation-toggle+div>:last-child p.error,
#online-consultation-toggle+div>:last-child p.error,
#tinymce>blockquote,
.before-after section>div>div>blockquote,
article.page section>div>blockquote,
article.page>div>div>blockquote,
html#page-home main>article:first-of-type>section>div>blockquote,
html#page-home main>article:nth-of-type(2)>div>blockquote {
    border-left: 3px solid;
    padding-left: 10px
}
/* input[type=text],
input[type=email],
label.type-text>input,
textarea {
    border: 0
} */
html#page-calculator main fieldset.areas svg g[id].checked,
html#page-calculator main fieldset.areas svg g[id]:hover {
    fill-opacity: .1
}
.cta>div header,
.cta>div p {
    color: #FFF
}
#book-consultation-toggle+div>:last-child .selecter .selecter-item,
#book-consultation-toggle+div>:last-child .selecter .selecter-selected,
#book-consultation-toggle+div>:last-child header,
#book-consultation-toggle+div>:last-child label>span,
#book-consultation-toggle+div>:last-child legend,
#book-consultation-toggle+div>:last-child p,
#online-consultation-toggle+div>:last-child .selecter .selecter-item,
#online-consultation-toggle+div>:last-child .selecter .selecter-selected,
#online-consultation-toggle+div>:last-child header,
#online-consultation-toggle+div>:last-child label>span,
#online-consultation-toggle+div>:last-child legend,
#online-consultation-toggle+div>:last-child p {
    color: #FFF!important
}
/* #book-consultation-toggle+div>:last-child .success p,
#book-consultation-toggle+div>:last-child fieldset label>span:first-child,
#book-consultation-toggle+div>:last-child header,
#book-consultation-toggle+div>:last-child legend,
#online-consultation-toggle+div>:last-child .success p,
#online-consultation-toggle+div>:last-child fieldset label>span:first-child,
#online-consultation-toggle+div>:last-child header,
#online-consultation-toggle+div>:last-child legend,
.selecter,
.selecter .selecter-item,
html#page-contact main form .success p,
html#page-contact main form fieldset label>span:first-child,
html#page-contact main form header,
html#page-contact main form legend,
html#page-home main>article:first-of-type>section>div blockquote *,
html#page-home main>article:nth-of-type(2)>div blockquote * {
    color: #636363
} */
textarea::-moz-placeholder {
    color: #636363
}
textarea:-ms-input-placeholder {
    color: #636363
}
textarea::-webkit-input-placeholder {
    color: #636363
}
input[type=email]::-moz-placeholder {
    color: #636363
}
input[type=email]:-ms-input-placeholder {
    color: #636363
}
input[type=email]::-webkit-input-placeholder {
    color: #636363
}
/* input[type=text]::-moz-placeholder {
    color: #636363
} */
input[type=text]:-ms-input-placeholder {
    color: #636363
}
input[type=text]::-webkit-input-placeholder {
    color: #636363

}
label.type-text>input::-moz-placeholder {
    color: #636363
}
label.type-text>input:-ms-input-placeholder {
    color: #636363
}
label.type-text>input::-webkit-input-placeholder {
    color: #636363
}
/* #footer>div:first-of-type h2,
#header nav a,
#tinymce blockquote *,
.before-after section figcaption,
.before-after section header,
.before-after section>div>div blockquote *,
article.page section>div blockquote *,
article.page>div>div blockquote *,
input[type=text],
input[type=email],
label.type-text>input,
textarea {
    color: #636363
} */
#header nav>ul>li:last-child a,
#page-404 main h1,
#page-404 main nav a:hover,
html.with-about-selected #header nav>ul>li.about>a,
html.with-calculator-selected #header nav>ul>li.calculator>a,
html.with-casestudies-selected #header nav>ul>li.casestudies>a,
html.with-contact-selected #header nav>ul>li.contact>a,
html.with-faq-selected #header nav>ul>li.faq>a,
html.with-news-selected #header nav>ul>li.news>a,
html.with-pages-selected #header nav>ul>li.pages>a,
html.with-treatments-selected #header nav>ul>li.treatments>a {
    color: #46b1d4
}
.with-caret,
a[rel=more] {
    color: #46b1d4!important
}
.with-caret:hover,
a[rel=more]:hover {
    color: #313131!important
}
.cta .with-caret:hover,
.cta a[rel=more]:hover {
    color: #404040!important
}
/* #header label[for=book-consultation-toggle],
#header nav>ul:first-child>li>div a:active,
#header nav>ul:first-child>li>div a:focus,
#header nav>ul:first-child>li>div a:hover,
#header nav>ul:first-child>li>div header,
#header nav>ul:first-child>li>div>ul>li.selected a,
.action,
.callback button,
.cta a:not([rel=more]),
.live-chat label,
.online-consultation label,
.timeline>a,
a[rel=next],
a[rel=prev],
button,
html#page-calculator form div.results>label,
html#page-calculator form fieldset.areas>div>div label,
html#page-calculator form label[for=results-toggle] {
    color: #FFF
} */
#book-consultation-toggle+div>:last-child button,
#header label[for=book-consultation-toggle],
#header label[for=book-consultation-toggle].blue,
#online-consultation-toggle+div>:last-child button,
.action.blue,
.callback button,
.callback button.blue,
.cta a:not([rel=more]),
.cta a:not([rel=more]).blue,
.live-chat label.blue,
.online-consultation label.blue,
.timeline>a,
.timeline>a.blue,
a[rel=next],
a[rel=next].blue,
a[rel=prev],
a[rel=prev].blue,
button.blue,
html#page-calculator form div.results>label.blue,
html#page-calculator form fieldset.areas>div>div label,
html#page-calculator form fieldset.areas>div>div label.blue,
html#page-calculator form fieldset.email button,
html#page-calculator form fieldset.phone button,
html#page-calculator form label[for=results-toggle].blue,
html#page-contact main form button {
    color: #FFF!important
}
/* #footer>div:last-of-type,
main article aside dl * {
    color: #7f7f7f
} */
#footer>div:last-of-type a:hover,
#tinymce>header a:hover,
.before-after section>div>div>header a:hover,
article.page section>div>header a:hover,
article.page>div>div>header a:hover,
html#page-home main>article:first-of-type>section>div>header a:hover,
html#page-home main>article:nth-of-type(2)>div>header a:hover {
    color: #46b1d4
}
/* #book-consultation-toggle+div>:last-child input[type=text],
#book-consultation-toggle+div>:last-child input[type=email],
#book-consultation-toggle+div>:last-child label.type-text>input,
#book-consultation-toggle+div>:last-child textarea,
#book-consultation-toggle+div>:last-child>label,
#header,
#online-consultation-toggle+div>:last-child input[type=text],
#online-consultation-toggle+div>:last-child input[type=email],
#online-consultation-toggle+div>:last-child label.type-text>input,
#online-consultation-toggle+div>:last-child textarea,
#online-consultation-toggle+div>:last-child>label,
html#page-calculator form input[type=text],
html#page-calculator form input[type=email],
html#page-calculator form label.type-text>input,
html#page-calculator form textarea,
html#page-contact main form input[type=text],
html#page-contact main form input[type=email],
html#page-contact main form label.type-text>input,
html#page-contact main form textarea {
    background-color: #FFF
} */
.callback input[name=name] {
    background-color: #efefef!important
}
#book-consultation-toggle+div>:last-child,
#online-consultation-toggle+div>:last-child,
.selecter .selecter-item,
.selecter .selecter-selected,
html#page-contact main form,
label.age .selecter .selecter-item,
label.age .selecter .selecter-selected,
main article aside dl {
    background-color: #efefef
}
label.age .selecter .selecter-item,
label.age .selecter .selecter-selected {
    background-color: #a1a1a1!important
}
/* #book-consultation-toggle+div>:last-child .selecter .selecter-item,
#book-consultation-toggle+div>:last-child .selecter .selecter-selected,
#online-consultation-toggle+div>:last-child .selecter .selecter-item,
#online-consultation-toggle+div>:last-child .selecter .selecter-selected,
.callback form input[type=text],
.callback form input[type=email],
.callback form label.type-text>input,
.callback form textarea,
.callback input[type=text],
.callback input[type=email],
.callback label.type-text>input,
.callback textarea,
html#page-calculator form input[type=text],
html#page-calculator form input[type=email],
html#page-calculator form label.type-text>input,
html#page-calculator form textarea,
html#page-contact main form .selecter .selecter-item,
html#page-contact main form .selecter .selecter-selected {
    background-color: #d8d8d8
} */
.selecter .selecter-item:hover {
    background-color: #636363;
    color: #FFF
}
/* #book-consultation-toggle+div>:last-child .selecter .selecter-item,
#book-consultation-toggle+div>:last-child .selecter .selecter-selected,
#footer>div:last-of-type,
#online-consultation-toggle+div>:last-child .selecter .selecter-item,
#online-consultation-toggle+div>:last-child .selecter .selecter-selected {
    background-color: #3e3e3e
} */
#book-consultation-toggle+div>:last-child button,
#header label[for=book-consultation-toggle].grey,
#online-consultation-toggle+div>:last-child button,
.action.grey,
.callback button.grey,
.cta a:not([rel=more]).grey,
.live-chat label.grey,
.online-consultation label.grey,
.timeline>a.grey,
a[rel=next].grey,
a[rel=prev].grey,
button.grey,
html#page-calculator form div.results>label.grey,
html#page-calculator form fieldset.areas>div>div label.grey,
html#page-calculator form label[for=results-toggle].grey {
    background-color: #a1a1a1
}
/* #footer>div:first-of-type {
    background-color: #f8f8f8
} */
.cta>div {
    background-color: rgba(0, 0, 0, .7)
}
#header label[for=book-consultation-toggle].red,
.action.red,
.callback button.red,
.cta a:not([rel=more]).red,
.live-chat label.red,
.online-consultation label.red,
.timeline>a.red,
a[rel=next].red,
a[rel=prev].red,
button.red,
html#page-calculator form div.results>label.red,
html#page-calculator form fieldset.areas>div>div label.red,
html#page-calculator form label[for=results-toggle].red {
    background-color: #fc7474
}
#book-consultation-toggle+div>:last-child p.error,
#header label[for=book-consultation-toggle].red,
#online-consultation-toggle+div>:last-child p.error,
.action.red,
.callback button.red,
.cta a:not([rel=more]).red,
.live-chat label.red,
.online-consultation label.red,
.timeline>a.red,
a[rel=next].red,
a[rel=prev].red,
button.red,
html#page-calculator form div.results>label.red,
html#page-calculator form fieldset.areas>div>div label.red,
html#page-calculator form label[for=results-toggle].red {
    border-color: #bd5757
}
/* #book-consultation-toggle+div>:last-child,
#book-consultation-toggle+div>:last-child button,
#header label[for=book-consultation-toggle],
#header label[for=book-consultation-toggle].blue,
#online-consultation-toggle+div>:last-child,
#online-consultation-toggle+div>:last-child button,
.action.blue,
.callback button,
.callback button.blue,
.cta a:not([rel=more]),
.cta a:not([rel=more]).blue,
.live-chat label.blue,
.online-consultation label.blue,
.timeline>a,
.timeline>a.blue,
a[rel=next],
a[rel=next].blue,
a[rel=prev],
a[rel=prev].blue,
button.blue,
html#page-calculator form div.results>label.blue,
html#page-calculator form fieldset.areas>div>div label,
html#page-calculator form fieldset.areas>div>div label.blue,
html#page-calculator form fieldset.email button,
html#page-calculator form fieldset.phone button,
html#page-calculator form label[for=results-toggle].blue,
html#page-contact main form button {
    background-color: #46b1d4
} */
#book-consultation-toggle+div>:last-child button:hover,
#header label[for=book-consultation-toggle].blue:hover,
#header label[for=book-consultation-toggle]:hover,
#online-consultation-toggle+div>:last-child button:hover,
.action.blue:hover,
.callback button.blue:hover,
.callback button:hover,
.cta a:not([rel=more]).blue:hover,
.cta a:not([rel=more]):hover,
.live-chat label.blue:hover,
.online-consultation label.blue:hover,
.timeline>a.blue:hover,
.timeline>a:hover,
a[rel=next].blue:hover,
a[rel=next]:hover,
a[rel=prev].blue:hover,
a[rel=prev]:hover,
button.blue:hover,
html#page-calculator form div.results>label.blue:hover,
html#page-calculator form fieldset.areas>div>div label.blue:hover,
html#page-calculator form fieldset.areas>div>div label:hover,
html#page-calculator form fieldset.email button:hover,
html#page-calculator form fieldset.phone button:hover,
html#page-calculator form label[for=results-toggle].blue:hover,
html#page-contact main form button:hover {
    background-color: #73d3ee
}
/* #header label[for=book-consultation-toggle].green,
.action.green,
.callback button.green,
.cta a:not([rel=more]).green,
.live-chat label,
.live-chat label.green,
.online-consultation label,
.online-consultation label.green,
.timeline>a.green,
a[rel=next].green,
a[rel=prev].green,
button.green,
html#page-calculator form div.results>label,
html#page-calculator form div.results>label.green,
html#page-calculator form fieldset.areas>div>div label.checked,
html#page-calculator form fieldset.areas>div>div label.green,
html#page-calculator form label[for=results-toggle],
html#page-calculator form label[for=results-toggle].green {
    background-color: #a2dd4e
} */
#header label[for=book-consultation-toggle].green:hover,
.action.green:hover,
.callback button.green:hover,
.cta a:not([rel=more]).green:hover,
.live-chat label.green:hover,
.live-chat label:hover,
.online-consultation label.green:hover,
.online-consultation label:hover,
.timeline>a.green:hover,
a[rel=next].green:hover,
a[rel=prev].green:hover,
button.green:hover,
html#page-calculator form div.results>label.green:hover,
html#page-calculator form div.results>label:hover,
html#page-calculator form fieldset.areas>div>div label.checked:hover,
html#page-calculator form fieldset.areas>div>div label.green:hover,
html#page-calculator form label[for=results-toggle].green:hover,
html#page-calculator form label[for=results-toggle]:hover {
    background-color: #bdee77
}
#book-consultation-toggle+div>:last-child button,
#header label[for=book-consultation-toggle],
#header label[for=book-consultation-toggle].blue,
#online-consultation-toggle+div>:last-child button,
.action.blue,
.callback button,
.callback button.blue,
.cta a:not([rel=more]),
.cta a:not([rel=more]).blue,
.live-chat label.blue,
.online-consultation label.blue,
.timeline>a,
.timeline>a.blue,
a[rel=next],
a[rel=next].blue,
a[rel=prev],
a[rel=prev].blue,
button.blue,
html#page-calculator form div.results>label.blue,
html#page-calculator form fieldset.areas>div>div label,
html#page-calculator form fieldset.areas>div>div label.blue,
html#page-calculator form fieldset.email button,
html#page-calculator form fieldset.phone button,
html#page-calculator form label[for=results-toggle].blue,
html#page-contact main form button {
    border-color: #3d8fa6
}
/* #header label[for=book-consultation-toggle].green,
.action.green,
.callback button.green,
.cta a:not([rel=more]).green,
.live-chat label,
.live-chat label.green,
.online-consultation label,
.online-consultation label.green,
.timeline>a.green,
a[rel=next].green,
a[rel=prev].green,
button.green,
html#page-calculator form div.results>label,
html#page-calculator form div.results>label.green,
html#page-calculator form fieldset.areas>div>div label.checked,
html#page-calculator form fieldset.areas>div>div label.green,
html#page-calculator form label[for=results-toggle],
html#page-calculator form label[for=results-toggle].green {
    border-color: #79a63a
} */
#book-consultation-toggle+div>:last-child button,
#online-consultation-toggle+div>:last-child button {
    background-color: #a1a1a1!important
}
#book-consultation-toggle+div>:last-child button:hover,
#online-consultation-toggle+div>:last-child button:hover {
    background-color: #797979!important
}
#book-consultation-toggle+div>:last-child button,
#header label[for=book-consultation-toggle].grey,
#online-consultation-toggle+div>:last-child button,
.action.grey,
.callback button.grey,
.cta a:not([rel=more]).grey,
.live-chat label.grey,
.online-consultation label.grey,
.timeline>a.grey,
a[rel=next].grey,
a[rel=prev].grey,
button.grey,
html#page-calculator form div.results>label.grey,
html#page-calculator form fieldset.areas>div>div label.grey,
html#page-calculator form label[for=results-toggle].grey {
    border-color: #797979
}
#header nav>ul:first-child>li>div ul:not(:last-child) {
    border-color: #7c7c7c
}
#tinymce>blockquote,
.before-after section>div>div>blockquote,
article.page section>div>blockquote,
article.page>div>div>blockquote,
html#page-home main>article:first-of-type>section>div>blockquote,
html#page-home main>article:nth-of-type(2)>div>blockquote {
    border-color: #46b1d4
}
/* #header,
.article-nav,
hr,
html#page-calculator form fieldset.demographic,
html#page-calculator form fieldset.demographic label,
html#page-treatments main section {
    border-color: #cdcdce
} */
#footer>div:last-of-type>div>div:last-of-type ul li,
#header nav>ul:last-child li {
    color: #a7a7a7
}
#footer>div:last-of-type>div>div:last-of-type ul li a,
#header nav>ul:last-child li a {
    border-color: #a7a7a7
}
#footer>div:last-of-type>div>div:last-of-type ul li:hover,
#header nav>ul:last-child li:hover {
    color: #efefef
}
#footer>div:last-of-type>div>div:last-of-type ul li:hover a,
#header nav>ul:last-child li:hover a {
    border-color: #efefef
}
#header nav>ul:last-child li:hover {
    color: #636363
}
#header nav>ul:last-child li:hover a {
    border-color: #636363
}
@-webkit-keyframes hide {
    0%, 100% {
        opacity: 0
    }
}
@keyframes hide {
    0%, 100% {
        opacity: 0
    }
}
.hero input[type=radio]+* {
    top: 0;
    position: absolute;
    z-index: 1;
    display: block!important
}
.hero input[type=radio]:checked+* {
    position: relative;
    z-index: 100;
    -webkit-animation-name: none;
    animation-name: none
}
/* #content,
#header:before,
#header>div,
#header>div>div,
#header>div>div .img,
#header>div>div>a,
.hero menu:first-of-type {
    transition-timing-function: linear;
    transition-duration: .5s
} */
/* #header>div {
    transition-property: padding-bottom
} */
/* #header>div>div {
    transition-property: padding
} */
#header>div>div .img {
    transition-property: width
}
#header>div>div>a {
    transition-property: margin-right
}
/* #header label[for=book-consultation-toggle],
.action,
.callback button,
.cta a:not([rel=more]),
.download-guide span,
.hero input[type=radio]+* a span,
.hero input[type=radio]+*>span span,
.live-chat label,
.online-consultation label,
.timeline>a,
a[rel=next],
a[rel=prev],
button,
html#page-calculator form div.results>label,
html#page-calculator form fieldset.areas>div>div label,
html#page-calculator form label[for=results-toggle] {
    transition: background-color .25s
} */
/* #footer>div:last-of-type>div>div:last-of-type ul li,
#header nav>ul:last-child li,
a {
    transition: color .2s
} */
#footer>div:last-of-type>div>div:last-of-type ul li a,
#header nav>ul:last-child li a {
    transition: border-color .2s
}
.article-nav li>* {
    transition: border-color .2s, opacity .2s
}
.hero menu:first-of-type {
    transition: opacity .2s
}
html.with-checked-hamburger-menu-toggle-on #header:before,
html.with-checked-hamburger-menu-toggle-on #header>div {
    transition-property: height
}
@font-face {
    font-family: HelveticaNeue-Light;
    src: url(/fonts/HelveticaNeue-Light.eot);
    src: url(/fonts/HelveticaNeue-Light.eot?#iefix) format('embedded-opentype'), url(/fonts/HelveticaNeue-Light.woff) format('woff'), url(/fonts/HelveticaNeue-Light.otf) format('truetype');
    font-weight: 400!important;
    font-style: normal!important
}
@font-face {
    font-family: HelveticaNeue-Bold;
    src: url(/fonts/HelveticaNeue-Bold.eot);
    src: url(/fonts/HelveticaNeue-Bold.eot?#iefix) format('embedded-opentype'), url(/fonts/HelveticaNeue-Bold.woff) format('woff'), url(/fonts/HelveticaNeue-Bold.otf) format('truetype');
    font-weight: 400!important;
    font-style: normal!important
}
@font-face {
    font-family: HelveticaNeue-Roman;
    src: url(/fonts/HelveticaNeue-Roman.eot);
    src: url(/fonts/HelveticaNeue-Roman.eot?#iefix) format('embedded-opentype'), url(/fonts/HelveticaNeue-Roman.woff) format('woff'), url(/fonts/HelveticaNeue-Roman.otf) format('truetype');
    font-weight: 400!important;
    font-style: normal!important
}
@font-face {
    font-family: HelveticaNeue-Medium;
    src: url(/fonts/HelveticaNeue-Medium.eot);
    src: url(/fonts/HelveticaNeue-Medium.eot?#iefix) format('embedded-opentype'), url(/fonts/HelveticaNeue-Medium.woff) format('woff'), url(/fonts/HelveticaNeue-Medium.otf) format('truetype');
    font-weight: 400!important;
    font-style: normal!important
}
@font-face {
    font-family: OpenSans-Regular;
    src: url(/fonts/OpenSans-Regular.eot);
    src: url(/fonts/OpenSans-Regular.eot?#iefix) format('embedded-opentype'), url(/fonts/OpenSans-Regular.svg#OpenSans-Regular) format('svg'), url(/fonts/OpenSans-Regular.woff) format('woff'), url(/fonts/OpenSans-Regular.ttf) format('truetype');
    font-weight: 400!important;
    font-style: normal!important
}
@font-face {
    font-family: OpenSans-Bold;
    src: url(/fonts/OpenSans-Bold.eot);
    src: url(/fonts/OpenSans-Bold.eot?#iefix) format('embedded-opentype'), url(/fonts/OpenSans-Bold.svg#OpenSans-Bold) format('svg'), url(/fonts/OpenSans-Bold.woff) format('woff'), url(/fonts/OpenSans-Bold.ttf) format('truetype');
    font-weight: 400!important;
    font-style: normal!important
}
@font-face {
    font-family: OpenSans-Italic;
    src: url(/fonts/OpenSans-Italic.eot);
    src: url(/fonts/OpenSans-Italic.eot?#iefix) format('embedded-opentype'), url(/fonts/OpenSans-Italic.svg#OpenSans-Italic) format('svg'), url(/fonts/OpenSans-Italic.woff) format('woff'), url(/fonts/OpenSans-Italic.ttf) format('truetype');
    font-weight: 400!important;
    font-style: normal!important
}
@font-face {
    font-family: OpenSans-SemiBold;
    src: url(/fonts/OpenSans-Semibold.eot);
    src: url(/fonts/OpenSans-Semibold.eot?#iefix) format('embedded-opentype'), url(/fonts/OpenSans-Semibold.svg#OpenSans-SemiBold) format('svg'), url(/fonts/OpenSans-Semibold.woff) format('woff'), url(/fonts/OpenSans-Semibold.ttf) format('truetype');
    font-weight: 400!important;
    font-style: normal!important
}
@font-face {
    font-family: Vollkorn-Regular;
    src: url(/fonts/Vollkorn-Regular.eot);
    src: url(/fonts/Vollkorn-Regular.eot?#iefix) format('embedded-opentype'), url(/fonts/Vollkorn-Regular.svg#OpenSans-SemiBold) format('svg'), url(/fonts/Vollkorn-Regular.woff) format('woff'), url(/fonts/Vollkorn-Regular.ttf) format('truetype');
    font-weight: 400!important;
    font-style: normal!important
}
@font-face {
    font-family: FontAwesome;
    src: url(/components/font-awesome/fonts/fontawesome-webfont.eot?v=4.3.0);
    src: url(/components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'), url(/components/font-awesome/fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'), url(/components/font-awesome/fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'), url(/components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'), url(/components/font-awesome/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}
#privacy-banner,
.before-after section header>:not(:first-child),
html#page-casestudies section header>:not(:first-child),
html.casestudy main article aside dl dt,
main article aside dl,
main article aside dl p {
    font-family: HelveticaNeue-Roman, Helvetica, Verdana, sans-serif;
    font-weight: 400!important;
    font-style: normal!important
}
/* #header,
#header label[for=book-consultation-toggle],
#page-404 main nav a,
.cta>div>a {
    font-family: HelveticaNeue-Medium, Helvetica, Verdana, sans-serif;
    font-weight: 400!important;
    font-style: normal!important
} */
/* #book-consultation-toggle+div>:last-child header,
#book-consultation-toggle+div>:last-child legend,
#book-consultation-toggle+div>:last-child>label,
#footer>div:last-of-type>div>div:last-of-type p,
#header label[for=book-consultation-toggle],
#online-consultation-toggle+div>:last-child header,
#online-consultation-toggle+div>:last-child legend,
#online-consultation-toggle+div>:last-child>label,
#tinymce>header,
.action,
.article-nav li>*,
.before-after section header>:first-child,
.before-after section>div>div>header,
.before-after>header,
.callback .selecter .selecter-item,
.callback .selecter .selecter-selected,
.callback button,
.callback form .selecter .selecter-item,
.callback form .selecter .selecter-selected,
.callback form input[type=text],
.callback form input[type=email],
.callback form label.type-text>input,
.callback form textarea,
.callback header,
.callback input[type=text],
.callback input[type=email],
.callback label.type-text>input,
.callback legend,
.callback textarea,
.cta a:not([rel=more]),
.cta>div header,
.cta[min-width~="531px"][max-width~="730px"]>div p,
.download-guide,
.hero input[type=radio]+* a,
.hero input[type=radio]+*>span,
.live-chat header,
.live-chat label,
.live-chat legend,
.online-consultation header,
.online-consultation label,
.online-consultation legend,
.timeline header,
.timeline>a,
a[rel=next],
a[rel=prev],
article.page section>div>header,
article.page>div>div>header,
article.page>header,
button,
html#page-calculator form .selecter .selecter-item,
html#page-calculator form .selecter .selecter-selected,
html#page-calculator form div.results header,
html#page-calculator form div.results>label,
html#page-calculator form fieldset.areas>div>div label,
html#page-calculator form fieldset.demographic label>span:first-child,
html#page-calculator form fieldset.demographic label>span:last-child,
html#page-calculator form fieldset.grafts .range span,
html#page-calculator form fieldset.grafts .status dd,
html#page-calculator form fieldset.grafts .status dt,
html#page-calculator form fieldset.grafts legend,
html#page-calculator form fieldset.phone legend,
html#page-calculator form header,
html#page-calculator form input[type=text],
html#page-calculator form input[type=email],
html#page-calculator form label.type-text>input,
html#page-calculator form label[for=results-toggle],
html#page-calculator form legend,
html#page-calculator form textarea,
html#page-casestudies section header>:first-child,
html#page-contact main form header,
html#page-contact main form legend,
html#page-home main>article:first-of-type header,
html#page-home main>article:first-of-type>section>div>header,
html#page-home main>article:nth-of-type(2)>div>header,
html.casestudy main article aside dl dd,
html.casestudy main article aside dl p,
html.hub .factors header,
html.hub .glossary>div header,
main article aside dl dt {
    font-family: HelveticaNeue-Bold, Helvetica, Verdana, sans-serif;
    font-weight: 400!important;
    font-style: normal!important
} */
#tinymce>blockquote p,
.before-after section>div>div>blockquote p,
article.page section>div>blockquote p,
article.page>div>div>blockquote p,
html#page-home main>article:first-of-type>section>div>blockquote p,
html#page-home main>article:nth-of-type(2)>div>blockquote p {
    font-family: Vollkorn-Regular, Helvetica, Verdana, sans-serif;
    font-weight: 400!important;
    font-style: normal!important
}
/* #footer>div:first-of-type h2,
#tinymce>:not(header),
#tinymce>:not(header)>*,
#tinymce>ul li,
.before-after section>div>div>:not(header),
.before-after section>div>div>:not(header)>*,
.before-after section>div>div>ul li,
.callback p,
.cta a[rel=more],
.cta>div p,
.live-chat p,
.online-consultation p,
.timeline dd,
article.page section>div>:not(header),
article.page section>div>:not(header)>*,
article.page section>div>ul li,
article.page>div>div>:not(header),
article.page>div>div>:not(header)>*,
article.page>div>div>ul li,
html#page-calculator form p,
html#page-casestudies main article>div>p,
html#page-home main>article:first-of-type>section>div>:not(header),
html#page-home main>article:first-of-type>section>div>:not(header)>*,
html#page-home main>article:first-of-type>section>div>ul li,
html#page-home main>article:nth-of-type(2)>div>:not(header),
html#page-home main>article:nth-of-type(2)>div>:not(header)>*,
html#page-home main>article:nth-of-type(2)>div>ul li,
html#page-videos main article p {
    font-family: OpenSans-Regular, Helvetica, Verdana, sans-serif;
    font-weight: 400!important;
    font-style: normal!important
} */
/* #book-consultation-toggle+div>:last-child .selecter .selecter-item,
#book-consultation-toggle+div>:last-child .selecter .selecter-selected,
#book-consultation-toggle+div>:last-child .success p,
#book-consultation-toggle+div>:last-child fieldset label>span:first-child,
#book-consultation-toggle+div>:last-child input[type=text],
#book-consultation-toggle+div>:last-child input[type=email],
#book-consultation-toggle+div>:last-child label.type-text>input,
#book-consultation-toggle+div>:last-child p,
#book-consultation-toggle+div>:last-child textarea,
#footer .status dd a,
#footer .status dd p,
#footer>div:last-of-type>div>div:first-of-type a,
#footer>div:last-of-type>div>div:first-of-type p,
#online-consultation-toggle+div>:last-child .selecter .selecter-item,
#online-consultation-toggle+div>:last-child .selecter .selecter-selected,
#online-consultation-toggle+div>:last-child .success p,
#online-consultation-toggle+div>:last-child fieldset label>span:first-child,
#online-consultation-toggle+div>:last-child input[type=text],
#online-consultation-toggle+div>:last-child input[type=email],
#online-consultation-toggle+div>:last-child label.type-text>input,
#online-consultation-toggle+div>:last-child p,
#online-consultation-toggle+div>:last-child textarea,
.before-after section figcaption,
html#page-calculator form figcaption,
html#page-calculator form input[type=text],
html#page-calculator form input[type=email],
html#page-calculator form label.type-text>input,
html#page-calculator form textarea,
html#page-contact main form .selecter .selecter-item,
html#page-contact main form .selecter .selecter-selected,
html#page-contact main form .success p,
html#page-contact main form fieldset label>span:first-child,
html#page-contact main form input[type=text],
html#page-contact main form input[type=email],
html#page-contact main form label.type-text>input,
html#page-contact main form p,
html#page-contact main form textarea {
    font-family: OpenSans-SemiBold, Helvetica, Verdana, sans-serif;
    font-weight: 400!important;
    font-style: normal!important
} */
#tinymce>:not(header) strong,
#tinymce>:not(header)>* strong,
#tinymce>dl>dt,
#tinymce>ul li strong,
.before-after section>div>div>:not(header) strong,
.before-after section>div>div>:not(header)>* strong,
.before-after section>div>div>dl>dt,
.before-after section>div>div>ul li strong,
.callback p strong,
.live-chat p strong,
.online-consultation p strong,
.timeline dd p:last-child,
.timeline dt,
.with-caret,
a[rel=more],
article.page section>div>:not(header) strong,
article.page section>div>:not(header)>* strong,
article.page section>div>dl>dt,
article.page section>div>ul li strong,
article.page>div>div>:not(header) strong,
article.page>div>div>:not(header)>* strong,
article.page>div>div>dl>dt,
article.page>div>div>ul li strong,
html#page-calculator form p strong,
html#page-casestudies main article>div>p strong,
html#page-home main>article:first-of-type>section>div>:not(header) strong,
html#page-home main>article:first-of-type>section>div>:not(header)>* strong,
html#page-home main>article:first-of-type>section>div>dl>dt,
html#page-home main>article:first-of-type>section>div>ul li strong,
html#page-home main>article:nth-of-type(2)>div>:not(header) strong,
html#page-home main>article:nth-of-type(2)>div>:not(header)>* strong,
html#page-home main>article:nth-of-type(2)>div>dl>dt,
html#page-home main>article:nth-of-type(2)>div>ul li strong,
html#page-videos main article p strong {
    font-family: OpenSans-Bold, Helvetica, Verdana, sans-serif;
    font-weight: 400!important;
    font-style: normal!important
}
.with-caret,
a[rel=more] {
    font-family: OpenSans-Bold, Helvetica, Verdana, sans-serif!important;
    font-weight: 400!important;
    font-style: normal!important
}
#tinymce>blockquote cite,
.before-after section>div>div>blockquote cite,
article.page section>div>blockquote cite,
article.page>div>div>blockquote cite,
html#page-home main>article:first-of-type>section>div>blockquote cite,
html#page-home main>article:nth-of-type(2)>div>blockquote cite {
    font-family: OpenSans-Italic, Helvetica, Verdana, sans-serif;
    font-weight: 400!important;
    font-style: normal!important
}
/* #footer>div:last-of-type>div>div:first-of-type p,
#footer>div:last-of-type>div>div:last-of-type p,
#tinymce>:not(header),
#tinymce>:not(header)>*,
#tinymce>ul li,
.before-after section>div>div>:not(header),
.before-after section>div>div>:not(header)>*,
.before-after section>div>div>ul li,
.callback p,
.cta>div p,
.live-chat p,
.online-consultation p,
.timeline dd,
.timeline dt,
article.page section>div>:not(header),
article.page section>div>:not(header)>*,
article.page section>div>ul li,
article.page>div>div>:not(header),
article.page>div>div>:not(header)>*,
article.page>div>div>ul li,
html#page-calculator form p,
html#page-casestudies main article>div>p,
html#page-home main>article:first-of-type>section>div>:not(header),
html#page-home main>article:first-of-type>section>div>:not(header)>*,
html#page-home main>article:first-of-type>section>div>ul li,
html#page-home main>article:nth-of-type(2)>div>:not(header),
html#page-home main>article:nth-of-type(2)>div>:not(header)>*,
html#page-home main>article:nth-of-type(2)>div>ul li,
html#page-videos main article p,
main article aside dl p {
    line-height: 1.2;
    margin-bottom: 1.2em
} */
#footer>div:last-of-type>div>div:last-of-type ul>*,
#header nav>ul:last-child>* {
    width: 44px;
    max-width: 100%
}
#footer>div:last-of-type>div>div:last-of-type ul>:not(:nth-child(7n+7)),
#header nav>ul:last-child>:not(:nth-child(7n+7)) {
    margin-right: 5px
}
.before-after section>div:first-child>* {
    width: 48%;
    max-width: 100%
}
.before-after section>div:first-child>:not(:nth-child(2n+2)) {
    margin-right: 4%
}
/* html#page-calculator form fieldset.type menu ul>* {
    width: 30%;
    max-width: 100%
} */
/* html#page-calculator form fieldset.type menu ul>:not(:nth-child(3n+3)) {
    margin-right: 4%
} */
/* html#page-calculator form fieldset.grafts .status>* {
    width: 50%;
    max-width: 100%
} */
html#page-calculator form fieldset.areas>div>div>* {
    width: 23%;
    max-width: 100%
}
/* html#page-calculator form fieldset.areas>div>div>:not(:nth-child(4n+4)) {
    margin-right: 2%
} */
@media (min-width: 68.75em) {
   /*  #footer>div:last-of-type>div>div:first-of-type>*,
    #header nav>ul>* {
        float: left
    } */
  /*   #footer>div:last-of-type>div>div:first-of-type,
    #header nav>ul {
        display: block;
        overflow: hidden
    } */
    #header nav>ul,
    #header nav>ul>li {
        list-style-type: none
    }
    #header nav a {
        display: block
    }
    #header nav a,
    #header nav header {
        font-family: HelveticaNeue-Medium, Helvetica, Verdana, sans-serif;
        font-weight: 400!important;
        font-style: normal!important
    }
    #hamburger-menu-toggle,
    #header nav a>label,
    #header nav li>label,
    #header nav>ul:last-child,
    #header nav>ul>li:first-child,
    label[for=hamburger-menu-toggle] {
        display: none
    }
    label[for=hamburger-menu-toggle],
    label[for=hamburger-menu-toggle]:after,
    label[for=hamburger-menu-toggle]:before {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
   /*   #header>div {
        padding-bottom: 40px
    }  */
     #content {
        padding-top: 225px
    } 
    #header nav>ul:first-child>li>a {
        font-size: 1.6rem;
        padding: 9px
    }
    #header nav header,
    #header nav>ul:first-child>li>div a {
        font-size: 1.7rem
    }
    #header nav {
        overflow: visible;
        clear: both;
        z-index: 10000
    }
    #header nav:after {
        content: "";
        display: block;
        clear: both
    }
    #header nav>ul>li:first-child>a {
        padding-left: 0
    }
    #header nav>ul>li:nth-last-child(2)>a {
        padding-right: 0
    }
    #header nav>ul {
        overflow: visible!important
    }
    #header nav>ul:after {
        display: block;
        content: "";
        clear: both
    }
    #header nav .sub {
        position: relative
    }
    #header nav>ul:first-child>li>div {
        position: absolute;
        left: 0;
        box-sizing: border-box;
        padding: 20px;
        display: none
    }
    #header nav>ul:first-child>li>div li>* {
        white-space: nowrap;
        padding-bottom: 10px;
        padding-top: 12px
    }
    #header nav>ul:first-child>li>div li:first-child>* {
        padding-top: 0
    }
    #header nav>ul:first-child>li>div li:last-child>* {
        padding-bottom: 0
    }
    #header nav>ul>li:hover>div {
        display: block
    }
    #footer>div:last-of-type>div>div:first-of-type>a {
        margin-left: 2.0202020202020203%
    }
   /*  #footer>div:last-of-type>div>div:first-of-type>:nth-child(4n+1) {
        width: 28.28282828282828%;
        max-width: 100%
    } */
    #footer>div:last-of-type>div>div:first-of-type>:nth-child(4n+2) {
        width: 31.31313131313131%;
        max-width: 100%
    }
    #footer>div:last-of-type>div>div:first-of-type>:nth-child(4n+3) {
        width: 22.525252525252526%;
        max-width: 100%
    }
    #footer>div:last-of-type>div>div:first-of-type>:nth-child(4n+4) {
        width: 15.858585858585858%;
        max-width: 100%
    }
   /*  #footer>div>div,
    #header>div,
    main {
        margin: 0 auto
    } */
    #page-404 main {
        background-image: url(/images/404.jpg);
        height: 750px;
        margin-bottom: 0!important
    }
    #page-404 main article {
        padding-top: 120px
    }
    #header nav>ul:first-child>li>div li:not(:last-child) {
        border-bottom: 1px solid #636363
    }
    #header nav>ul>li.selected a,
    #header nav>ul>li:active>a,
    #header nav>ul>li:focus>a,
    #header nav>ul>li:hover>a {
        color: #46b1d4
    }
    #header nav>ul:first-child>li>div a {
        color: #CCC
    }
    #header nav .sub:active,
    #header nav .sub:focus,
    #header nav .sub:hover,
    #header nav>ul:first-child>li>div {
        background-color: #3e3e3e
    }
}
@media (max-width: 68.749em) {
    label[for=hamburger-menu-toggle] {
        list-style-type: none!important;
        background-repeat: no-repeat;
        text-indent: -9000px;
        white-space: nowrap;
        overflow: hidden;
        display: block
    }
    #header nav a {
        font-family: HelveticaNeue-Bold, Helvetica, Verdana, sans-serif;
        font-weight: 400!important;
        font-style: normal!important;
        text-transform: uppercase
    }
    label[for=hamburger-menu-toggle]:after,
    label[for=hamburger-menu-toggle]:before {
        content: "";
        width: 100%;
        display: block;
        position: absolute;
        top: 50%
    }
    #hamburger-menu-toggle+* {
        transition-property: left;
        transition-timing-function: cubic-bezier(.1, .1, .25, .9);
        transition-duration: .2s
    }
  /*   #header nav {
        position: absolute;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        top: 0;
        right: -300px;
        width: 300px;
        text-align: center
    } */
    #header nav::-webkit-scrollbar {
        display: none
    }
    #hamburger-menu-toggle:checked~* {
        position: absolute;
        left: -300px
    }
    :root.no-csstransforms3d #hamburger-menu-toggle:checked~* {
        left: -300px
    }
    #header label[for=book-consultation-toggle],
    html.scrolled #header>div>div>span {
        margin-top: 12px
    }
    #header>div>div>span {
        margin-top: 25px
    }
    html.scrolled #header>div>div .img {
        width: 190px!important
    }
    html.scrolled #header label[for=book-consultation-toggle] {
        margin-right: 40px;
        margin-top: 0
    }
   /*  #content {
        padding-top: 80px!important
    } */
    article.page>header {
        border-top: 0!important
    }
    html.with-checked-hamburger-menu-toggle #header {
        height: 100%
    }
    html.with-checked-hamburger-menu-toggle-on #header:before {
        content: "";
        position: absolute;
        display: block;
        z-index: -1;
        width: 100%;
        background-color: #FFF
    }
    html.with-checked-hamburger-menu-toggle-on #header:before,
    html.with-checked-hamburger-menu-toggle-on #header>div {
        height: 150px
    }
    html.with-checked-hamburger-menu-toggle-on.scrolled #header:before,
    html.with-checked-hamburger-menu-toggle-on.scrolled #header>div {
        height: 80px
    }
    #header nav>ul:last-child {
        margin-top: 10px
    }
    #header nav>ul:last-child li:before {
        width: 27px!important;
        height: 27px!important;
        font-size: 1.8rem;
        top: -5px
    }
    #header nav>ul:last-child a {
        width: 25px!important;
        height: 25px!important
    }
    #header nav>ul:first-child>li>a {
        font-size: 1.5rem
    }
    #header nav>ul:first-child>li>div a,
    #header nav>ul>li:last-child a {
        font-size: 1.4rem
    }
    #header nav>ul:first-child {
        text-align: left;
        margin-top: 27px
    }
    #header nav header,
    #header nav>ul:first-child>li>div {
        display: none
    }
    label[for=hamburger-menu-toggle] {
        float: right;
        position: absolute;
        top: 25px;
        right: 25px;
        height: 12px;
        width: 25px;
        border-top: 4px solid #797979;
        border-bottom: 4px solid #797979
    }
    label[for=hamburger-menu-toggle]:before {
        margin-top: -2px;
        height: 4px;
        border-top: 4px solid #797979
    }
    /* #header nav {
        height: 100%
    } */
    #header nav ul:not(:last-child) a {
        display: block;
        padding: 8px 20px 5px
    }
    #header nav>ul:first-child>li>div a {
        padding: 11px 20px 8px
    }
    #header nav>ul:first-child input:checked+* {
        display: block
    }
    #header nav>ul:first-child li.sub>a:after {
        content: "\0025B8";
        display: inline-block
    }
    #header nav>ul:first-child li.sub label.checked+a:after {
        content: "\0025BE"
    }
    #header nav li {
        position: relative
    }
    #header nav li>label {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }
    #header nav>ul:last-child>* {
        width: 30px;
        max-width: 100%
    }
    #header nav>ul:last-child>:not(:nth-child(7n+7)) {
        margin-right: 5px
    }
    #footer>div:last-of-type>div>div:first-of-type .status {
        padding-top: 10px!important
    }
    #footer>div>div {
        margin: 0 65px
    }
    /* #header>div,
    main {
        margin: 0 25px
    } */
    #header nav>ul:first-child a {
        border-bottom: 1px solid #cdcdce
    }
    #header nav>ul:first-child>li>div a {
        color: #d8d8d8;
        border-color: #737373
    }
    #header nav li>label.checked+a,
    #header nav li>label:active+a,
    #header nav li>label:focus+a,
    #header nav li>label:hover+a,
    #header nav>ul:first-child>li>a:active,
    #header nav>ul:first-child>li>a:focus,
    #header nav>ul:first-child>li>a:hover {
        color: #FFF
    }
    #header nav>ul:first-child>li:last-child {
        background-color: #FFF
    }
    html.with-checked-hamburger-menu-toggle-on #header {
        background-color: rgba(0, 0, 0, .5)!important
    }
/*     #header nav,
    #header nav>ul:first-child>li>div {
        background-color: #d8d8d8
    }*/
    #header nav>ul:first-child>li>div {
        background-color: #3e3e3e
    }
    #header nav li>label.checked+a,
    #header nav li>label:active+a,
    #header nav li>label:focus+a,
    #header nav li>label:hover+a,
    #header nav>ul:first-child>li>a:active,
    #header nav>ul:first-child>li>a:focus,
    #header nav>ul:first-child>li>a:hover,
    #header nav>ul:first-child>li>div a:active,
    #header nav>ul:first-child>li>div a:focus,
    #header nav>ul:first-child>li>div a:hover {
        background-color: #46b1d4
    } 
}
@media (max-width: 29.999em) {
    #footer .status>a {
        padding-right: 0
    }
    #footer .status>a:before {
        padding: 0 8px
    }
    .cta {
        padding: 0 5%
    }
    .cta>div {
        padding: 20px 15px;
        width: 90%!important;
        right: auto!important
    }
    #footer>div:last-of-type>div>div:last-of-type ul li {
        margin-bottom: 20px
    }
    #footer>div:last-of-type>div>div:last-of-type ul>* {
        width: 44px;
        max-width: 100%
    }
    #footer>div:last-of-type>div>div:last-of-type ul>:not(:nth-child(3n+3)) {
        margin-right: 54px
    }
    #footer>div:last-of-type>div>div:first-of-type>div:first-of-type {
        word-break: break-all
    }
    #book-consultation-toggle+div>:last-child .success p,
    #book-consultation-toggle+div>:last-child fieldset label>span:first-child,
    #online-consultation-toggle+div>:last-child .success p,
    #online-consultation-toggle+div>:last-child fieldset label>span:first-child,
    html#page-contact main form .success p,
    html#page-contact main form fieldset label>span:first-child {
        display: block;
        margin-bottom: 5px
    }
}
@media (min-width: 48em) {
/*     .before-after>div>*,
    .cta-aside>*,
    html#page-calculator form fieldset.demographic label>*,
    html#page-calculator form fieldset.email>*,
    html#page-calculator form fieldset.phone>div>*,
    html#page-casestudies main>aside>*,
    html#page-contact main>article>div:last-child>*,
    html#page-faq main aside>*,
    html#page-home .double-equal>*,
    html#page-home main>article:first-of-type>*,
    html#page-home main>div:last-of-type>*,
    html#page-treatments main>aside>*,
    html.casestudy main>article>div:last-child>*,
    html.hub .factors>*,
    html.hub .glossary>div>*,
    html.hub .male>*,
    html.page main>article>div>*,
    html.treatment main article>div>* {
        float: left
    } */
    /* .before-after>div,
    .cta-aside,
    html#page-calculator form fieldset.demographic label,
    html#page-calculator form fieldset.email,
    html#page-calculator form fieldset.phone>div,
    html#page-casestudies main>aside,
    html#page-contact main>article>div:last-child,
    html#page-faq main aside,
    html#page-home .double-equal,
    html#page-home main>article:first-of-type,
    html#page-home main>div:last-of-type,
    html#page-treatments main>aside,
    html.casestudy main>article>div:last-child,
    html.hub .factors,
    html.hub .glossary>div,
    html.hub .male,
    html.page main>article>div,
    html.treatment main article>div {
        display: block;
        overflow: hidden
    } */
    /* article.page>header {
        padding-top: 44px;
        padding-bottom: 46px;
        font-size: 5rem
    } */
   /*  article.page>header+:not(nav) {
        margin-top: 47px
    } */
    article.page>header+nav {
        margin-bottom: 47px
    }
    .download-guide header,
    .hero input[type=radio]+* a header,
    .hero input[type=radio]+*>span header {
        font-size: 5rem;
        padding: 24px 60px 20px
    }
    .download-guide span,
    .hero input[type=radio]+* a span,
    .hero input[type=radio]+*>span span {
        font-size: 3.5rem;
        padding: 12px 60px 10px
    }
    html#page-calculator form figcaption {
        font-size: 2rem
    }
   /*  html#page-calculator form fieldset.demographic label>:nth-child(3n+1) {
        width: 28.666666666666668%;
        max-width: 100%
    } */
  /*   html#page-calculator form fieldset.demographic label>:nth-child(3n+2),
    html#page-calculator form fieldset.demographic label>:nth-child(3n+3) {
        width: 30%;
        max-width: 100%
    } */
   /*  html#page-calculator form fieldset.demographic label>:not(:nth-child(3n+3)) {
        margin-right: 5.333333333333333%
    } */
    html#page-calculator form fieldset.areas>div>div {
        display: none
    }
    html#page-calculator form fieldset.grafts {
        margin-top: 50px
    }
    html#page-calculator form fieldset.grafts .range {
        margin-top: 50px;
        margin-bottom: 50px
    }
    /* html#page-calculator form label[for=results-toggle] {
        margin-top: 50px
    } */
   /*  .ethnicity>div {
        width: 60%!important
    } */
    html#page-calculator form div.results>label {
        float: right;
        margin-top: 30px;
        width: 40%!important
    }
    html#page-calculator form fieldset.email>:nth-child(2n+1),
    html#page-calculator form fieldset.phone>div>:nth-child(2n+1) {
        width: 60%;
        max-width: 100%
    }
    html#page-calculator form fieldset.email>:nth-child(2n+2),
    html#page-calculator form fieldset.phone>div>:nth-child(2n+2) {
        width: 40%;
        max-width: 100%
    }
    html#page-casestudies main section,
    html#page-treatments main section {
        overflow: hidden
    }
    html#page-casestudies main section>*,
    html#page-treatments main section>* {
        float: right
    }
    html#page-casestudies main section>:first-child,
    html#page-treatments main section>:first-child {
        width: 31.09090909090909%
    }
    html#page-casestudies main section>:last-child,
    html#page-treatments main section>:last-child {
        width: 66.18181818181819%;
        margin-right: 2.727272727272727%
    }
    .cta-aside>:nth-child(2n+1),
    html#page-casestudies main>aside>:nth-child(2n+1),
    html#page-faq main aside>:nth-child(2n+1),
    html#page-home main>div:last-of-type>:nth-child(2n+1),
    html#page-treatments main>aside>:nth-child(2n+1),
    html.casestudy main>article>div:last-child>:nth-child(2n+1),
    html.page main>article>div>:nth-child(2n+1),
    html.treatment main article>div>:nth-child(2n+1) {
        width: 66.18181818181819%;
        max-width: 100%
    }
    .cta-aside>:nth-child(2n+2),
    html#page-casestudies main>aside>:nth-child(2n+2),
    html#page-faq main aside>:nth-child(2n+2),
    html#page-home main>div:last-of-type>:nth-child(2n+2),
    html#page-treatments main>aside>:nth-child(2n+2),
    html.casestudy main>article>div:last-child>:nth-child(2n+2),
    html.page main>article>div>:nth-child(2n+2),
    html.treatment main article>div>:nth-child(2n+2) {
        width: 31.09090909090909%;
        max-width: 100%
    }
    .cta-aside>:not(:nth-child(2n+2)),
    html#page-casestudies main>aside>:not(:nth-child(2n+2)),
    html#page-faq main aside>:not(:nth-child(2n+2)),
    html#page-home main>div:last-of-type>:not(:nth-child(2n+2)),
    html#page-treatments main>aside>:not(:nth-child(2n+2)),
    html.casestudy main>article>div:last-child>:not(:nth-child(2n+2)),
    html.page main>article>div>:not(:nth-child(2n+2)),
    html.treatment main article>div>:not(:nth-child(2n+2)) {
        margin-right: 2.727272727272727%
    }
    html.hub .glossary>div>:nth-child(2n+1) {
        width: 31.09090909090909%;
        max-width: 100%
    }
    html.hub .glossary>div>:nth-child(2n+2) {
        width: 66.18181818181819%;
        max-width: 100%
    }
    html.hub .glossary>div>:not(:nth-child(2n+2)) {
        margin-right: 2.727272727272727%
    }
    .before-after>div>*,
    html#page-contact main>article>div:last-child>*,
    html#page-home .double-equal>*,
    html.hub .male>* {
        width: 48.18181818181818%;
        max-width: 100%
    }
    .before-after>div>:not(:nth-child(2n+2)),
    html#page-contact main>article>div:last-child>:not(:nth-child(2n+2)),
    html#page-home .double-equal>:not(:nth-child(2n+2)),
    html.hub .male>:not(:nth-child(2n+2)) {
        margin-right: 3.6363636363636362%
    }
    html#page-home main>article:first-of-type>* {
        width: 29.09090909090909%;
        max-width: 100%
    }
    html#page-home main>article:first-of-type>:not(:nth-child(3n+3)) {
        margin-right: 6.363636363636363%
    }
    html.hub .factors>* {
        width: 22.272727272727273%;
        max-width: 100%
    }
    html.hub .factors>:not(:nth-child(4n+4)) {
        margin-right: 3.6363636363636362%
    }
}
@media (max-width: 47.999em) {
    /* html#page-calculator form fieldset.demographic label:first-child>* {
        float: left
    } */
    html#page-calculator form fieldset.demographic label:first-child {
        display: block;
        overflow: hidden
    }
    article.page>header {
        padding-top: 14px;
        padding-bottom: 16px;
        font-size: 4rem
    }
   /*  article.page>header+:not(nav) {
        margin-top: 37px
    } */
    article.page>header+nav {
        margin-bottom: 37px
    }
    .download-guide header,
    .hero input[type=radio]+* a header,
    .hero input[type=radio]+*>span header {
        font-size: 2.5rem;
        padding: 14px 30px 10px
    }
    .download-guide span,
    .hero input[type=radio]+* a span,
    .hero input[type=radio]+*>span span {
        font-size: 1.5rem;
        padding: 12px 30px 10px
    }
    .callback,
    .live-chat,
    .online-consultation {
        margin-top: 32px
    }
    .hero menu:last-of-type {
        display: none
    }
    .hero menu:first-of-type {
        display: block;
        opacity: 1
    }
    html#page-calculator form figcaption {
        font-size: 1.3rem
    }
    html#page-calculator form fieldset.demographic label>span {
        margin-bottom: 10px
    }
    html#page-calculator form fieldset.demographic label:first-child:last-child {
        text-align: center
    }
    html#page-calculator form fieldset.demographic label:first-child>:nth-child(3n+1) {
        width: 100%;
        max-width: 100%
    }
   /*  html#page-calculator form fieldset.demographic label:first-child>:nth-child(3n+2),
    html#page-calculator form fieldset.demographic label:first-child>:nth-child(3n+3) {
        width: 50%;
        max-width: 100%
    } */
    html#page-calculator form fieldset.grafts {
        margin-top: 20px
    }
    html#page-calculator form fieldset.grafts .range {
        margin-bottom: 20px
    }
    html#page-calculator form div.results>label,
    html#page-calculator form fieldset.email button,
    html#page-calculator form fieldset.phone button {
        width: 100%;
        margin-top: 10px
    }
    html#page-calculator form label[for=results-toggle] {
        margin-top: 20px
    }
    .before-after>div>*+*,
    .cta-aside>*+*,
    html#page-casestudies main>aside>*+*,
    html#page-contact main>article>div:last-child>*+*,
    html#page-faq main aside>*+*,
    html#page-home .double-equal>*+*,
    html#page-home main>article:first-of-type>*+*,
    html#page-home main>div:last-of-type>*+*,
    html#page-treatments main>aside>*+*,
    html.casestudy main>article>div:last-child>*+*,
    html.hub .factors>*+*,
    html.hub .glossary>div>*+*,
    html.hub .male>*+*,
    html.page main>article>div>*+*,
    html.treatment main article>div>*+* {
        margin-top: 10px
    }
    html#page-casestudies main figure {
        margin-bottom: 25px
    }
    html#page-treatments section figcaption {
        text-align: center;
        margin-bottom: 10px
    }
}
@media (min-width: 50.625em) {
  /*   #footer>div:last-of-type>div>div:first-of-type>* {
        float: left
    } */
  /*   #footer>div:last-of-type>div>div:first-of-type {
        display: block;
        overflow: hidden
    } */
    #header label[for=book-consultation-toggle],
    #header>div>div>span {
        float: right
    }
    #header>div>div>span {
        margin-right: 30px
    }
    #header nav>ul:first-child>li:last-child {
        display: none
    }
    #footer>div:last-of-type>div>div:last-of-type ul li:not(:last-child) {
        margin-right: 40px
    }
}
@media (max-width: 50.624em) {
    html #header>div,
    html.scrolled #header>div {
        padding-bottom: 0
    }
    /* html #content,
    html.scrolled #content {
        padding-top: 129px
    } */
    #header label[for=book-consultation-toggle],
    #header>div>div>span {
        display: none
    }
   /*  html #header>div>div,
    html.scrolled #header>div>div {
        padding-top: 5px;
        padding-bottom: 5px
    } */
    label[for=hamburger-menu-toggle] {
        top: 20px
    }
    html.with-checked-hamburger-menu-toggle-on #header:before,
    html.with-checked-hamburger-menu-toggle-on #header>div {
        height: 60px!important
    }
   /*  #content {
        padding-top: 65px!important
    } */
    article.page>header {
        border-top: 0!important
    }
    #footer>div:last-of-type>div>div:first-of-type>:nth-child(4) .img {
        margin-top: 50px
    }
    #footer .status>a,
    #footer>div:last-of-type>div>div:first-of-type>:nth-child(4) .img {
        margin-left: auto;
        margin-right: auto
    }
    #footer .status>a {
        text-align: center
    }
    #footer>div:last-of-type>div>div:first-of-type>:first-child {
        margin-bottom: 10px
    }
}
@media (max-width: 26.249em) {
    #header nav {
        right: calc(-100% + 50px);
        width: calc(100% - 50px)
    }
    #hamburger-menu-toggle:checked~*,
    :root.no-csstransforms3d #hamburger-menu-toggle:checked~* {
        left: calc(-100% + 50px)
    }
    label[for=hamburger-menu-toggle] {
        right: 14px
    }
}
@media (min-width: 50.625em) and (max-width: 68.749em) {
    #footer>div:last-of-type>div>div:first-of-type {
        position: relative
    }
    #footer>div:last-of-type>div>div:first-of-type>:nth-child(odd) {
        clear: left
    }
    #footer>div:last-of-type>div>div:first-of-type>:nth-child(even) {
        clear: right;
        float: right!important;
        text-align: right
    }
    #footer .status>a {
        float: right
    }
    #footer .status {
        clear: both;
        overflow: hidden
    }
    #footer>div:last-of-type>div>div:first-of-type>* {
        width: 50%;
        max-width: 100%
    }
    #footer>div:last-of-type>div>div:first-of-type>:nth-child(3) {
        float: none;
        width: 100%!important
    }
    #footer>div:last-of-type>div>div:first-of-type>:nth-child(4) {
        margin-top: 40px;
        float: right!important;
        width: 155px!important
    }
}
@media (min-width: 53.4375em) {
/*     #footer>div:first-of-type ul>*,
    #footer>div:first-of-type>div>* {
        float: left
    } */
   /*  #footer>div:first-of-type ul,
    #footer>div:first-of-type>div {
        display: block;
        overflow: hidden
    } */
   /*  #footer>div:first-of-type ul {
        position: absolute;
        top: 50%;
        right: 0;
        max-width: 670px!important
    } */
/*     #footer>div:first-of-type>div>:nth-child(2n+1) {
        width: 29.29292929292929%;
        max-width: 100%
    } */
   /*  #footer>div:first-of-type>div>:nth-child(2n+2) {
        width: 67.67676767676767%;
        max-width: 100%
    } */
   /*  #footer>div:first-of-type>div>:not(:nth-child(2n+2)) {
        margin-right: 3.0303030303030303%
    } */
   /*  #footer>div:first-of-type ul>:nth-child(3n+1) {
        width: 21.492537313432834%;
        max-width: 100%
    } */
   /*  #footer>div:first-of-type ul>:nth-child(3n+2) {
        width: 9.253731343283581%;
        max-width: 100%
    } */
   /*  #footer>div:first-of-type ul>:nth-child(3n+3) {
        width: 23.432835820895523%;
        max-width: 100%
    } */
   /*  #footer>div:first-of-type ul>:not(:nth-child(3n+3)) {
        margin-right: 22.388059701492537%
    } */
}
@media (max-width: 53.375em) {
    #footer>div:first-of-type ul>* {
        float: left;
        width: 32%;
        max-width: 100%
    }
    #footer>div:first-of-type ul {
        display: block;
        overflow: hidden;
        margin-top: 20px
    }
   /*  #footer>div:first-of-type>div {
        text-align: center
    } */
    #footer>div:first-of-type ul>:not(:nth-child(3n+3)) {
        margin-right: 2%
    }
}
@media (min-width: 30em) {
    #book-consultation-toggle+div>:last-child fieldset label>*,
    #online-consultation-toggle+div>:last-child fieldset label>*,
    html#page-contact main form fieldset label>* {
        float: left
    }
    #book-consultation-toggle+div>:last-child fieldset label,
    #online-consultation-toggle+div>:last-child fieldset label,
    html#page-contact main form fieldset label {
        display: block;
        overflow: hidden
    }
    #book-consultation-toggle+div>:last-child .g-recaptcha,
    #online-consultation-toggle+div>:last-child .g-recaptcha,
    html#page-contact main form .g-recaptcha {
        margin-left: 31.034482758620694%;
        width: 68.96551724137932%
    }
    #book-consultation-toggle+div>:last-child fieldset label>:nth-child(2n+1),
    #online-consultation-toggle+div>:last-child fieldset label>:nth-child(2n+1),
    html#page-contact main form fieldset label>:nth-child(2n+1) {
        width: 29.88505747126437%;
        max-width: 100%
    }
    #book-consultation-toggle+div>:last-child fieldset label>:nth-child(2n+2),
    #online-consultation-toggle+div>:last-child fieldset label>:nth-child(2n+2),
    html#page-contact main form fieldset label>:nth-child(2n+2) {
        width: 68.96551724137932%;
        max-width: 100%
    }
    #book-consultation-toggle+div>:last-child fieldset label>:not(:nth-child(2n+2)),
    #online-consultation-toggle+div>:last-child fieldset label>:not(:nth-child(2n+2)),
    html#page-contact main form fieldset label>:not(:nth-child(2n+2)) {
        margin-right: 1.149425287356322%
    }
}