html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }
body {
margin: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box; height: 0; overflow: visible; }
pre {
font-family: monospace, monospace; font-size: 1em; }
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; }
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button,
input { overflow: visible;
}
button,
select { text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } *,
*::after,
*::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:focus {
outline: none;
}
html {
font-size: 62.5%;
}
body {
height: 100%;
max-height: 100%;
font-family: niveau-grotesk, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2rem;
line-height: 1.6em;
color: #3a4145;
overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
text-rendering: optimizeLegibility;
line-height: 1;
margin-top: 0;
text-transform: uppercase;
font-weight: 500;
}
h1 {
font-size: 5rem;
line-height: 1.2em;
letter-spacing: 0;
}
h2 {
font-size: 4rem;
line-height: 1.2em;
}
h3 {
font-size: 3.5rem;
line-height: 4rem;
}
h3 span {
font-weight: 100;
font-style: italic;
color: #97c726;
}
h4 {
font-size: 3rem;
}
h4 span {
margin: 0 0 0 20px;
}
h5 {
font-size: 2.5rem;
}
h6 {
font-size: 2rem;
}
a {
color: #4a4a50;
transition: color ease 0.3s;
text-decoration: none;
}
a:hover {
color: #97c71f;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #50585d;
}
p,
ul,
ol {
margin: 1em 0;
}
ol ol,
ul ul,
ul ol,
ol ul {
margin: 0.4em 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #efefef;
margin: 3.2em 0;
padding: 0;
}
header,
footer {
width: 100%;
}
.content-holder {
max-width: 1800px;
width: 80%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
header {
background: #343434;
position: relative;
z-index: 9;
}
header .content-holder,
.sub-nav .content-holder,
.cta .content-holder {
justify-content: space-between;
align-items: center;
}
.sticky-header {
height: inherit !important;
z-index: 999999999 !important;
display: block !important;
height: 137px !important;
background: #555555;
}
.logo img {
max-width: 230px;
width: 100%;
height: auto;
margin: 10px 0;
}
.book-online {
color: #97c71f;
text-transform: uppercase;
border-top: 2px solid #97c71f;
border-bottom: 2px solid #97c71f;
font-size: 22px;
text-align: center;
padding: 4px 15px;
}
.book-online:hover {
background: #97c71f;
color: white;
cursor: pointer;
-webkit-transition: all 0.18s ease-in-out;
-moz-transition: all 0.18s ease-in-out;
transition: all 0.18s ease-in-out;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
}
nav a {
display: block;
color: #fff;
text-decoration: none;
font-weight: 300;
font-size: 20px;
line-height: 35px;
padding: 0 12px;
text-transform: uppercase;
letter-spacing: 1px;
}
nav li div {
display: none;
width: 100%;
height: auto;
position: absolute;
left: 0;
background: #333;
z-index: 9;
}
nav li:hover div {
display: flex;
align-items: normal;
padding: 26px 0 0 0;
background: none;
}
nav li:hover div div {
padding: 0;
}
nav li div ul {
max-width: 1800px;
width: 80%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
background: #252525;
padding: 20px;
align-content: space-between;
}
.treat-col {
width: 25%;
padding: 10px 20px !important;
position: relative;
flex-wrap: wrap;
flex-direction: column;
flex-basis: initial;
left: inherit;
height: inherit;
}
.treat-col.six-nav {
width: 20%;
}
.treat-col h4 {
color: #fff;
font-size: 2rem;
border-bottom: 2px solid #97c726;
padding-bottom: 5px;
margin: 0 0 10px;
}
.treat-col a {
display: inline;
position: relative;
overflow: hidden;
padding: 0;
font-size: 1.6rem;
width: 100%;
line-height: 24px;
text-transform: capitalize;
}
.treat-col a:hover {
color: #97c71f;
font-weight: 700;
}
.treat-col h4 a {
font-weight: 800;
text-transform: uppercase;
}
nav li div ul li a {
font-size: 12px;
color: #f7f7f7;
position: relative;
background: none;
padding: 0;
font-size: 1.6rem;
line-height: 24px;
text-transform: capitalize;
width: 100%;
}
nav li div ul li a:hover {
color: #fff;
position: relative;
background: none;
}
.nav-img {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
}
.nav-item-three-col {
max-width: 366px;
width: 100%;
}
.nav-img img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.82;
width: 100%;
transition: 0.5s;
}
nav li div ul li:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
nav li div ul li {
display: flex;
flex-wrap: wrap;
overflow: hidden;
text-align: center;
}
nav li div ul li:hover,
nav li div ul li:focus,
nav li div ul li:active {
-webkit-animation-name: hvr-pop;
animation-name: hvr-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
nav li div ul li.nav-item-five-col {
width: 19%;
max-width: inherit;
margin: 0 0.5%;
}
nav li div ul li.nav-item-two-col {
width: 50%;
max-width: inherit;
margin: 0;
}
.sub-nav {
background: #555555;
color: white;
padding: 11px 0 15px;
font-size: 16px;
letter-spacing: 1px;
line-height: 1.4em;
font-weight: 200;
z-index: 1;
position: relative;
}
.sub-nav a {
color: white;
}
.sub-nav a {
color: white;
}
.sub-nav .content-third {
text-align: center;
}
.sub-nav .content-third i {
margin: 0 6px 0 0;
}
.sub-nav .content-third:first-of-type {
text-align: left;
}
.sub-nav .content-third:last-of-type {
text-align: right;
}
.sub-nav .content-third {
text-align: center;
}
.sub-nav .content-third i {
margin: 0 6px 0 0;
}
.sub-nav .content-third:first-of-type {
text-align: left;
}
.sub-nav .content-third:last-of-type {
text-align: right;
}
.quicklinks {
width: 100%;
position: relative;
background: #343434;
padding: 150px 0 100px;
text-align: center;
display: flex;
}
.quicklinks .content-holder {
justify-content: space-between;
}
.quicklinks .content-holder h1 {
width: 100%;
margin-bottom: 30px;
color: white;
}
.video-header {
width: 100%;
position: relative;
height: calc(100vh - 136px);
overflow: hidden;
min-height: 500px;
}
.video-header video {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.content-band.videos-wrapper.whitesmoke {
background: whitesmoke;
}
.content-band.team-band .treatment-image,
.about-image {
background: none;
}
video.gap {
margin: 0 0 50px;
}
.circle-offer {
width: 200px;
height: 200px;
background: #97c726;
color: white;
border-radius: 50%;
text-align: center;
padding: 50px 25px 0;
line-height: 2.5rem;
font-size: 1.8rem;
text-transform: uppercase;
position: absolute;
bottom: 20px;
left: 20px;
}
.circle-offer span {
display: block;
font-size: 3.8rem;
padding: 0 0 15px;
margin: 0 0 10px;
border-bottom: 3px solid white;
font-weight: 800;
}
.quicklinks a.content-third {
width: 33.33%;
}
.quicklinks .content-third h3 {
color: white;
margin: 50px 0;
}
.quicklinks .content-third h3 span {
display: block;
margin: 20px 0 0 0;
color: #97c71f;
}
.semi-circle-video-text {
position: absolute;
bottom: -50px;
z-index: 9;
text-align: center;
left: 0;
right: 0;
line-height: 0;
}
.semi-circle-video-text h1,
.semi-circle-video-text h4 {
position: absolute;
left: 0;
right: 0;
bottom: 0;
max-width: 350px;
margin: 0 auto;
padding: 0 0 75px;
font-size: 3rem;
}
.semi-circle-video-text h4 {
max-width: 305px;
}
.semi-circle-video-text h1 span,
.semi-circle-video-text h4 span {
display: block;
font-size: 45px;
margin: 20px 0 0 0;
}
.before-after {
width: 100%;
overflow: hidden;
position: relative;
line-height: 0;
}
.before-after video {
width: 100%;
z-index: 0;
}
.show-case {
width: 100%;
display: flex;
}
.video-text {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
background: rgb(70 70 70 / 0.5);
font-size: 2vw;
padding: 25px 0;
line-height: 1.6em;
letter-spacing: 1px;
color: white;
text-transform: uppercase;
width: 50%;
}
.video-text.two {
right: 0;
left: inherit;
}
.show-case .show-1,
.show-case .show-2 {
width: 50%;
background: none;
color: white;
background-color: #223531;
display: block;
opacity: 1;
padding: 50px 100px;
}
.show-case .show-1 h2,
.show-case .show-2 h2 {
font-size: 5vw;
text-align: center;
margin: -20vh 0 100px;
z-index: 9999;
display: block;
position: relative;
}
.show-case .show-1 h4,
.show-case .show-2 h4 {
font-size: 3.6rem;
margin: 0;
text-align: center;
}
.show-case .show-1 p,
.show-case .show-2 p {
border-left: 4px solid #97c71f;
padding: 0 0 0 40px;
max-width: 700px;
margin: 1.6em auto;
}
.show-case .show-2 {
left: 50%;
} .form-holder {
max-width: 650px;
width: 100%;
margin: 0 auto;
background: white;
padding: 25px;
display: flex;
flex-wrap: wrap;
}
.multi-step-form {
width: 100%;
position: relative;
min-height: 1000px;
background: url(https://www.glowdental.co.uk/wp-content/uploads/2021/10/form-background.jpg)
center center no-repeat #cdcdcd;
background-size: cover;
display: flex;
flex-wrap: wrap;
padding: 150px 0;
}
.input-container {
position: relative;
overflow: hidden;
}
.input-container:after,
.check-box-holder:after {
content: "required";
position: absolute;
right: -150px;
top: 0;
line-height: 47px;
padding: 0 17px;
height: 50px;
width: calc(100% - 400px);
font-size: 12px;
font-weight: 300;
transition: 0.5s;
color: white;
background-color: #c74242;
}
fieldset.tab.two-butt-tab .input-container:after,
fieldset.tab.two-butt-tab .check-box-holder:after {
width: calc(100% - 505px);
}
fieldset.tab.textarea-butt-tab .input-container:after,
fieldset.tab.textarea-butt-tab .check-box-holder:after {
width: calc(100% - 708px);
}
.input-container.not-valid.email-not-vaild:after {
content: "Email not valid";
width: calc(100% - 470px) !important;
}
.input-container.not-valid:after,
.check-box-holder.not-valid:after {
right: 0;
}
.input-container.not-valid.email-not-vaild:after {
content: "Email not valid";
}
#msform {
max-width: 500px;
width: 100%;
margin: 0 auto;
background-color: white;
display: flex;
flex-wrap: wrap;
position: relative;
flex-direction: column;
}
#msform fieldset {
background: none;
border: none;
border-radius: 0;
box-shadow: none;
padding: 0;
width: 100%;
margin: 0 auto;
position: relative;
left: 0;
max-height: 500px;
transition: 0.5s;
transition-delay: 0.5s;
overflow: hidden;
} #msform fieldset:not(:first-of-type) { max-height: 0;
} #msform input,
#msform textarea {
padding: 17px;
height: 50px;
border: 1px solid #343434;
border-radius: 0;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
font-size: 12px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-size: 15px;
}
#msform input[type="file"] {
height: inherit;
color: black;
}
#msform input:hover,
#msform textarea:hover {
padding: 17px;
}
#msform input:before {
font-family: "Font Awesome 5 Free";
font-size: 24px;
color: #a9cce0;
position: absolute;
left: 46px;
margin-top: 22px;
font-weight: 700;
}
.details-name {
content: "\f2bd";
}
#msform input.fileupload,
#msform input.fileupload:hover {
padding: 17px 17px 17px 17px;
} #msform .action-button {
text-decoration: none;
font-size: 18px;
letter-spacing: 1px;
box-sizing: border-box;
display: block;
max-width: 300px;
width: 100%;
margin: 20px auto 0;
text-align: center;
border: none;
color: #97c71f;
text-transform: uppercase;
border-top: 2px solid #97c71f;
border-bottom: 2px solid #97c71f;
background: none;
padding: 0;
font-weight: 500;
}
#msform .action-button:hover {
padding: 14px 30px 12px 30px;
background: #ffffff;
color: #97c71f;
cursor: pointer;
border-top: 2px solid #97c71f;
border-bottom: 2px solid #97c71f;
}
#msform span.gdpr {
color: #101010;
line-height: 13px;
font-size: 15px;
text-align: center;
}
#msform input[type="checkbox"] {
height: 15px;
width: 15px;
display: inline-block;
font-size: 10px;
margin: 0 0 0 10px;
}
.checkbox-button.half-box {
margin: 0 5% 2% 0;
display: inline-block;
color: #0e101a;
}
.checkbox-button.half-box input[type="checkbox"] {
margin: 0 5px 0 0 !important;
} .fs-title {
font-size: 38px;
color: #555555;
margin: 30px 0;
text-align: center;
letter-spacing: 1px;
font-weight: 400;
position: relative;
text-transform: uppercase;
}
.fs-subtitle {
font-weight: normal;
font-size: 13px;
color: #fff;
margin-bottom: 20px;
} #progressbar {
margin: 0 auto;
overflow: hidden;
text-align: center;
counter-reset: step;
padding: 20px 0;
width: 100%;
box-sizing: border-box;
border-radius: 10px;
position: relative;
}
#progressbar li {
list-style-type: none;
color: #575756;
font-size: 16px;
width: 25%;
float: left;
font-weight: 500;
position: relative;
text-transform: uppercase;
}
#progressbar li:before {
content: counter(step);
counter-increment: step;
width: 40px;
line-height: 40px;
display: block;
font-size: 20px;
font-weight: 800;
color: #fff;
background: #343434;
border-radius: 50%;
margin: 0 auto 5px auto;
position: relative;
z-index: 1;
} #progressbar li:after {
content: "";
width: 100%;
height: 1px;
background: #919191;
position: absolute;
left: -50%;
top: 19px;
z-index: 0;
}
#progressbar li:first-child:after { content: none;
}  #progressbar li.active:before,
#progressbar li.active:after {
background: #97c71f;
color: white;
}
#msform textarea {
height: 180px;
}
#msform textarea.bigger-textarea {
height: 200px;
}
#msform h4 {
color: #fff;
margin: 20px 0 15px 0;
}
#msform h4 i {
color: #37ae5f;
font-size: 17px;
margin-right: 8px;
}
#msform input.fileupload {
background: #fff;
border: 0;
}
#msform input#next-button-1:disabled,
#msform input#next-button-2:disabled,
#msform input#next-button-3:disabled,
#msform input#submit:disabled {
opacity: 0.3;
}
#msform .input-container.half-container {
float: left;
width: 49%;
}
#msform .input-container.half-container.half-container-left {
margin-right: 2%;
}
#msform textarea:focus,
#msform input:focus,
#msform select:focus {
outline: none;
}
#msform .input-container i {
position: absolute;
top: 0;
left: 0;
font-size: 13px;
color: #ffffff;
background: #00b0ad;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
}
#msform select {
width: 100%;
padding: 17px 17px 17px 60px !important;
height: 50px;
text-indent: 62px;
font-size: 13px;
font-weight: 600;
color: #696969;
border-radius: 0;
border: 0;
}
#msform p {
font-size: 15px;
text-align: center;
color: #242121;
font-weight: 200;
margin: 10px 0 10px 0;
}
#msform .checkbox-styles label {
display: inline-block;
padding-left: 15px;
text-indent: -15px;
float: left; box-sizing: border-box;
color: #fff;
font-weight: 300;
font-size: 12px;
margin: 20px 0;
overflow: hidden;
float: left; }
#msform .checkbox-styles input {
width: 13px;
height: 13px;
padding: 0;
margin: 0;
vertical-align: bottom;
position: relative;
top: -1px;
overflow: hidden;
margin-right: 9px;
}
#msform #check-box-holder {
border: 1px solid #fff;
border: 1px solid #ffffff4d;
border-radius: 4px;
padding: 23px 23px 13px 23px;
margin: 35px 0 25px 0;
position: relative;
overflow: hidden;
}
#msform #check-box-holder h4 {
margin: 0;
}
.styled-checkbox {
position: absolute;
opacity: 0;
}
.styled-checkbox + label {
position: relative;
cursor: pointer;
padding: 0;
}
.styled-checkbox + label:before {
content: "";
margin-right: 10px;
display: inline-block;
vertical-align: text-top;
width: 20px;
height: 20px;
background: #3377b9;
border-radius: 2px;
}
.styled-checkbox:hover + label:before {
background: #f35429;
}
.styled-checkbox:focus + label:before {
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
background: #347abd;
border-radius: 2px;
}
.styled-checkbox:disabled + label {
color: #b8b8b8;
cursor: auto;
}
.styled-checkbox:disabled + label:before {
box-shadow: none;
background: #ddd;
}
.styled-checkbox:checked + label:after {
content: "";
position: absolute;
left: 5px;
top: 9px;
background: white;
width: 2px;
height: 2px;
box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white,
4px -6px 0 white, 4px -8px 0 white;
transform: rotate(45deg);
}
.input-container.checkbox-styles li {
float: left;
}
.number-border {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
border: 1px solid #000;
font-size: 19px;
margin-right: 10px;
position: relative;
top: -2px;
}
section#step-form h4 span,
.fs-title span {
color: #00b0ad;
}
input#next-button-2,
input#next-button-3 {
right: -100px;
border-left: 1px solid #fff;
}
input.previous.action-button {
left: -100px;
border-right: 1px solid #fff !important;
}
#step-form input#submit {
right: -100px;
}
.video-thirds .content-third {
position: relative;
width: 33.33%;
}
.video-thirds .content-third:after {
content: "\A";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgb(34 53 49 / 0.5);
opacity: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.video-thirds .content-third:hover:after {
opacity: 1;
}
.video-thirds-content video {
width: 100%;
height: auto;
}
.video-thirds-content {
text-align: center;
color: white;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-width: 400px;
width: 100%;
z-index: 99;
}
.video-thirds-content span {
font-size: 56px;
color: #97c71e;
}
.video-thirds-content h3 sup {
font-size: 2rem;
top: -1em;
left: 0.2em;
}
.video-thirds .content-third video {
height: 50pc;
object-fit: cover;
filter: brightness(60%);
width: -webkit-fill-available;
}
.video-thirds-content h3 span {
font-size: inherit;
color: inherit;
display: block;
}
.video-thirds-content h3 {
margin: 0 auto;
line-height: 40px;
border-bottom: 2px solid #97c71e;
padding: 0 0 30px;
font-size: 4rem;
line-height: 4.5rem;
}
.video-thirds-content p {
padding: 0 50px;
line-height: 1.6em;
}
.video-thirds {
width: 100%;
overflow: hidden;
line-height: 0;
display: flex;
}
ul.test-list {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
ul.test-list li a {
padding: 5px 10px;
background: #555555;
color: white;
margin: 0 10px 10px 0;
display: block;
font-size: 1.8rem;
}
ul.test-list li a:hover {
background: #343434;
}
.testimonials {
background: #343434;
text-align: center;
padding: 130px 0 100px;
width: 100%;
position: relative;
overflow: hidden;
}
.testimonials h5 {
font-size: 5.5rem;
color: white;
margin: 0 auto 30px;
}
.testimonials a,
.video-header a {
color: inherit;
}
a:hover .semi-circle-video-text h1 span,
a:hover .semi-circle-video-text h4 span {
color: #97c71f;
-webkit-transition: all 0.18s ease-in-out;
-moz-transition: all 0.18s ease-in-out;
transition: all 0.18s ease-in-out;
}
.slick-slider div span {
display: block;
margin: 20px 0 0 0;
font-style: normal;
}
.location {
width: 100%;
min-height: 700px;
background: linear-gradient(0deg, rgb(0 0 0 / 0.5), rgb(0 0 0 / 0.5)),
url(https://www.glowdental.co.uk/wp-content/uploads/2021/10/map-background-scaled.jpg);
background-size: cover;
padding: 125px 0 100px;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
overflow: hidden;
}
.location .content-holder,
.content-band.blog-wrapper .content-holder {
max-width: 1100px;
align-items: center;
}
div#map {
height: 600px;
}
.map-info {
background: #3e3e3e;
width: 55%;
padding: 50px 75px 90px;
color: white;
font-size: 2.2rem;
letter-spacing: 0;
font-weight: 300;
}
.map-info a {
color: white;
}
.map-info h6 {
font-size: 4.2rem;
color: #ffffff;
margin: 30px 0;
letter-spacing: 1px;
position: relative;
line-height: 48px;
border-bottom: 3px solid #97c71f;
padding: 0 100px 25px 0;
}
.opening-table {
display: table;
width: 100%;
border-top: 3px solid #97c71f;
padding: 25px 0 0 0;
}
.opening-row {
display: table-row;
}
.opening-row div {
display: table-cell;
padding: 0px;
text-transform: none;
}
.map {
width: 45%;
}
.map-info p {
margin: 0 0 20px;
} footer {
background: #272727;
color: white;
text-align: center;
padding: 35px 0;
width: 100%;
display: flex;
}
footer img {
max-width: 20px;
width: 100%;
height: auto;
position: relative;
top: 5px;
}
footer a {
color: white;
}
footer a:hover {
color: #97c71f;
}
footer p {
margin: 0 0 15px;
width: 100%;
}
footer p:first-of-type {
font-weight: 500;
}
footer p:last-of-type {
font-weight: 100;
}
footer span {
color: #97c71f;
}
footer i {
color: #97c71f;
}
.inside-banner {
position: relative;
line-height: 0;
background: linear-gradient(0deg, rgb(0 0 0 / 1), rgb(0 0 0 / 1));
height: 33vw;
overflow: hidden;
}
.inside-banner img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.5;
}
.inside-banner video {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.5;
}
.banner-text {
color: white;
width: 100%;
text-align: center;
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 0);
line-height: 1.6em;
background: rgb(41 41 41 / 80%);
padding: 30px 0;
}
.banner-text h1 {
margin: 0;
font-size: 4rem;
line-height: 0.8em;
}
.breadcrumbs-wrapper {
font-size: 1.5rem;
}
.banner-text a {
color: white;
}
p#breadcrumbs {
margin: 0;
}
.quicklinks .content-third {
position: relative;
display: inline-block;
z-index: 9999;
transition: opacity 0.5s linear;
cursor: pointer;
}
.quicklinks .content-third img.ql-image-hover {
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 99;
margin: 0 auto;
z-index: 9999;
transition: opacity 0.5s linear;
cursor: pointer;
}
.quicklinks .content-third:hover img.ql-image-hover {
display: inline;
opacity: 1;
z-index: 9999;
transition: opacity 0.5s linear;
cursor: pointer;
}
.form-testimonial-split-wrapper {
display: flex;
flex-wrap: wrap;
}
.multi-step-form.halfbox {
width: 50%;
}
.testimonials.halfbox {
width: 50%;
display: flex;
align-content: center;
flex-wrap: wrap;
}
.testimonials.halfbox .slick-slider {
padding: 0 50px;
}
.cta {
background: #292929;
padding: 70px 0;
}
.cta h4 {
color: white;
margin: 0;
font-size: 4rem;
}
a.btn,
button,
.blog-container article .blog-footer .blog-read-more {
color: white;
background: #97c726;
padding: 10px 40px;
border: none;
line-height: inherit;
cursor: pointer;
text-transform: uppercase;
}
a.btn:hover,
button:hover,
.blog-container article .blog-footer .blog-read-more:hover {
background: #7fa91f;
}
img.alignnone.size-full.wp-image-270 {
max-width: 291px;
width: 100%;
height: auto;
}
.content-band,
.treatment-band,
.about-band {
display: flex;
background: white;
padding: 75px 0;
}
.content-band.team-band {
background: whitesmoke;
}
.content-band.videos-wrapper .content-holder {
justify-content: space-between;
}
.content-band.videos-wrapper .content-holder video {
width: 45%;
height: auto;
aspect-ratio: 16/ 9;
}
.content-band.patient-steps .content-holder {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.steps-count {
border-radius: 100%;
text-align: center;
display: flex;
background: #223531;
color: white;
font-size: 4rem;
line-height: 10rem;
height: 300px;
width: 300px;
margin: 0 0 5%;
justify-content: center;
flex-direction: column;
text-transform: uppercase;
}
.steps-count.invis-step {
font-size: 10rem;
height: 275px;
width: 275px;
}
.steps-copy {
width: calc(100% - 400px);
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
margin: 0 0 5%;
}
.steps-copy h2 {
margin: 0;
border-bottom: 4px solid #555555;
padding: 0 0 6px;
}
.treatment-band.alt {
background: whitesmoke;
}
.content-band .content-holder {
justify-content: center;
}
.fa-ul {
margin-left: 1.5em;
}
i.fas.fa-square {
color: #97c71e;
font-size: 16px;
}
.image-copy-steps {
display: flex;
flex-wrap: wrap;
flex-direction: row;
overflow: hidden;
position: relative;
justify-content: flex-start;
background-size: cover;
background-position: top;
height: 90vh;
background-repeat: no-repeat;
}
.image-copy-steps:nth-of-type(odd) {
justify-content: flex-end;
}
.image-copy-steps .copy-square {
background: whitesmoke;
margin: 0;
padding: 40px 35px 20px;
width: 48%;
height: fit-content;
z-index: 9;
bottom: 0;
position: absolute;
}
.image-copy-steps .image-square {
width: 100%;
position: absolute;
top: 0;
}
.image-copy-steps .copy-square ul li {
width: 50%;
float: left;
}
.image-copy-steps .copy-square ul {
margin: 0 0 30px;
float: left;
width: 100%;
}
.image-copy-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: row;
overflow: hidden;
}
.image-copy-wrapper:nth-of-type(odd) {
background: whitesmoke;
}
.image-square {
width: 40%;
line-height: 0;
background: linear-gradient(0deg, rgb(0 0 0 / 1), rgb(0 0 0 / 1));
}
.image-square img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
margin: 0;
opacity: 0.5;
}
.image-square--5050 {
background: none;
}
.image-square--5050 img {
opacity: 1;
}
.image-square .twentytwenty-container img {
height: inherit;
}
.image-square .twenty20 {
position: relative;
overflow: hidden;
margin: 0;
height: 100%;
}
.image-square .twentytwenty-container {
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.image-square.twenty-slider {
background: none;
}
.image-square.twenty-slider img {
opacity: 1;
}
.copy-square {
width: 60%;
padding: 100px;
}
.copy-square ol {
padding: 0 0 0 20px;
}
.copy-square ol li {
padding: 0 0 0 20px;
}
.copy-square h4,
.copy-square h3 {
margin: 0;
}
.about-band {
padding: 150px 0;
background: url(https://www.glowdental.co.uk/wp-content/uploads/2021/10/map-background-scaled.jpg)
center center no-repeat #cdcdcd;
background-size: cover;
background-position: top;
background-repeat: no-repeat;
background-attachment: fixed;
background: #e9c78f;
}
.about-band.video-variant {
background-color: #f5f5f5;
}
.about-band.aboutpageimg {
background: linear-gradient(0deg, rgb(0 0 0 / 0.5), rgb(0 0 0 / 0.5)),
url(https://www.glowdental.co.uk/wp-content/uploads/2021/10/about-background-scaled.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
.about-band.dsdpageimg {
background: linear-gradient(0deg, rgb(0 0 0 / 0.5), rgb(0 0 0 / 0.5)),
url(//www.glowdental.co.uk/wp-content/themes/glow-theme/assets/img/background-img/dsd-background.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
.about-band.invisalignpageimg {
background: linear-gradient(0deg, rgb(0 0 0 / 0.5), rgb(0 0 0 / 0.5)),
url(//www.glowdental.co.uk/wp-content/themes/glow-theme/assets/img/background-img/invisalign-background.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
.about-band.nervouspageimg {
background: linear-gradient(0deg, rgb(0 0 0 / 0.5), rgb(0 0 0 / 0.5)),
url(//www.glowdental.co.uk/wp-content/themes/glow-theme/assets/img/background-img/nervous-background.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
.treatment-band .content-holder,
.about-band .content-holder,
.content-holder.wide {
max-width: 1100px;
align-items: center;
}
.content-holder.wide {
max-width: inherit;
}
.about-band .content-holder {
max-width: 1252px;
align-items: center;
}
.treatment-list,
.about-box-holder {
width: 60%;
background: #555555;
color: white;
padding: 50px 55px 55px;
}
.about-box-holder h2,
.about-box-holder h3 {
margin: 0;
}
.about-box-holder h3 {
font-size: 2.7rem;
}
.treatment-list h2 {
margin: 0 0 20px;
}
.treatment-list ul {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
margin: 0;
}
.treatment-list ol {
padding: 0 0 0 20px;
}
.treatment-list ol li {
padding: 0 0 0 20px;
}
.treatment-list ul li {
width: 49%;
margin: 0.5%;
}
.treatment-list ul li a {
width: 100%;
display: block;
background: white;
padding: 5px 10px;
font-size: 1.8rem;
}
.treatment-list ul li a:hover {
background: #97c726;
color: white;
}
.treatment-image,
.about-image {
width: 40%;
line-height: 0;
background: linear-gradient(0deg, rgb(0 0 0 / 1), rgb(0 0 0 / 1));
}
.treatment-image img,
.about-image img,
.about-image video
{
width: 100%;
height: auto;
margin: 0;
opacity: 1;
}
.about-image video { }
.about-image #twenty20-1 {
margin: 0;
}
.treatment-list-big {
background: #555555;
color: white;
display: flex;
}
.treatment-list-big-image {
width: 40%;
line-height: 0;
}
.treatment-list-big-image img {
width: 100%;
height: 100%;
}
.treatment-list-big-copy {
width: 60%;
padding: 40px 50px 50px;
}
.content-holder.wide .treatment-list ul li {
width: 100%;
}
.content-holder.wide .treatment-list ul {
list-style: inherit;
padding: 0 0 0 20px;
}
.page-intro {
background: whitesmoke;
padding: 75px 0;
}
.page-intro.white {
background: white;
}
.page-intro.white .innerql h3 {
font-size: 3rem;
}
.page-intro.no-content {
min-height: 600px;
}
.page-intro .content-holder,
.inside-banner .content-holder {
justify-content: space-between;
align-items: center;
max-width: 1400px;
}
.content-band.team-band .content-holder {
max-width: 1400px;
}
.page-intro .content-holder h2 {
margin: 0;
text-transform: inherit;
}
.page-intro .content-holder div:first-of-type {
width: 35%;
padding: 0;
}
.page-intro .content-holder div:first-of-type video {
width: 100%;
margin: 50px 0 0 0;
}
.page-intro .content-holder div:first-of-type img {
width: 100%;
height: auto;
}
.page-intro.white-bg {
background: white;
}
.page-intro .content-holder div {
width: 65%;
padding: 0 0 0 5%;
}
.page-intro .content-holder p,
.page-intro .content-holder h3 {
margin: 1em 0;
width: 100%;
}
.page-intro .content-holder p:first-of-type {
margin: 0 0 1em;
}
.page-intro .content-holder h3 {
margin: 0;
padding: 0 100px 0 0;
}
.page-intro .content-holder div.innerql {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 100px 0 0 0;
}
.page-intro .content-holder div.innerql h3 {
padding: 20px 0 0 0;
transition: 0.3s;
}
.page-intro .content-holder div.innerql a.ql-image-inner {
width: 20%;
text-align: center;
cursor: default;
}
.page-intro .content-holder div.innerql a.ql-image-inner img {
width: 100%;
height: auto;
}
.page-intro.white .content-holder .innerql {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0;
}
.page-intro.white .content-holder .innerql h3 {
padding: 20px 0 0 0;
transition: 0.3s;
}
.page-intro.white .content-holder .innerql a.ql-image-inner {
text-align: center;
cursor: default;
width: 21%;
margin: 0 0 8%;
position: relative;
flex-wrap: wrap;
justify-content: center;
align-items: baseline;
}
.page-intro.white .content-holder .innerql a.ql-image-inner img {
width: 100%;
height: auto;
}
.page-intro .content-holder div:first-of-type a {
margin: 20px 0 0 0;
display: flex;
flex-wrap: wrap;
width: fit-content;
}
.fees .content-holder {
padding: 75px 0;
}
.fee-table {
margin-bottom: 20px;
display: block;
}
.fee-table-wrapper {
width: 48%;
margin: 1%;
}
.fee-table-title {
background-color: #757575;
color: white;
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 50px 0 0 0;
}
.fee-table-title:first-of-type {
margin: 0;
}
.fee-table-procedure,
.fee-table-price,
.fee-table-sub-title {
width: 60%;
margin: 0;
padding: 8px 20px;
}
.fee-table-price {
width: 40%;
}
.fee-table-sub-title {
width: 100%;
background: #343434;
text-transform: uppercase;
font-size: 2.5rem;
padding: 20px;
}
.fee-label-row {
background-color: #eee;
border: #bc9f7c 2px solid;
}
.fee-table-fee {
border-width: 0 2px 2px 2px;
border-color: #757575;
border-style: solid;
width: 100%;
display: flex;
}
.fee-table-price i {
font-size: 1.6rem;
}
.content-band .content-holder .accordion {
flex: 1;
}
.content-band .content-holder .accordion:last-child {
margin-left: 1em;
}
.content-band .content-holder .accordion input {
position: absolute;
opacity: 0;
z-index: -1;
}
p.small-width {
margin: 0 20% 2em;
width: 100%;
text-align: center;
}
.tabs {
overflow: hidden;
}
.tab {
width: 100%;
color: white;
overflow: hidden;
position: relative;
border-bottom: 1px solid rgb(178 214 94);
}
.tab-label {
display: flex;
letter-spacing: 1px;
text-transform: uppercase;
justify-content: flex-start;
padding: 1em;
background: #97c726;
font-weight: bold;
cursor: pointer;
}
.tab-label div {
width: 30%;
}
.tab-label:hover {
background: #7fa91f;
transition: 0.3s;
}
.tab-label::after {
content: "";
text-align: center;
transition: all 0.35s;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #fff;
position: absolute;
right: 25px;
top: 45%;
}
.tab-content {
max-height: 0;
padding: 0 1em;
background: #e6e6e6;
display: flex;
}
.tab-close {
display: flex;
justify-content: flex-end;
padding: 1em;
font-size: 0.75em;
background: #2c3e50;
cursor: pointer;
}
.tab-close:hover {
background: #1a252f;
}
input:checked + .tab-label {
background: #7fa91f;
position: relative;
}
input:checked + .tab-label::after {
transform: rotate(180deg);
}
input:checked ~ .tab-content {
max-height: inherit;
padding: 50px;
align-items: flex-start;
}
.treatment-list h2 {
font-size: 5rem;
margin: 0;
}
.treatment-list h3 {
font-size: 3rem;
margin: 10px 0 15px;
font-style: italic;
}
.treatment-list h4 {
font-size: 2rem;
margin: 0 0 30px;
}
.treatment-list h4 a {
color: #97c726;
}
.treatment-list ul {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
margin: 0;
}
.treatment-list.team-band ul {
list-style-type: disc;
margin: 0 0 0 20px;
}
.treatment-list.team-band ul li {
width: 100%;
padding: 0;
}
.treatment-list ul li {
width: 49%;
margin: 0.5%;
}
.treatment-list span {
font-weight: 800;
}
input:checked ~ .tab-content .treatment-image {
margin: 50px 0 0 0;
}
input:checked ~ .tab-content.finance-accordion {
padding: 20px;
color: #3a4145;
}
.tab-content.finance-accordion p {
max-width: 85%;
}
.tab:last-of-type {
border: none;
}
.content-band.finance-band {
background: whitesmoke;
padding: 100px 0;
}
.content-band.offers-band {
background: white;
padding: 100px 0;
background: linear-gradient(0deg, rgb(0 0 0 / 0.6), rgb(0 0 0 / 0.6)),
url(//www.glowdental.co.uk/wp-content/themes/glow-theme/assets/img/background-img/dsd-background.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
display: block;
}
.content-band.offers-band.invisalign-offer {
padding: 80px 0 50px;
}
.content-band.finance-band .content-holder,
.content-band.offers-band .content-holder {
justify-content: space-evenly;
}
.finance-box {
width: 40%;
text-align: center;
background: white;
padding: 50px;
}
.top-offer {
clear: both;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.offer-row {
display: flex;
flex-wrap: wrap;
margin: -40px;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
.offer-box {
width: 50%;
text-align: center; padding: 60px 40px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.finance-box img {
width: 100% !important;
height: auto !important;
max-width: 400px !important;
}
.offer-holder {
max-width: 1800px;
width: 80%;
margin: 0 auto;
display: block;
}
.ql-content {
margin-bottom: 50px;
width: 100%;
}
.ql-content p {
color: white;
margin: 30px auto;
max-width: 800px;
}
@media (max-width: 1630px) {
.offer-holder {
width: 90%;
}
}
.offer-box-inner {
background: whitesmoke;
padding: 50px;
width: 100%;
height: 100%;
display: flex; flex-direction: column;
align-items: center;
justify-content: center;
}
.finance-box span,
.offer-box span {
display: block;
margin: 0 0 40px;
}
.offer-box span {
margin: 0;
}
.offer-box h2 {
font-size: 3.5rem;
}
.offer-box span.btn {
color: white;
background: #97c726;
padding: 10px 40px;
border: none;
line-height: inherit;
cursor: pointer;
text-transform: uppercase;
margin: 40px 0 0;
}
.offer-box span.btn:hover {
background: #7fa91f;
}
.offer-box-row {
width: 100%;
display: flex; justify-content: space-between;
align-items: center;
}
.offer-box--wide {
width: 100%;
}
.offer-box.offer-box--wide h2 {
margin: 0 60px 0 0;
text-align: left;
}
.offer-box.offer-box--wide span.btn {
margin: 0;
white-space: nowrap;
}
a.finance-btn {
border: 2px solid #6b8197;
padding: 20px;
display: inline-flex;
width: 300px;
max-width: 100%;
height: auto;
font-size: 2.6rem;
justify-content: center;
margin: 11px auto;
border-radius: 10px;
font-weight: 600;
color: #1a3762;
text-transform: capitalize;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.content-band.emergency-band {
background: whitesmoke;
}
.emergency-box {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 46%;
padding: 35px;
background: white;
margin: 2%;
align-content: start;
}
.emergency-box h3 {
margin: 0;
font-size: 3rem;
}
.treatment-box-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
a.treatment-box-landing {
width: 50%;
height: 75vh;
position: relative;
color: white;
overflow: hidden;
}
a.treatment-box-landing:after {
content: "\A";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgb(34 53 49 / 0.9);
opacity: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
a.treatment-box-landing:hover:after {
opacity: 1;
}
a.treatment-box-landing video {
min-width: 100%;
min-height: 100%;
}
a.treatment-box-landing h2 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 4.5rem;
z-index: 1;
}
.treatment-box-wrapper video {
filter: grayscale(1) brightness(0.4);
position: absolute;
width: auto;
left: 50%;
transform: translate(-50%);
}
.content-band form ul {
list-style: none;
margin: 0 auto;
text-align: center;
padding: 50px;
background: whitesmoke;
}
.content-band form input,
.content-band form textarea,
.content-band form select {
border: 1px solid #e2e2e2;
}
.content-band form input,
.content-band form select,
.content-band .content-band form textarea {
padding: 10px;
}
.content-band textarea {
width: 100%;
}
.content-band form .patient-name input,
.content-band form .patient-name select {
width: calc(33% - 2px);
}
.content-band form li {
padding: 0 0 20px;
text-align: left;
}
.content-band form h3 {
margin: 30px 0 0 0;
text-align: center;
}
.content-band form .form-half {
width: calc(50% - 3px);
display: inline-block;
vertical-align: top;
padding: 5px;
box-sizing: border-box;
text-align: left;
}
.content-band form .form-half input,
.content-band form .form-half select {
height: 60px;
margin-bottom: 10px;
width: 100%;
}
.content-band form .form-half textarea {
height: 200px;
resize: none;
padding: 20px 10px;
}
.content-band form li.patient-name {
padding: 5px 5px 25px;
}
.content-band form .checkbox-button {
padding: 0;
}
.content-band form .checkbox-button input[type="checkbox"],
.content-band form input[type="checkbox"] {
width: 20px;
height: 20px;
margin: 0 10px 0 0;
}
.content-band form .form-full {
width: 100%;
padding: 0;
}
.content-band form .form-full textarea {
height: 200px;
resize: none;
padding: 20px;
}
.content-band .js.inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.content-band .inputfile + label {
max-width: 80%;
font-size: 20px;
font-weight: 300;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
padding: 10px 20px; }
.content-band .no-js .inputfile + label {
display: none;
}
.content-band .inputfile:focus + label,
.content-band .inputfile.has-focus + label {
outline: 1px dotted #000;
outline: -webkit-focus-ring-color auto 5px;
}
.content-band .inputfile + label svg {
width: 1em;
height: 1em;
vertical-align: middle;
fill: currentColor;
margin-top: -0.25em;
margin-right: 0.25em;
}
.content-band .inputfile-6 + label {
background-color: #eeeeee;
padding: 0;
}
.content-band .inputfile-6:focus + label,
.content-band .inputfile-6.has-focus + label,
.content-band .inputfile-6 + label:hover {
border-color: #678c10;
}
.content-band .inputfile-6 + label span,
.inputfile-6 + label strong {
padding: 0.625rem 1.25rem; }
.content-band .inputfile-6 + label span {
width: 200px;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
vertical-align: top;
line-height: 3.5rem;
color: #7f8285;
}
.content-band .inputfile-6 + label strong {
height: 100%;
color: #f1e5e6;
background-color: #97c726;
display: inline-block;
transition: 0.5s;
font-size: 2rem;
line-height: 3.5rem;
font-weight: 300;
}
.content-band .inputfile-6:focus + label strong,
.content-band .inputfile-6.has-focus + label strong,
.content-band .inputfile-6 + label:hover strong {
background-color: #678c10;
}
.upload-file {
display: inline;
}
.long-title-band {
display: flex;
justify-content: center;
padding: 75px 0;
background: #555555;
font-size: 5rem;
color: white;
}
img.alignnone.size-full.wp-image-380 {
margin: 0;
height: auto;
}
.team-wrapper {
display: flex;
width: 100%;
padding: 100px 0;
background: whitesmoke;
}
.team-member {
display: flex;
width: 30%;
flex-direction: row;
flex-wrap: wrap;
text-align: center;
margin: 0 0 2%;
cursor: pointer;
background: white;
}
.team-wrapper .content-holder {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
}
img.team-member-photo {
width: 100%;
height: auto;
align-self: center;
transition: 0.3s;
}
a.team-member:hover img {
transition: 0.3s;
filter: grayscale(100%);
}
a.team-member:hover .team-member-view {
background: #343434;
transition: 0.3s;
}
a.team-member:hover .team-member-title {
color: #4a4a4a;
}
.team-member-name {
width: 100%;
padding: 20px 20px 0;
font-size: 2.5rem;
font-weight: 600;
color: #3b443b;
text-transform: uppercase;
}
.team-member-title {
width: 100%;
font-size: 1.4rem;
font-weight: 500;
padding: 0 0 15px;
}
.team-member-view {
width: 100%;
font-size: 2rem;
padding: 15px 0;
background: #8c8c8c;
color: white;
text-transform: uppercase;
transition: 0.3s;
}
.blog-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.blog-container article {
margin: 0 1% 2.5%;
padding: 15px 15px 70px 15px;
border: 1px solid #eaeaea;
position: relative;
width: 30%;
}
.blog-container article img {
width: 100%;
height: auto;
display: block;
border-radius: 4px;
}
.blog-container article img:hover {
opacity: 0.7;
}
.blog-container article h2 {
border-bottom: 1px solid #eaeaea;
padding: 20px 0 10px 0;
margin: 0 0 20px;
font-size: 3rem;
}
.blog-container article p {
margin: 0;
padding: 0 0 20px;
}
.blog-container article span {
font-size: 10px;
font-weight: 700;
display: block;
margin: 20px 0;
line-height: 10px;
}
.blog-container article .blog-footer:after {
display: block;
clear: both;
content: "";
}
.blog-container article .blog-footer {
position: absolute;
bottom: 5px;
left: 0;
width: 100%;
padding: 15px;
}
.blog-container article .blog-footer .blog-read-more:hover {
text-decoration: underline;
opacity: 0.7;
}
.blog-container article .blog-footer ul {
float: right;
text-align: right;
margin: 0;
padding: 0;
width: 59%;
max-width: 145px;
}
.blog-container article .blog-footer ul li {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
}
.blog-container article .blog-footer ul li a {
width: 30px;
height: 30px;
display: block;
color: #fff;
text-align: center;
line-height: 30px;
border-radius: 50%;
margin: 2px 0 0 2px;
}
.blog-container article .blog-footer ul li a:hover {
opacity: 0.7;
}
.BadgeTitle__Content-sc-965xbe-0.hUJBll {
margin: 0 !important;
}
.BadgeLayout__Inner-sc-7ux0pm-1.gyMiiK {
bottom: 55px !important;
}
.Bubble__BubbleComponent-sc-83hmjh-3.fpWKjf {
border-radius: 10px !important;
padding: 4px 25px !important;
}
.ngg-galleryoverview .ngg-navigation {
display: none !important;
}
.sl-overlay {
background: black !important;
}
.next-previous {
width: 100%;
text-align: center;
}
.sl-wrapper *,
.Pane__PaneContent-oy4gy3-0.ijEWe {
z-index: 9999999999999 !important;
}
.content-band.gallery .content-holder {
justify-content: space-evenly;
}
.content-band.gallery:nth-of-type(even) {
background: #ececec;
}
.gallery-holder {
width: 30%;
text-align: center;
position: relative;
line-height: 0;
margin: 0 1.5% 2%;
}
.gallery-holder.larger-case {
width: 47%;
margin: 0;
}
.gallery-holder img {
width: 100%;
height: auto;
margin: 0;
}
.gallery-holder h2 {
margin: 0 0 10px;
font-size: 3.2rem;
text-align: left;
font-weight: 100;
}
.gallery-holder h3 {
text-align: left;
font-size: 3rem;
margin: 0 0 20px;
font-weight: 600;
}
form.work-for-us-form {
margin: 20px 0 0 0;
display: flex;
}
form.work-for-us-form ul {
list-style: none;
padding: 0;
}
form.work-for-us-form ul li {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
form.work-for-us-form ul li input {
width: 49%;
padding: 15px;
margin: 0 0 2%;
border: none;
}
form.work-for-us-form ul li textarea {
width: 100%;
padding: 15px;
margin: 0 0 2%;
border: none;
height: 200px;
}
form.work-for-us-form .textarea-wrapper {
width: 100%;
}
form.work-for-us-form ul li input#upload-photo {
width: 100%;
background: white;
}
form.work-for-us-form ul li label {
width: 100%;
margin: 0 0 10px;
padding: 0 0 0 10px;
}
body.single.single-post .banner-text h1 {
width: 100%;
line-height: 5rem;
text-align: left;
}
body.single.single-post .breadcrumbs-wrapper {
margin: 10px 0;
}
@media (max-width: 750px) {
body.single.single-post .banner-text h1 {
line-height: 3rem;
}
}
.page-id-12 .page-intro .content-holder {
max-width: 700px;
text-align: center;
}
.page-id-12 .page-intro .content-holder h2 {
margin: 0 auto 30px;
}
.gallery-holder .twenty20 {
margin: 0;
}
.gallery-holder .gallery-copy-holder {
background: #343434;
text-align: center;
color: white;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 20px 10px 20px;
transition: 0.3s;
}
a.gallery-copy-holder:hover > button {
background: #97c726;
transition: 0.3s;
}
.gallery-holder .gallery-copy-holder:hover {
background: #343434;
transition: 0.3s;
}
.gallery-holder .gallery-copy-holder button {
width: 100%;
padding: 25px;
margin: 20px 20px 10px;
background: #555555;
letter-spacing: 1px;
}
.gallery-holder .gallery-copy-holder h3 {
margin: 0;
font-weight: 500;
width: 100%;
text-align: center;
}
.gallery-holder .gallery-copy-holder p {
font-size: 1.6rem;
line-height: 22px;
}
.post-edit-link {
background: #97c726;
display: block;
width: 150px;
padding: 15px 0;
color: #fff !important;
position: fixed;
bottom: 0;
left: 0;
text-transform: uppercase;
font-weight: 700;
z-index: 999;
text-align: center;
text-decoration: none;
}
.mobile-info-bar {
display: none;
}
#mobile-nav,
.slicknav_menu {
display: none;
}
img.alignright.size-full.wp-image-1855.litespeed-loaded {
max-width: 30%;
width: 100%;
height: auto;
margin: 0 0 30px 30px;
}
.offers-home {
position: relative;
}
.offers-treatment {
position: relative;
max-width: 1400px;
width: 95%;
margin: 0 auto;
}
.offers-tabs {
display: flex;
flex-wrap: nowrap;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
margin: 0;
padding: 0;
}
.offers-treatment .offers-tabs {
left: auto;
transform: translateX(0);
right: 0;
bottom: 92px;
}
.offers-tabs .tab-item {
display: block;
width: 100%;
min-width: 380px;
max-width: 100%;
padding: 0 10px;
}
.offers-treatment .offers-tabs .tab-item {
padding: 0;
}
.offers-tabs .tab-item a {
background: #282828; border-width: 2px 2px 0;
border-style: solid;
border-color: #96c720;
color: #ffffff;
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
height: 100%;
width: 100%;
padding: 20px;
font-size: 22px;
line-height: 1.3;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.offers-tabs .tab-item a strong {
color: #96c720;
display: block;
font-size: 25px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.offers-tabs .tab-item a small {
font-size: 12px;
display: block;
margin: 5px 0 0 0;
text-transform: none;
color: #9d9d9d;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.offers-tabs .tab-item a:hover {
background: #96c720;
}
.offers-tabs .tab-item a:hover strong,
.offers-tabs .tab-item a:hover small {
color: #ffffff;
}
@media (max-width: 1580px) {
.offers-tabs .tab-item {
min-width: 240px;
}
.offers-tabs .tab-item a {
font-size: 20px;
}
.offers-tabs .tab-item a strong {
font-size: 22px;
}
}
@media (max-width: 1160px) {
.offers-tabs .tab-item {
min-width: 200px;
}
.offers-tabs .tab-item a {
font-size: 16px;
}
.offers-tabs .tab-item a strong {
font-size: 18px;
}
}
@media (max-width: 680px) {
.offers-tabs {
flex-wrap: wrap;
position: relative;
left: 0;
transform: inherit;
border-bottom: 2px solid #97c726;
}
.offers-tabs .tab-item { min-width: auto;
padding: 0;
}
.offers-tabs .tab-item:nth-child(1) {
width: 100%;
min-width: auto;
}
.offers-tabs .tab-item a {
font-size: 15px;
border-width: 2px 0 0;
} .offers-tabs .tab-item a strong {
font-size: 17px;
}
}
@media (max-width: 340px) {
.offers-tabs .tab-item {
width: 100%;
}
.offers-tabs .tab-item:nth-child(2) a {
border-width: 2px 0 0;
}
}
.eapp-whatsapp-chat-root-layout-component .caFLbO {
right: auto !important;
left: 0 !important;
} a {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media (max-width: 1800px) {
.slick-slide {
font-size: 20px !important;
}
}
@media (max-width: 1630px) {
.content-holder {
width: 90%;
}
.video-thirds-content h3 {
font-size: 3.5rem;
}
.show-1 p,
.show-2 p {
font-size: 16px;
}
}
@media (max-width: 1530px) {
.show-case .show-1 h4,
.show-case .show-2 h4 {
font-size: 2.6rem;
}
}
@media (max-width: 1450px) {
.content-holder {
width: 95%;
}
.testimonials h5,
.fs-title {
font-size: 4rem;
}
.video-header {
height: 80vh;
}
}
@media (max-width: 1400px) {
h3 {
font-size: 3rem;
}
nav ul a {
font-size: 17px;
padding: 0 7px;
}
.quicklinks .content-third img {
width: 75%;
height: auto;
}
.sub-nav {
font-size: 14px;
padding: 15px 0;
}
.slick-slide {
font-size: 18px !important;
}
.map-info {
font-size: 18px;
}
body {
font-size: 1.8rem;
}
.map {
padding: 50px 0;
}
.gallery-holder h3 {
font-size: 2rem;
}
}
@media (max-width: 1300px) {
.video-thirds-content {
max-width: 300px;
}
.video-thirds-content p {
padding: 0;
}
.cta h4 {
font-size: 3rem;
}
.cta .content-holder {
justify-content: space-around;
}
}
@media (max-width: 1250px) {
.sub-nav {
font-size: 12px;
}
.book-online {
font-size: 1.8rem;
padding: 0;
}
.logo img {
max-width: 180px;
}
.sticky-header {
height: 120px !important;
}
.testimonials h5,
.fs-title {
font-size: 3rem;
}
nav li:hover div {
padding: 20px 0 0;
}
nav li div ul {
width: 100%;
}
}
@media (max-width: 1200px) {
.video-thirds .content-third {
height: 65vh;
}
.video-thirds-content h3 {
font-size: 2.5rem;
line-height: 3rem;
}
.video-thirds-content span {
font-size: 36px;
}
.long-title-band {
font-size: 3.6rem;
}
.image-copy-steps .copy-square {
width: 70%;
}
.gallery-holder {
width: 46%;
}
.offer-box h2 {
font-size: 3rem;
}
}
@media (max-width: 1100px) {
nav ul a {
font-size: 15px;
padding: 0 5px;
}
h2 {
font-size: 3rem;
}
.multi-step-form.halfbox {
min-height: inherit;
padding: 50px 0;
}
.form-holder {
padding: 60px 25px;
}
.cta h4 {
font-size: 2.5rem;
}
h3 {
font-size: 2.5rem;
}
.blog-container article h2 {
font-size: 2rem;
}
}
@media (max-width: 1000px) {
body {
font-size: 1.6em;
}
.page-intro.white .content-holder .innerql a.ql-image-inner {
margin: 0 2% 8%;
width: 20%;
}
.page-intro.white .content-holder .innerql h3 {
font-size: 2.3rem;
}
.video-thirds-content {
padding: 0 20px;
}
.quicklinks {
padding: 50px 0;
}
.quicklinks .content-third h3 span {
margin: 0;
}
.map-info {
padding: 25px 45px 45px;
}
.testimonials.halfbox,
.multi-step-form.halfbox {
width: 100%;
}
nav li div ul {
padding: 0;
}
.banner-text {
position: relative;
display: flex;
flex-wrap: wrap;
left: 0;
right: 0;
transform: none;
}
.inside-banner {
height: auto;
}
.offers-treatment .offers-tabs {
bottom: 86px;
}
.banner-text h1 {
font-size: 3rem;
}
nav ul a {
font-size: 14px;
padding: 0 3px;
}
.book-online {
font-size: 1.6rem;
}
.logo img {
max-width: 150px;
}
.sticky-header {
height: 113px !important;
}
.circle-offer {
font-size: 1.5rem;
line-height: 2rem;
width: 175px;
height: 175px;
}
.circle-offer span {
font-size: 2.8rem;
padding: 0 0 10px 0;
margin: 0 0 5px;
}
.show-case .show-1,
.show-case .show-2 {
padding: 40px 30px 30px;
}
.image-copy-steps {
min-height: 80vh;
height: 80vh;
}
.multi-step-form {
min-height: inherit;
padding: 50px 0;
}
.copy-square {
padding: 40px 40px 30px 40px;
}
.team-member-name {
font-size: 2rem;
}
.treat-col a {
font-size: 1.4rem;
line-height: 20px;
}
nav li:hover div {
padding: 16px 0 0;
}
.team-member {
width: 32%;
}
.treatment-list h2 {
font-size: 4rem;
}
.treatment-list h3 {
font-size: 2rem;
}
.treatment-list,
.about-box-holder {
padding: 40px 35px 35px;
}
a.treatment-box-landing {
height: 50vh;
}
.video-header {
height: 60vh;
}
}
@media (max-width: 900px) {
.slicknav_nav li a.mob-dropdown.open a {
height: 30px;
position: relative;
top: auto;
}
.cta .content-holder h4 {
width: 100%;
margin: 0 0 25px;
text-align: center;
}
.cta .content-holder {
justify-content: center;
}
.cta {
padding: 50px 25px;
}
.page-intro .content-holder div:first-of-type,
.page-intro .content-holder div {
width: 100%;
padding: 0;
margin: 0;
}
.page-intro .content-holder div:first-of-type {
margin: 0 0 5% 0;
}
.treatment-list,
.about-box-holder {
padding: 30px 30px 20px;
}
.video-header {
min-height: auto;
}
.long-title-band {
font-size: 3rem;
}
.finance-box,
.offer-box {
width: 45%;
}
.blog-container article {
width: 49%;
}
.map-info {
font-size: 16px;
}
a.book-online {
position: absolute;
left: 0;
right: 0;
max-width: 105px;
width: 100%;
margin: 0 auto;
}
nav li:hover div {
padding: 0;
}
.treat-col,
.treat-col.six-nav {
width: 100%;
margin: 0;
padding: 8px 20px !important;
}
.treat-col h4 {
font-size: 1.6rem;
padding: 0;
margin: 0;
border: none;
}
.slicknav_nav .treat-col h4 a {
padding: 0;
}
.slicknav_nav .treat-col h4 a:hover {
background: none;
}
nav li:hover div div a {
padding: 5px 0;
}
nav li:hover div div a:hover {
background: none;
}
.slicknav_nav .treat-col a {
font-weight: 100;
}
.slicknav_nav .treat-col h4 a {
font-weight: 600;
}
h4.gap {
margin: 10px 0;
}
.location,
.about-band .about-band.aboutpageimg,
.about-band.dsdpageimg,
.about-band.invisalignpageimg,
.about-band.nervouspageimg {
background-attachment: scroll;
}
.elfsight-app-152756f3-49ed-4869-8bd4-6f2a38ed57c1.eapps-widget.eapps-widget-show-toolbar {
overflow: hidden;
width: 100%;
}
#mobile-nav {
position: absolute;
top: 20px;
right: 0;
display: block;
max-width: 250px;
width: 100%;
z-index: 9;
}
#mobile-nav ul {
background-color: #6b8430;
display: none;
margin: 0;
padding: 0;
position: relative;
}
#mobile-nav ul:first-child {
background-color: transparent;
}
#mobile-nav ul li {
border-top: 1px solid rgb(255 255 255/20%);
list-style: none;
margin-bottom: 0;
position: relative;
}
#mobile-nav ul li a {
color: #fff;
display: inline-block;
padding: 14px 20px;
text-decoration: none;
width: 100%;
font-weight: 800;
}
#mobile-nav ul ul li a {
font-weight: 400;
}
#mobile-nav ul ul ul {
margin: 0;
background-color: #435614;
}
.menu-button {
color: #97c726;
cursor: pointer;
font-size: 2.5rem;
padding: 0 20px 0 0;
position: relative;
float: right;
}
.open-menu {
color: #fff;
cursor: pointer;
font-size: 1rem;
padding: 17px;
position: absolute;
right: 0;
top: 0;
transition: transform 0.25s ease;
}
.overflow {
background: #97c726;
margin: 46px 0 0;
overflow-y: scroll;
overflow-x: hidden;
}
.overflow {
-ms-overflow-style: none;
scrollbar-width: none;
}
.overflow::-webkit-scrollbar {
display: none;
}
.rotate {
transform: rotate(135deg);
} nav,
.google-feed {
display: none;
}
.hXFwBV {
margin-bottom: 50px;
}
}
@media (max-height: 900px) {
.image-copy-steps .copy-square {
height: 100%;
overflow-y: scroll;
}
}
@media (max-width: 900px) {
.offer-row {
margin: -20px;
}
.offer-row:first-of-type {
padding-bottom: 20px;
}
.offer-row:last-of-type {
padding-top: 20px;
}
.offer-box {
width: 100%;
padding: 20px;
}
.offer-box h2 {
font-size: 2.5rem;
}
}
@media (max-height: 800px) {
.semi-circle-video-text h1 {
max-width: 300px;
padding: 0 0 115px;
font-size: 2.5rem;
}
.semi-circle-video-text h1 span {
font-size: 32px;
margin: 5px 0 0 0;
}
.semi-circle-video-text {
bottom: -100px;
}
}
@media (max-width: 800px) {
h3 {
font-size: 2rem;
line-height: 3rem;
}
.video-thirds {
flex-wrap: wrap;
}
.video-thirds .content-third {
height: 40vh;
width: 100%;
display: flex;
flex-wrap: wrap;
min-height: 500px;
}
.page-intro.white .content-holder .innerql a.ql-image-inner {
width: 22%;
}
}
@media (max-width: 750px) {
.map {
width: 100%;
padding: 0;
line-height: 0;
}
.map iframe {
height: 50vh;
}
.map-info {
width: 100%;
}
.gallery-holder h2 {
font-size: 2.5rem;
}
.gallery-holder h3 {
font-size: 1.8rem;
}
.multi-step-form.halfbox {
min-height: inherit;
padding: 50px 0;
background: white;
}
.banner-text h1 {
font-size: 2.4rem;
}
.treatment-list,
.about-box-holder,
.treatment-image,
.about-image {
width: 100%;
}
.content-band.videos-wrapper .content-holder video {
width: 100%;
margin: 0 0 5%;
}
.page-intro .content-holder div.innerql a.ql-image-inner {
margin: 0 5% 10%;
width: 35%;
}
.page-intro .content-holder div.innerql {
justify-content: space-around;
}
.testimonials {
padding: 50px 0;
}
.fee-table-wrapper {
width: 100%;
margin: 0 0 2%;
}
.video-header {
height: calc(500px - 113px);
min-height: auto;
}
.multi-step-form {
min-height: inherit;
padding: 0;
}
.circle-offer span {
font-size: 1.8rem;
padding: 0 0 5px;
}
.circle-offer {
font-size: 1.4rem;
line-height: 1.8rem;
width: 150px;
height: 150px;
padding: 35px 20px;
}
.multi-step-form .form-holder {
max-width: 100%;
}
.show-case {
flex-wrap: wrap;
}
.show-case .show-1,
.show-case .show-2 {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.show-case .show-2 {
background: #2d403c;
}
.finance-box {
width: 100%;
margin: 0 0 5%;
padding: 40px;
}
.finance-box span,
.offer-box span {
margin: 0;
}
.offer-box-row {
flex-direction: column;
justify-content: center;
}
.offer-box.offer-box--wide h2 {
margin: 0;
text-align: center;
}
.offer-box.offer-box--wide span.btn {
margin: 40px 0 0;
}
.content-band.offers-band {
padding: 100px 0;
}
.long-title-band {
padding: 50px 25px;
line-height: 38px;
text-align: center;
}
.team-member-view {
font-size: 1.6rem;
padding: 10px 0;
}
.team-member {
width: 49%;
}
.content-band form .patient-name input,
.content-band form .patient-name select {
width: 100%;
margin: 0 0 2%;
}
.content-band form .form-half {
width: 100%;
}
.content-band .inputfile + label {
max-width: 100%;
width: 100%;
}
.content-band.team-band .treatment-list {
width: 60%;
}
.content-band.team-band .treatment-image {
width: 40%;
}
.treatment-list h2 {
font-size: 3rem;
}
.treatment-list h3 {
font-size: 1.6rem;
}
.page-id-911 .copy-square {
width: 100%;
}
.image-square,
.copy-square {
width: 100%;
}
.emergency-box {
width: 100%;
}
a.treatment-box-landing {
width: 100%;
height: 50vh;
}
.about-band {
padding: 0;
}
.about-band .content-holder {
width: 100%;
}
.image-square {
order: 1;
}
.copy-square {
order: 2;
}
.image-square.twenty-slider {
height: 300px;
overflow: hidden;
position: relative;
}
.long-title-band {
background: #292929;
}
.about-box-holder {
padding: 50px 30px 60px;
}
.page-intro.white .content-holder .innerql h3 {
font-size: 2rem;
}
.page-id-911 .image-square {
display: none;
}
}
@media (max-height: 685px) {
.semi-circle-video-text h1 {
max-width: 300px;
padding: 0 0 145px;
font-size: 2rem;
}
.semi-circle-video-text h1 span {
font-size: 22px;
margin: 5px 0 0 0;
}
.semi-circle-video-text {
bottom: -130px;
}
.page-intro {
padding: 50px 0;
}
}
@media (max-width: 680px) {
.quicklinks .content-third h3 {
margin: 10px;
line-height: 28px;
}
.video-header {
height: calc(450px - 160px);
min-height: auto;
}
.circle-offer {
bottom: 0;
left: 0;
right: 0;
width: 240px;
height: 71px;
border-radius: 0;
padding: 10px;
margin: 0 auto;
}
.long-title-band {
font-size: 2.5rem;
}
.map-info {
font-size: 14px;
}
.slick-slide {
font-size: 16px !important;
}
.page-intro.white .content-holder .innerql {
justify-content: space-evenly;
}
.page-intro.white .content-holder .innerql a.ql-image-inner {
width: 35%;
}
.page-intro.white .content-holder .innerql h3 {
line-height: 2.8rem;
}
.offers-treatment {
width: 100%;
}
.offers-treatment .offers-tabs {
bottom: 0;
}
}
@media (max-width: 600px) {
.mobile-info-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #97c726;
z-index: 99999;
color: white;
display: flex;
flex-wrap: wrap;
text-align: center;
}
.mobile-info-bar a {
width: 33.33%;
padding: 20px 10px 18px;
border-left: 2px solid #85ad20;
border-right: 2px solid #85ad20;
color: white;
font-weight: 800;
}
.mobile-info-bar a:first-of-type,
.mobile-info-bar a:last-of-type {
border: none;
}
footer {
padding: 35px 0 100px;
}
.map-info h6 {
font-size: 3.2rem;
line-height: 4rem;
}
.copy-square {
padding: 40px 20px;
}
.banner-text h1 {
font-size: 2rem;
}
.blog-container article {
width: 100%;
}
.image-copy-steps .copy-square {
width: 100%;
position: relative;
margin: 200px 0 0 0;
}
.content-band.team-band .treatment-list,
.content-band.team-band .treatment-image {
width: 80%;
}
.gallery-holder {
width: 90%;
margin: 0 auto;
}
form.work-for-us-form ul li input {
width: 100%;
}
.sticky-header {
height: 65.75px !important;
}
.treatment-list ul li {
width: 100%;
}
.treatment-list,
.about-box-holder {
padding: 30px;
}
.about-box-holder ul {
padding: 0 0 0 20px;
}
.treatment-list h2 {
margin: 0 0 15px 0;
}
.treatment-list ul li a {
padding: 10px;
font-size: 1.6rem;
}
section.image-copy-steps {
background-size: contain;
background-color: whitesmoke;
min-height: 50vh;
height: inherit;
}
.gallery-holder.larger-case {
width: 100%;
}
div#sticky-wrapper {
height: 66px !important;
}
section.sub-nav,
a.book-online {
display: none;
}
}
@media (max-width: 550px) {
.team-member {
width: 75%;
margin: 0 auto 5%;
}
form {
width: 100%;
}
.content-band form ul {
padding: 25px;
}
}
@media (max-width: 500px) {
.banner-text {
padding: 20px 0;
}
.banner-text h1 {
font-size: 1.5rem;
}
.treatment-list h2 {
font-size: 2.2rem;
}
.testimonials.halfbox .slick-slider {
padding: 0;
}
.fee-table-sub-title {
font-size: 2rem;
}
h3 {
font-size: 1.6rem;
line-height: 2rem;
}
.quicklinks .content-third img {
width: 85%;
}
.video-header {
height: calc(400px - 180px);
}
.breadcrumbs-wrapper {
font-size: 1.2rem;
width: 100%;
text-align: left;
}
nav li:hover ul {
padding: 12px 10px;
}
.long-title-band {
font-size: 2rem;
text-align: left;
line-height: 30px;
}
.quicklinks .content-third h3 {
line-height: 20px;
}
.image-copy-steps {
min-height: 100vh;
height: 100vh;
}
h2 {
font-size: 2.3rem;
}
.page-intro.white .content-holder .innerql a.ql-image-inner {
width: 40%;
}
}
@media (max-width: 450px) {
.map-info {
padding: 25px 25px 45px;
}
.content-band.team-band .treatment-list,
.content-band.team-band .treatment-image,
.gallery-holder {
width: 100%;
}
.circle-offer {
font-size: 1.2rem;
padding: 5px;
height: 55px;
}
.circle-offer span {
font-size: 1.5rem;
padding: 0 0 2.5px;
margin: 0 0 2.5px;
}
a.treatment-box-landing {
height: 80vh;
}
.form-holder {
padding: 85px 20px;
}
#progressbar li {
font-size: 13px;
}
#progressbar li:before {
width: 30px;
line-height: 30px;
font-size: 13px;
}
.testimonials h5,
.fs-title {
font-size: 2.5rem;
margin: 40px auto 0;
}
}
@media (max-width: 430px) {
.map-info h6 {
font-size: 2.6rem;
line-height: 3rem;
}
body {
font-size: 1.4rem;
}
}
@media (max-width: 400px) {
a.btn,
button,
.blog-container article .blog-footer .blog-read-more {
width: 100%;
text-align: center;
margin: 0 auto;
}
}
.quicklinks .ql-content p a {
color: #97c71f !important;
text-decoration: underline;
text-underline-offset: 3px;
font-weight: 500;
}
.quicklinks .ql-content p a:hover,
.quicklinks .ql-content p a:focus {
color: #ffffff !important;
}