.live-chat header,
:not(.ie) .callback div header,
:not(.ie) .callback legend,
:not(.ie) .online-consultation header {
background-image: url(//www.revivaclinic.com/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
}  display: block
} 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
} :focus {
outline: 0
}
html {
font-size: 62.5%
}
table {
border-collapse: collapse;
border-spacing: 0;
font: 100%
} code,
pre {
font-family: "Courier New", monospace, serif;
font-size: 1em
} 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
} textarea {
margin: 0
} 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
} #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
} #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"] {
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
} 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-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
} #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(//www.revivaclinic.com/images/icons/phone.png);
background-position: 0 0
}
:not(.ie) .online-consultation header {
background-position-y: -2073px
}
.ie .online-consultation header {
background-image: url(//www.revivaclinic.com/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 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 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
}   .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; }   #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>div>div:first-of-type li {
margin-bottom: 3px
}     #footer>div:first-of-type h2 {
font-size: 2.25rem
}   #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 .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.required>span:after {
content: "*";
display: inline
}  .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 .selecter .selecter-item,
html#page-calculator form .selecter .selecter-selected {
font-size: 2rem;
padding: 15px
}   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 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.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
}  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
} .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 .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
} .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
}  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(//www.revivaclinic.com/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.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
}  #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
} 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
} 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]:-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
} #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
} #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 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
} .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
} .selecter .selecter-item:hover {
background-color: #636363;
color: #FFF
} #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
} .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 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: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
} #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
} #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
}   #header>div>div .img {
transition-property: width
}
#header>div>div>a {
transition-property: margin-right
}  #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(//www.revivaclinic.com/fonts/HelveticaNeue-Light.eot);
src: url(//www.revivaclinic.com/fonts/HelveticaNeue-Light.eot?#iefix) format('embedded-opentype'), url(//www.revivaclinic.com/fonts/HelveticaNeue-Light.woff) format('woff'), url(//www.revivaclinic.com/fonts/HelveticaNeue-Light.otf) format('truetype');
font-weight: 400!important;
font-style: normal!important
}
@font-face {
font-family: HelveticaNeue-Bold;
src: url(//www.revivaclinic.com/fonts/HelveticaNeue-Bold.eot);
src: url(//www.revivaclinic.com/fonts/HelveticaNeue-Bold.eot?#iefix) format('embedded-opentype'), url(//www.revivaclinic.com/fonts/HelveticaNeue-Bold.woff) format('woff'), url(//www.revivaclinic.com/fonts/HelveticaNeue-Bold.otf) format('truetype');
font-weight: 400!important;
font-style: normal!important
}
@font-face {
font-family: HelveticaNeue-Roman;
src: url(//www.revivaclinic.com/fonts/HelveticaNeue-Roman.eot);
src: url(//www.revivaclinic.com/fonts/HelveticaNeue-Roman.eot?#iefix) format('embedded-opentype'), url(//www.revivaclinic.com/fonts/HelveticaNeue-Roman.woff) format('woff'), url(//www.revivaclinic.com/fonts/HelveticaNeue-Roman.otf) format('truetype');
font-weight: 400!important;
font-style: normal!important
}
@font-face {
font-family: HelveticaNeue-Medium;
src: url(//www.revivaclinic.com/fonts/HelveticaNeue-Medium.eot);
src: url(//www.revivaclinic.com/fonts/HelveticaNeue-Medium.eot?#iefix) format('embedded-opentype'), url(//www.revivaclinic.com/fonts/HelveticaNeue-Medium.woff) format('woff'), url(//www.revivaclinic.com/fonts/HelveticaNeue-Medium.otf) format('truetype');
font-weight: 400!important;
font-style: normal!important
}
@font-face {
font-family: OpenSans-Regular;
src: url(//www.revivaclinic.com/fonts/OpenSans-Regular.eot);
src: url(//www.revivaclinic.com/fonts/OpenSans-Regular.eot?#iefix) format('embedded-opentype'), url(//www.revivaclinic.com/fonts/OpenSans-Regular.svg#OpenSans-Regular) format('svg'), url(//www.revivaclinic.com/fonts/OpenSans-Regular.woff) format('woff'), url(//www.revivaclinic.com/fonts/OpenSans-Regular.ttf) format('truetype');
font-weight: 400!important;
font-style: normal!important
}
@font-face {
font-family: OpenSans-Bold;
src: url(//www.revivaclinic.com/fonts/OpenSans-Bold.eot);
src: url(//www.revivaclinic.com/fonts/OpenSans-Bold.eot?#iefix) format('embedded-opentype'), url(//www.revivaclinic.com/fonts/OpenSans-Bold.svg#OpenSans-Bold) format('svg'), url(//www.revivaclinic.com/fonts/OpenSans-Bold.woff) format('woff'), url(//www.revivaclinic.com/fonts/OpenSans-Bold.ttf) format('truetype');
font-weight: 400!important;
font-style: normal!important
}
@font-face {
font-family: OpenSans-Italic;
src: url(//www.revivaclinic.com/fonts/OpenSans-Italic.eot);
src: url(//www.revivaclinic.com/fonts/OpenSans-Italic.eot?#iefix) format('embedded-opentype'), url(//www.revivaclinic.com/fonts/OpenSans-Italic.svg#OpenSans-Italic) format('svg'), url(//www.revivaclinic.com/fonts/OpenSans-Italic.woff) format('woff'), url(//www.revivaclinic.com/fonts/OpenSans-Italic.ttf) format('truetype');
font-weight: 400!important;
font-style: normal!important
}
@font-face {
font-family: OpenSans-SemiBold;
src: url(//www.revivaclinic.com/fonts/OpenSans-Semibold.eot);
src: url(//www.revivaclinic.com/fonts/OpenSans-Semibold.eot?#iefix) format('embedded-opentype'), url(//www.revivaclinic.com/fonts/OpenSans-Semibold.svg#OpenSans-SemiBold) format('svg'), url(//www.revivaclinic.com/fonts/OpenSans-Semibold.woff) format('woff'), url(//www.revivaclinic.com/fonts/OpenSans-Semibold.ttf) format('truetype');
font-weight: 400!important;
font-style: normal!important
}
@font-face {
font-family: Vollkorn-Regular;
src: url(//www.revivaclinic.com/fonts/Vollkorn-Regular.eot);
src: url(//www.revivaclinic.com/fonts/Vollkorn-Regular.eot?#iefix) format('embedded-opentype'), url(//www.revivaclinic.com/fonts/Vollkorn-Regular.svg#OpenSans-SemiBold) format('svg'), url(//www.revivaclinic.com/fonts/Vollkorn-Regular.woff) format('woff'), url(//www.revivaclinic.com/fonts/Vollkorn-Regular.ttf) format('truetype');
font-weight: 400!important;
font-style: normal!important
}
@font-face {
font-family: FontAwesome;
src: url(//www.revivaclinic.com/components/font-awesome/fonts/fontawesome-webfont.eot?v=4.3.0);
src: url(//www.revivaclinic.com/components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'), url(//www.revivaclinic.com/components/font-awesome/fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'), url(//www.revivaclinic.com/components/font-awesome/fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'), url(//www.revivaclinic.com/components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'), url(//www.revivaclinic.com/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
}  #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
}  #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: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.areas>div>div>* {
width: 23%;
max-width: 100%
} @media (min-width: 68.75em) {  #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
} #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+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%
} #page-404 main {
background-image: url(//www.revivaclinic.com/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::-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
} 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 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 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>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) {    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.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 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 {
display: block;
overflow: hidden
}
article.page>header {
padding-top: 14px;
padding-bottom: 16px;
font-size: 4rem
} 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.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) {  #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
} #header label[for=book-consultation-toggle],
#header>div>div>span {
display: none
} 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
} 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) {          }
@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 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%
}
}