/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
progress,sub,sup {
    vertical-align: baseline
}

button,hr,input {
    overflow: visible
}

[type=checkbox],[type=radio],legend {
    box-sizing: border-box;
    padding: 0
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth
}

body {
    margin: 0;
    scroll-behavior: smooth
}

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

audio,canvas,progress,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: #fff0;
    -webkit-text-decoration-skip: objects
}

a:active,a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

button,input,select,textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

textarea {
    overflow: auto
}

[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-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

body {
    font-family: 'Lato',sans-serif;
    color: #444;
    font-weight: 400
}

a {
    color: #cc7646;
    text-decoration: none
}

a:hover {
    color: #995734
}

strong {
    font-weight: 700
}

h1,h2,h3,h4 {
    font-weight: 400;
    font-family: 'Montserrat';
    letter-spacing: -.03em
}

p,ul,ol {
    line-height: 1.7
}

hr {
    border: 0;
    background: #d9d9d9;
    height: 1px;
    margin: 15px 0;
    clear: both
}

form.contact-form.e-consult {
    background: #238995
}

.e-consult-btn input {
    background: #fff!important;
    color: #238995!important;
    margin-bottom: 20px!important
}

.upload-icon i {
    text-align: center;
    left: 0;
    right: 0
}

form.contact-form.e-consult li.example-photo img {
    width: 100%;
    height: auto
}

form.contact-form.e-consult .gdpr {
    color: #fff!important;
    float: unset!important
}

form.contact-form.e-consult .gdpr ul li {
    display: inline-block
}

form.contact-form.e-consult li.example-photo a {
    color: #238995;
    background: #fff!important
}

form.contact-form.e-consult .gdpr-small {
    color: #fff!important
}

form.contact-form.e-consult .gdpr-small a {
    color: #fff!important
}

form.contact-form.e-consult .gdpr input {
    height: auto!important;
    padding: 0!important;
    width: 50px!important
}

form.contact-form.e-consult label {
    width: calc(98%/5);
    padding: 2rem 1rem;
    text-align: center;
    background: #fff;
    border-radius: 7px;
    border: 3px solid #eee;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: inherit;
    font-size: inherit;
    top: inherit;
    position: inherit;
    display: inherit;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-bottom: 20px
}

li.example-photo img {
    text-align: center;
    padding-bottom: 40px;
    display: block;
    margin: 0 auto
}

li.e-consult-btn input {
    background: #fff!important;
    height: 45px!important;
    color: #238995!important;
    font-size: 18px!important
}

form.contact-form.e-consult .btn.link {
    float: right;
    margin: 0 0 25px 25px!important;
    background: #2976bb
}

li.example-photo p {
    color: #fff
}

form.contact-form.e-consult label:hover {
    border-color: #17a6b6
}

form.contact-form.e-consult label.hover {
    border: 3px solid #2976bb;
    box-shadow: inset 0 0 0 6px #eee
}

form.contact-form.e-consult label.hover #start i.fa,form.contact-form.e-consult label.hover #start2 i.fa,form.contact-form.e-consult label.hover #start3 i.fa,form.contact-form.e-consult label.hover #start4 i.fa,form.contact-form.e-consult label.hover #start5 i.fa {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: .3
}

form.contact-form.e-consult #start,form.contact-form.e-consult #start2,form.contact-form.e-consult #start3,form.contact-form.e-consult #start4,form.contact-form.e-consult #start5 {
    float: left;
    clear: both;
    width: 100%
}

form.contact-form.e-consult #start.hidden,form.contact-form.e-consult #start2.hidden,form.contact-form.e-consult #start3.hidden,form.contact-form.e-consult #start4.hidden,form.contact-form.e-consult #start5.hidden {
    display: none
}

form.contact-form.e-consult #start i.fa,form.contact-form.e-consult #start2 i.fa,form.contact-form.e-consult #start3 i.fa,form.contact-form.e-consult #start4 i.fa,form.contact-form.e-consult #start5 i.fa {
    font-size: 50px;
    margin-bottom: 1rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: block
}

form.contact-form.e-consult #response,form.contact-form.e-consult #response2,form.contact-form.e-consult #response3,form.contact-form.e-consult #response4,form.contact-form.e-consult #response5 {
    float: left;
    clear: both;
    width: 100%
}

form.contact-form.e-consult #response.hidden,form.contact-form.e-consult #response2.hidden,form.contact-form.e-consult #response3.hidden,form.contact-form.e-consult #response4.hidden,form.contact-form.e-consult #response5.hidden {
    display: none
}

form.contact-form.e-consult #response #messages,form.contact-form.e-consult #response2 #messages2,form.contact-form.e-consult #response3 #messages3,form.contact-form.e-consult #response4 #messages4,form.contact-form.e-consult #response5 #messages5 {
    margin-bottom: .5rem
}

form.contact-form.e-consult #file-image,form.contact-form.e-consult #file-image2,form.contact-form.e-consult #file-image3,form.contact-form.e-consult #file-image4,form.contact-form.e-consult #file-image5 {
    display: inline;
    margin: 0 auto .5rem auto;
    width: auto;
    height: auto;
    max-width: 180px;
    width: auto;
    max-height: 100px
}

form.contact-form.e-consult #file-image.hidden,form.contact-form.e-consult #file-image2.hidden,form.contact-form.e-consult #file-image3.hidden,form.contact-form.e-consult #file-image4.hidden,form.contact-form.e-consult #file-image5.hidden {
    display: none
}

form.contact-form.e-consult #notimage,form.contact-form.e-consult #notimage2,form.contact-form.e-consult #notimage3,form.contact-form.e-consult #notimage4,form.contact-form.e-consult #notimage5 {
    display: block;
    float: left;
    clear: both;
    width: 100%
}

form.contact-form.e-consult #notimage.hidden,form.contact-form.e-consult #notimage2.hidden,form.contact-form.e-consult #notimage3.hidden,form.contact-form.e-consult #notimage4.hidden,form.contact-form.e-consult #notimage5.hidden {
    display: none
}

form.contact-form.e-consult progress,form.contact-form.e-consult .progress {
    display: inline;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 180px;
    height: 8px;
    border: 0;
    border-radius: 4px;
    background-color: #eee;
    overflow: hidden
}

form.contact-form.e-consult .progress[value]::-webkit-progress-bar {
    border-radius: 4px;
    background-color: #eee
}

form.contact-form.e-consult .progress[value]::-webkit-progress-value {
    background: -webkit-gradient(linear,left top,right top,from(#393f90),color-stop(50%,#454cad));
    background: linear-gradient(to right,#393f90 0%,#454cad 50%);
    border-radius: 4px
}

form.contact-form.e-consult .progress[value]::-moz-progress-bar {
    background: linear-gradient(to right,#393f90 0%,#454cad 50%);
    border-radius: 4px
}

form.contact-form.e-consult input[type=file] {
    display: none
}

form.contact-form.e-consult div {
    margin: 0;
    max-width: inherit;
    color: #5f6982;
    float: left;
    width: 100%;
    text-align: center;
    padding: 0;
    word-break: break-all;
    text-transform: capitalize
}

form.contact-form.e-consult .btn {
    display: inline-block;
    margin: 10px 0;
    clear: both;
    font-family: inherit;
    font-weight: 700;
    font-size: 11px;
    text-decoration: none;
    text-transform: initial;
    border: none;
    border-radius: .2rem;
    outline: none;
    padding: 0 1rem;
    line-height: 36px;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-sizing: border-box;
    background: #15a7b6;
    border-color: #15a7b6;
    cursor: pointer
}

.e-consult-text iframe {
    border: none;
    margin-bottom: 20px
}

.review-testimonials blockquote {
    background: #f9f9f9;
    padding: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    border: solid 2px #e1e1e1
}

.hero-image {
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 999999;
    background: url(/wp-content/themes/woodlane/images/hero-image.jpg) no-repeat;
    background-position: right center;
    background-size: cover
}

.hero-image-logo {
    padding: 40px 0 0 40px;
    float: left;
    width: 230px
}

.hero-image-logo img {
    width: 100%
}

.hero-image-nav {
    float: right;
    padding: 80px 40px 0 0
}

.welcome-message {
    width: 50%;
    padding-left: 12%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.welcome-logo {
    width: 100%;
    text-align: center;
    width: 30%;
    padding-left: 12%;
    position: absolute;
    top: 70%
}

.welcome-logo img {
    width: 350px
}

.welcome-message-h1 {
    font-size: 50px;
    font-weight: 300;
    color: #fff;
    text-shadow: 0 0 10px rgb(0 0 0 / .5)
}

.woodlane-welcome {
    font-size: 70px;
    font-weight: 600
}

.find-out-more {
    position: absolute;
    bottom: 120px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 30px;
    color: #fff
}

.find-out-more span {
    display: block;
    text-shadow: 0 0 10px rgb(0 0 0 / .5)
}

.find-out-more i {
    display: block;
    float: none!important;
    font-size: 40px
}

ul.treatment-video li {
    display: inline-block
}

ul.treatment-video li {
    padding: 10px;
    background: 0 0;
    border: none;
    background: #fff!important;
    margin-left: 20px;
    margin-right: 20px
}

@-webkit-keyframes bounce {
    0%,20%,50%,80%,100% {
        -webkit-transform: translateY(0) translateX(-50%)
    }

    40% {
        -webkit-transform: translateY(-30px) translateX(-50%)
    }

    60% {
        -webkit-transform: translateY(-15px) translateX(-50%)
    }
}

@-moz-keyframes bounce {
    0%,20%,50%,80%,100% {
        -moz-transform: translateY(0) translateX(-50%)
    }

    40% {
        -moz-transform: translateY(-30px) translateX(-50%)
    }

    60% {
        -moz-transform: translateY(-15px) translateX(-50%)
    }
}

@-o-keyframes bounce {
    0%,20%,50%,80%,100% {
        -o-transform: translateY(0) translateX(-50%)
    }

    40% {
        -o-transform: translateY(-30px) translateX(-50%)
    }

    60% {
        -o-transform: translateY(-15px) translateX(-50%)
    }
}

@keyframes bounce {
    0%,20%,50%,80%,100% {
        transform: translateY(0) translateX(-50%)
    }

    40% {
        transform: translateY(-30px) translateX(-50%)
    }

    60% {
        transform: translateY(-15px) translateX(-50%)
    }
}

.bounce {
    position: absolute;
    bottom: -50px;
    left: 50%;
    width: 60px;
    height: 30px;
    margin-left: -30px;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
    font-size: 40px
}

.arrow {
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
    background-size: contain;
    animation: bounce 2s infinite
}

.header-wrapper {
    padding: 1% 0 0;
    width: 100%;
    position: absolute;
    z-index: 10000!important;
    background: rgb(255 255 255 / .99);
    box-shadow: 0 5px 11px 0 rgb(50 50 50 / .08)
}

.header-wrapper.fixed {
    background: #fff
}

header {
    width: 100%;
    margin: 0 auto;
    font-size: .82em
}

header a,header a:hover {
    color: #5d5d5d
}

.header-contact-right {
    float: right;
    margin-top: 5px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    transform-origin: top right;
    -webkit-transform-origin: top right
}

.header-phone,.header-email {
    float: right;
    width: 100%;
    text-align: right;
    color: #5d5d5d;
    margin: 5px 15px 10px;
    padding: 9px 0 9px 17px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow: hidden
}

.header-phone {
    letter-spacing: .03em
}

.header-phone .fa,.header-email .fa {
    color: #fff;
    text-align: center;
    width: 27px;
    height: 26px;
    font-size: 1.25em;
    padding: 9px 5px 2px;
    margin: -9px -1px -9px 10px;
    background: #a0c443;
    border-radius: 10px;
    -webkit-border-radius: 10px
}

.header-email .fa {
    background: #087f8c
}

.logo {
    width: 230px;
    text-align: center;
    margin: 0 auto
}

.logo img {
    width: 100%;
    height: auto
}

.is-sticky .logo {
    width: 152px!important
}

.scroll-fix {
    background: rgb(255 255 255 / .95)
}

.scroll-fix .logo {
    margin-top: 0
}

.scroll-fix .header-contact-right {
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    height: 0;
    opacity: 0
}

.nav-wrapper {
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #d6d6d6
}

nav ul li#menu-item-1261 a {
    color: #fff;
    background: #a1c741
}

nav {
    width: 1110px;
    margin: 0 auto
}

li#menu-item-613,li#menu-item-747 {
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1
}

li#menu-item-608,li#menu-item-744 {
    border-left: 1px solid #f1f1f1
}

li#menu-item-614,li#menu-item-748 {
    border-right: 1px solid #f1f1f1
}

nav ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    width: 100%;
    text-align: center;
    text-align: center
}

nav ul li {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 4;
    display: inline-block
}

nav a {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 6px;
    margin: 0;
    font-size: 12px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

nav a:hover {
    background: #a0c443;
    color: #fff
}

nav ul li ul {
    padding: 7px 10px 10px;
    position: absolute;
    top: 36px;
    left: 50%;
    transform: translateX(-50%);
    width: 280px;
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transiton: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    -transition: opacity .2s;
    z-index: 2;
    box-sizing: border-box
}

nav ul li ul li {
    background: #fff0;
    display: block;
    color: #fff;
    padding: 0;
    border: none;
    float: none;
    font-size: 16px;
    box-sizing: border-box;
    text-align: center
}

nav ul li ul li a {
    background: #383838;
    color: #fff;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 12px;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 20px;
    border-bottom: 1px solid #5d5d5d;
    outline: none
}

nav ul li ul li a:hover {
    background: #292929!important
}

nav ul li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible
}

.nav-facebook a {
    background: #3b5998!important;
    color: #fff!important
}

.nav-facebook i {
    margin-right: 5px;
    position: relative;
    top: -2px;
    font-size: 18px
}

.easy-review {
    font-family: Lato;
    position: fixed;
    width: 150px;
    text-align: center;
    background-color: #fff;
    display: inline-block;
    border: 5px solid #50a7ad;
    border-radius: 15px;
    overflow: hidden;
    right: 10px;
    bottom: 10px;
    transition: .25s;
    cursor: pointer;
    z-index: 999
}

.easy-review:hover {
    transform: scale(1.05)
}

.easy-review .aggregate-stars,.easy-review .review-count {
    display: block
}

.easy-review .aggregate-reviews {
    padding: 10px 0
}

.easy-review .aggregate-rating {
    display: block;
    padding-top: 5px
}

.easy-review .aggregate-rating:after {
    display: block;
    padding-top: 10px
}

.easy-review .review-count-separator {
    display: none
}

.easy-review div.aggregate-reviews {
    margin: 0
}

.easy-review .review-count {
    display: none
}

.powered-by {
    font-size: 11px;
    margin: 0;
    padding: 18px;
    background-color: #313131;
    color: #fff!important
}

.er-modal {
    font-family: Lato;
    overflow-y: scroll;
    position: fixed;
    right: -410px;
    top: 0;
    bottom: 0;
    max-width: 400px;
    transition: .4s;
    background-color: #fff;
    border-left: 5px solid #50a7ad;
    -webkit-box-shadow: 5px 10px 5px -2px rgb(0 0 0 / .17);
    -moz-box-shadow: 5px 10px 5px -2px rgb(0 0 0 / .17);
    box-shadow: 5px 10px 5px -2px rgb(0 0 0 / .17);
    scrollbar-width: none;
    width: 100vw;
    z-index: 99999999
}

.er-modal::-webkit-scrollbar {
    display: none
}

.er-modal.active {
    right: -15px
}

.er-modal .aggregate-stars {
    display: block;
    padding-bottom: 10px
}

.er-modal-close {
    position: absolute;
    width: 32px;
    height: 32px;
    transition: .4s;
    right: 40px;
    top: 20px
}

.er-modal-close.active {
    display: inline-block;
    right: 32px
}

.er-modal-close:hover {
    opacity: 1
}

.er-modal-close:before,.er-modal-close:after {
    position: absolute;
    left: 25px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #4d969b
}

.er-modal-close:before {
    transform: rotate(45deg)
}

.er-modal-close:after {
    transform: rotate(-45deg)
}

.er-modal-top-bar {
    padding: 20px 0;
    position: fixed;
    width: 385px;
    background-color: #313131
}

.er-modal-bottom-bar {
    bottom: 0;
    padding: 30px 0;
    position: fixed;
    width: 385px;
    background-color: #313131;
    color: #4d9aa0;
    text-align: center
}

.er-modal-top-bar img {
    margin-left: 30px
}

.er-modal-reviews {
    padding: 120px 0 80px
}

.er-modal .aggregate-reviews {
    text-align: center;
    margin-right: 30px
}

.er-modal .aggregate-reviews .star-icon {
    height: 25px!important
}

.er-modal-button {
    padding: 10px 20px;
    display: inline-block;
    border: 3px solid;
    color: #4fa7ad;
    border-radius: 17px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    transition: .25s;
    text-decoration: none
}

.er-modal-button:hover {
    color: #fff;
    transform: scale(1.05)
}

span.star-full img {
    max-width: 20px
}

.er-modal div.review .review-source {
    margin-top: 5px;
    padding: 5px 10px;
    background-color: #eee
}

.er-modal div.review-response {
    background-color: #f6f6f6;
    padding: 10px;
    margin: 10px 0 0
}

.er-modal .reviews {
    padding: 20px 35px 20px 20px
}

.er-modal div.reviews div.review {
    padding: 30px 10px
}

.banner ul {
    overflow: hidden;
    margin-top: 172px;
    padding: 0;
    position: relative;
    min-height: 650px;
    height: 90vh
}

.banner {
    position: relative;
    height: 90vh;
    width: 100%;
    overflow: hidden;
    display: block;
    min-height: 550px;
    margin-top: 100px
}

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

.banner li {
    display: none
}

.banner li:first-of-type {
    display: inline-block;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

.unslider-wrap.unslider-carousel li {
    float: left
}

.unslider-fade .unslider-wrap li {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 8;
    display: inline-block;
    overflow: hidden
}

img.slide-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    z-index: -2;
    height: 100%;
    width: 100%;
    object-position: top right
}

img.slide-bg.awards {
    object-position: top center
}

.unslider-fade .unslider-wrap li.unslider-active {
    z-index: 10
}

.unslider li,.unslider ol,.unslider ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none
}

.unslider li {
    height: 100%;
    background-size: cover;
    background-position: center
}

.unslider-arrow {
    position: absolute;
    left: 20px;
    z-index: 2;
    cursor: pointer
}

.unslider-arrow.next {
    left: auto;
    right: 20px
}

.unslider-nav {
    position: absolute;
    bottom: 10px;
    width: 100%;
    max-width: 100%;
    z-index: 11
}

.unslider-nav ol {
    list-style: none;
    text-align: center
}

.unslider-nav ol li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    background: 0 0;
    border-radius: 6px;
    overflow: hidden;
    text-indent: -999em;
    border: 2px solid #fff;
    cursor: pointer
}

.unslider-nav ol li.unslider-active {
    background: #fff;
    cursor: default
}

.slide1 {
    background-image: url(/wp-content/themes/woodlane/images/slider/slide1.jpg)
}

.slide2 {
    background-image: url(/wp-content/themes/woodlane/images/slider/slide2.jpg)
}

.slide3 {
    background-image: url(/wp-content/themes/woodlane/images/slider/slide3.jpg)
}

.slide4 {
    background-image: url(/wp-content/themes/woodlane/images/slider/slide4.jpg)
}

.slide5 {
    background-image: url(/wp-content/themes/woodlane/images/slider/slide5.jpg)
}

.slide-content {
    width: 92%;
    max-width: 1200px;
    margin: 12% auto 0;
    position: relative
}

.slide-content p {
    max-width: 45%
}

.slide-title {
    font-family: 'Montserrat',arial;
    font-weight: 700;
    line-height: 1.1;
    font-size: 3em;
    margin-bottom: .4em;
    letter-spacing: -.04em
}

.slide-text {
    font-size: 1.2em;
    font-weight: 600;
    margin: 10px
}

.slide-title,.slide-text,.green-button {
    opacity: 0;
    -moz-transform: translateX(800px);
    -webkit-transform: translateX(800px);
    -o-transform: translateX(800px);
    -ms-transform: translateX(800px);
    transform: translateX(800px);
    -webkit-transition: -webkit-transform 1s ease-in-out,opacity 1s,background .5s;
    -moz-transition: -moz-transform 1s ease-in-out,opacity 1s,background .5s;
    -ms-transition: -ms-transform 1s ease-in-out,opacity 1s,background .5s;
    -o-transition: -o-transform 1s ease-in-out,opacity 1s,background .5s;
    transition: transform 1s ease-in-out,opacity 1s,background .5s
}

.unslider-active .slide-title,.unslider-active .slide-text,.unslider-active .green-button {
    opacity: 1;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.slide-text {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.green-button {
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
    display: inline-block;
    margin: .5em 0;
    padding: 8px 15px;
    color: #fff;
    background: #a0c443;
    border-radius: 10px;
    font-family: 'Montserrat'
}

.green-button.green-button-inner {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    margin: .5em 0;
    padding: 8px 15px;
    color: #fff;
    background: #a0c443;
    border-radius: 10px;
    font-family: 'Montserrat';
    opacity: 1;
    transform: initial
}

.green-button:hover {
    color: #fff;
    background: #87a638
}

.green-button .fa {
    margin-right: 5px;
    font-size: 1.2em
}

.slider-logos {
    padding: 10px 0
}

.slider-logos img {
    max-height: 125px;
    padding-right: 2%;
    max-width: 22%;
    vertical-align: middle
}

.home-content-wrap {
    padding: 5% 0;
    position: relative
}

img.homepage-content-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1
}

.home-content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    color: #fff
}

.col-50 {
    width: 50%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.home-text {
    text-align: center;
    padding: 0 5%
}

.home-text a {
    color: #b8dd59;
    font-weight: 800
}

.home-text h1 {
    margin: .5em 0;
    font-size: 3em;
    line-height: 1.1
}

.home-text p {
    font-size: .95em
}

.home-video {
    text-align: right
}

.quicklinks-wrapper {
    width: 100%;
    padding: 4% 0;
    background: #f7f7f7
}

.quicklinks {
    width: 98%;
    max-width: calc(1200px + 1.8%);
    margin: 0 auto
}

.quicklinks h2 {
    text-align: center;
    font-size: 2em;
    margin-top: 0
}

.quicklinks>div {
    width: 23%;
    margin: 3% 5%;
    float: left;
    position: relative
}

.ql-general .ql-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/general.jpg)
}

.ql-implants .ql-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/implants.jpg)
}

.ql-periodontics .ql-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/periodontics.jpg)
}

.ql-cosmetic .ql-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/cosmetic.jpg)
}

.ql-sedation .ql-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/sedation.jpg)
}

.ql-endodontics .ql-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/endodontics.jpg)
}

.ql-surgery .ql-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/surgery.jpg)
}

.ql-crown-bridge .ql-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/crown-bridge.jpg)
}

.ql-whitening .ql-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/whitening.jpg)
}

.ql-image {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    border-radius: 50%;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    overflow: hidden
}

img.ql-image-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    object-fit: cover
}

.quicklinks a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.quicklinks .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 2
}

.quicklinks>div:nth-child(4n) .overlay {
    background-color: #dc4949
}

.quicklinks>div:nth-child(4n+1) .overlay {
    background-color: #a0c443
}

.quicklinks>div:nth-child(4n+2) .overlay {
    background-color: #087f8c
}

.quicklinks>div:nth-child(4n+3) .overlay {
    background-color: #efbb20
}

.quicklinks p {
    position: relative;
    color: #6d6d6d;
    font-weight: 700;
    letter-spacing: -.03em;
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0 0;
    padding-top: 7px;
    font-size: 1.2em;
    font-family: 'Montserrat'
}

.quicklinks p:before {
    position: absolute;
    top: -15px;
    left: 0;
    content: "";
    height: 4px;
    width: 70%;
    margin: 10px 15%;
    background: #000;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.quicklinks>div:nth-child(4n) p:before {
    background-color: #dc4949
}

.quicklinks>div:nth-child(4n+1) p:before {
    background-color: #a0c443
}

.quicklinks>div:nth-child(4n+2) p:before {
    background-color: #087f8c
}

.quicklinks>div:nth-child(4n+3) p:before {
    background-color: #efbb20
}

.quicklinks>div:hover .overlay {
    opacity: .4
}

.quicklinks>div:hover p:before {
    width: 90%;
    margin: 10px 5%
}

.contact-icons {
    padding: 5% 0;
    background: url(/wp-content/themes/woodlane/images/contact-bg.jpg) center;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    width: 100%;
    float: left
}

.contact-icons-inner {
    width: 100%;
    max-width: calc(1200px + 1.8%);
    margin: 0 auto;
    padding: 1% 0;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-row-gap: 20px;
    grid-column-gap: 20px
}

.contact-icons a {
    width: auto;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    font-size: 1.2em
}

.contact-icons .fa {
    font-size: 2.2em;
    margin-bottom: .5em
}

.contact-icons a:hover .fa {
    -moz-transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px)
}

@media only screen and (max-width: 1280px) {
    .contact-icons-inner {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-evenly
    }

    .contact-icons a {
        width: 24%
    }
}

.map-wrapper {
    padding: .75%;
    box-sizing: border-box
}

.testimonial-wrapper {
    padding: 4% 0;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative
}

img.testimonial-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover
}

.testimonials-inner {
    width: 100%;
    max-width: calc(1200px + 1.8%);
    margin: 0 auto
}

.testimonials-inner h2 {
    color: #fff;
    font-size: 2em;
    margin-top: 0
}

.testimonial-box {
    float: left;
    width: 27%;
    margin: 3%;
    background: #fff;
    box-sizing: border-box;
    padding: 20px 25px
}

.testimonial-box .fa {
    color: #a0c443
}

.opening-hours-wrapper {
    background: #f7f7f7;
    padding: 4% 0
}

.opening-hours {
    width: 96%;
    max-width: 1100px;
    margin: 0 auto;
    text-align: center
}

.opening-hours h2 {
    text-align: center;
    font-size: 2em;
    margin-top: 0
}

.opening-hours table {
    margin: 10px 0;
    width: 100%
}

.opening-hours td {
    padding: 7px 10px;
    line-height: 2;
    border-bottom: 1px solid #d2d2d2;
    text-align: center
}

.opening-hours tr:last-of-type td {
    border: none
}

.opening-hours img {
    max-width: 550px;
    width: 100%
}

.day {
    font-family: 'Montserrat',sans-serif;
    color: #087f8b;
    font-size: 1.25em
}

h3.dentist-bar-title.about-us-heading-three {
    margin: 0;
    padding: 0;
    margin-bottom: 40px;
    font-size: 18px;
    color: #fff
}

h2.dentist-bar-title {
    margin-bottom: 6px
}

h1.dentist-bar-title {
    color: #fff;
    margin: 0
}

span.dentist-bar-title-heading.about-us-heading-three {
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-bottom: 7%;
    font-size: 20px;
    margin-top: 10px;
    color: #fff;
    font-family: 'Montserrat'
}

span.black-sub-heading-findoutmore {
    color: #000!important
}

.footer-wrapper {
    padding: 4% 0;
    background: #f7f7f7;
    text-align: center
}

.logos-bar {
    padding: 3%;
    text-align: center
}

.logos-bar img {
    margin: 30px 60px;
    height: 60px;
    opacity: .7
}

.logos-bar img:hover {
    opacity: .9
}

footer {
    width: 96%;
    max-width: calc(1200px + 1.8%);
    margin: 0 auto
}

footer p {
    margin-top: 0
}

footer a {
    color: #2b2f33;
    text-decoration: none
}

footer a:hover {
    color: #3a4759
}

.footer-fourth {
    float: left;
    width: 22%;
    margin: 0 1.5%;
    font-size: .9em;
    text-align: center
}

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

div.cqc-widget {
    height: 250px!important
}

.social-button {
    padding: 24px 10px;
    border-radius: 8px;
    margin: 10px 0;
    display: block;
    color: #fff;
    font-size: 1.4em
}

.facebook {
    background: #3b5998
}

.twitter {
    background: #55acee
}

.google {
    background: #df4a32
}

.social-button:hover {
    opacity: .8;
    color: #fff
}

.footer-fourth .day {
    font-size: 1.6em
}

.copyright {
    text-align: center;
    padding: 1%;
    background: #404040;
    color: #cecece;
    float: left;
    width: 100%;
    box-sizing: border-box
}

.copyright p {
    font-size: 1em;
    line-height: 2.5
}

.copyright a {
    color: #cecece;
    padding-bottom: 2px;
    border-bottom: 1px solid
}

.copyright a:hover {
    padding-bottom: 4px
}

.copyright img {
    width: 95px
}

.copyright ul li {
    display: inline-block;
    padding: 20px
}

.copyright ul li a {
    border-bottom: none
}

#slide-out-form {
    z-index: 99;
    position: fixed;
    right: -350px;
    top: 150px;
    width: 350px;
    background: #eee;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.logo img,.logo {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

#slide-out-form.visible-form {
    right: 0
}

#form-button {
    position: absolute;
    left: -51px;
    background: #087f8c;
    width: 50px;
    height: 230px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #fff
}

#form-button:before {
    content: '\f0e0';
    font-family: 'Font Awesome 5 Free';
    color: #fff;
    font-size: 1.7em;
    margin-top: 10px;
    display: inline-block
}

.visible-form #form-button {
    height: 50px
}

.visible-form .form-button-text {
    opacity: 0
}

.visible-form #form-button:before {
    content: '\f057'
}

.form-button-text {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block;
    width: 172px;
    height: 60px;
    position: absolute;
    left: -44px;
    top: 100px;
    color: #fff;
    font-size: 1.2em
}

.contact-form {
    padding: 7%
}

.contact-form h2 {
    margin: 0 0 10px;
    font-size: 1.8em;
    line-height: 1
}

form.contact-form.e-consult h2 {
    color: #fff;
    font-size: 30px;
    text-align: center
}

.contact-form p {
    font-size: 10px;
    margin: 5px 0
}

.contact-form ul {
    margin: 20px 0 0;
    padding: 0;
    list-style: none
}

.contact-form input,.contact-form textarea,.contact-form select {
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    padding: 7px 10px 7px 45px;
    border: none;
    font-size: .9em;
    color: #583e2c;
    outline: none;
    border: 2px solid #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.contact-form textarea {
    height: 120px;
    overflow: auto;
    vertical-align: top
}

.contact-form input:hover,.contact-form textarea:hover,.contact-form input:focus,.contact-form textarea:focus {
    border-color: #087f8c
}

.contact-form li {
    position: relative
}

.contact-form li i {
    position: absolute;
    font-size: 1.1em;
    top: 11px;
    left: 11px;
    color: #087f8c
}

.contact-form .submit {
    background: #a0c443;
    color: #fff;
    height: 40px;
    text-transform: uppercase;
    font-size: 1em;
    width: 100%;
    margin: 0;
    border: none;
    padding: 7px 0 12px;
    letter-spacing: .04em
}

.contact-form .submit:hover {
    background: #087f8c
}

.contact-form .submit-icon {
    left: 12px;
    top: 12px;
    right: auto;
    color: #fff
}

.contact-form li:hover .submit-icon {
    left: 91%
}

.video-wrapper {
    width: 100%;
    position: relative;
    padding-bottom: 55.5%;
    height: 0;
    border: 3px solid #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.video-overlay,.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-overlay {
    background-size: cover;
    opacity: 1;
    z-index: 100;
    cursor: pointer
}

img.video-overlay-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hidden {
    opacity: 0;
    pointer-events: none
}

.alignright,.alignleft {
    padding: 8px;
    background: #fff;
    border: 1px solid #ececec
}

.alignright {
    float: right;
    margin: 0 0 10px 20px;
    max-width: 100%
}

.wp-caption.alignright {
    text-align: center
}

.alignleft {
    float: left;
    margin: 0 20px 10px 0
}

.header-wrapper,.logo img,a,.nav-wrapper,.logos-bar img,.contact-icons .fa,.contact-form input,.contact-form textarea,.submit-icon,#form-button,.form-button-text,.video-overlay {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.animatedParent {
    overflow: hidden;
    clear: both
}

.page-member-right-content,.page-member-left-content {
    position: relative
}

#person1,#person2,#person3,#person4,#person5,#person6 {
    position: absolute;
    top: -150px
}

.page-content {
    width: 100%;
    line-height: 28px;
    float: left;
    background: #fff;
    margin-bottom: 90px
}

.page-content section {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 30px
}

.page-banner {
    background: url(/wp-content/themes/woodlane/images/home-content-bg.jpg) center;
    background-size: cover;
    background-attachment: fixed;
    padding: 100px 0 5%;
    width: 100%;
    float: left;
    position: relative;
    height: 200px
}

.page-banner h1 {
    max-width: 1200px;
    position: absolute;
    bottom: 20px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    padding: 0 30px
}

span.role {
    font-weight: 700;
    font-size: 14px
}

.page-team-blue,.page-team-white {
    width: 100%;
    float: left;
    padding: 60px 0
}

.page-team {
    width: 100%;
    padding-top: 209px
}

.page-team-blue {
    background: url(/wp-content/themes/woodlane/images/home-content-bg.jpg) center;
    background-size: cover;
    background-attachment: fixed;
    padding: 3% 0
}

.page-team-white {
    padding: 3% 0
}

.team-content section,.page-team-blue .page-team-section,.page-team-white .page-team-section {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto
}

.team-content {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 60px 20px
}

.team-links {
    width: 100%;
    padding-left: 40px;
    box-sizing: border-box
}

.team-links a {
    width: 90%;
    display: block;
    padding: 15px 0;
    text-align: center;
    margin-bottom: 5px;
    background: #087f8c;
    border: 1px solid #fff;
    color: #fff;
    font-size: 20px;
    box-sizing: border-box;
    margin-left: 0;
    border-radius: 0;
    transition: all .4s ease-in-out
}

.team-links a:hover {
    background: #a0c443;
    border-radius: 10px
}

.dentist-bar-title {
    text-align: center;
    font-size: 2em;
    margin-top: 0;
    font-weight: 400;
    font-family: 'Montserrat';
    letter-spacing: -.03em;
    margin: 70px 0 50px
}

.dentist-bar {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    width: 100%;
    float: left;
    margin-bottom: 40px
}

.dentist-bar-2 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    float: left;
    margin-bottom: 40px
}

.dentist-box {
    width: 23%;
    float: left;
    margin: 0 1%
}

.dentist-bar-2 .dentist-box {
    width: 23%;
    float: left;
    margin: 0 1%
}

div[class*=dentist-box-image] {
    position: relative;
    width: 100%;
    padding-bottom: 95%;
    border-radius: 50%;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    overflow: hidden;
    background-size: 100% auto
}

.dentist-box-image {
    position: relative;
    width: 100%;
    padding-bottom: 95%;
    border-radius: 50%;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    overflow: hidden;
    background: #087f8c;
    background-size: 100% auto;
    background-position: center top
}

.dentist-box-image-amy {
    background-image: url(https://woodlanedentistry.co.uk/wp-content/uploads/2022/10/amy-beckwith.jpg)!important
}

.dentist-box-image-maria {
    background-image: url(http://woodlanedentistry.co.uk/wp-content/uploads/2017/10/maria.jpg)!important
}

.dentist-box-image-janean {
    background-image: url(https://woodlanedentistry.co.uk/wp-content/uploads/2026/02/37558.jpg)!important
}

.dentist-box-image-sharon {
    background-image: url(http://woodlanedentistry.co.uk/wp-content/uploads/2017/10/sharon.jpg)!important
}

.dentist-box-image-colleen {
    background-image: url(http://woodlanedentistry.co.uk/wp-content/uploads/2017/10/colleen.jpg)!important
}

.dentist-box-image-melanie {
    background-image: url(http://woodlanedentistry.co.uk/wp-content/uploads/2017/10/melanie.jpg)!important
}

.dentist-box-image-vikram {
    background-image: url(http://woodlanedentistry.co.uk/wp-content/uploads/2017/10/vikram.jpg)!important
}

.dentist-box-image-dipesh {
    background-image: url(http://woodlanedentistry.co.uk/wp-content/uploads/2017/10/dipesh.jpg)!important
}

.dentist-box-image-kiran {
    background-image: url(http://woodlanedentistry.co.uk/wp-content/uploads/2017/10/kiran.jpg)!important
}

.dentist-box-image-claudia {
    background-image: url(http://woodlanedentistry.co.uk/wp-content/uploads/2017/10/claudia.jpg)!important
}

.dentist-box-image-gabriel {
    background-image: url(http://woodlanedentistry.co.uk/wp-content/uploads/2017/10/Gabriel.jpg)!important
}

.dentist-box-image-jessica {
    background-image: url(http://woodlanedentistry.co.uk/wp-content/uploads/2017/10/jessica.jpg)!important
}

.dentist-box-image-mandy {
    background-image: url(http://woodlanedentistry.co.uk/wp-content/uploads/2017/10/mandy.jpg)!important
}

.dentist-box-image-felicia {
    background-image: url(http://woodlanedentistry.co.uk/wp-content/uploads/2017/10/felicia.jpg)!important
}

.dentist-box-image-apri {
    background-image: url(http://woodlanedentistry.co.uk/wp-content/uploads/2017/10/apri.jpg)!important
}

.dentist-box-image-julie {
    background-image: url(http://woodlanedentistry.co.uk/wp-content/uploads/2017/10/julie.jpg)!important
}

.dentist-box-image-joshua {
    background-image: url(http://woodlanedentistry.co.uk/wp-content/uploads/2017/10/joshua.jpg)!important
}

.dentist-box-image-rosmarie {
    background-image: url(http://woodlanedentistry.co.uk/wp-content/uploads/2017/10/rosmarie.jpg)!important
}

.dentist-box-image-olga {
    background-image: url(http://woodlanedentistry.co.uk/wp-content/uploads/2018/03/Pisklova.jpg)!important
}

.dentist-box-image-angelika {
    background-image: url(https://woodlanedentistry.co.uk/wp-content/uploads/2019/03/angelika.png)!important
}

.dentist-box-image-joanna {
    background-image: url(https://woodlanedentistry.co.uk/wp-content/uploads/2020/12/joanna.jpg)!important
}

.dentist-box-image-vinesh {
    background-image: url(https://woodlanedentistry.co.uk/wp-content/uploads/2022/01/Vinesh-Rajaram.jpg)!important
}

.dentist-box-image-james {
    background-image: url(https://woodlanedentistry.co.uk/wp-content/uploads/2023/04/james-mead.jpg)!important
}

.dentist-box-image-zak {
    background-image: url(https://woodlanedentistry.co.uk/wp-content/uploads/2023/09/zak.jpg.webp)!important
}

.dentist-box-image-lindsey {
    background-image: url(/wp-content/themes/woodlane/images/team/lindsey.jpg)!important
}

.dentist-box-image-rhiannon {
    background-image: url(/wp-content/themes/woodlane/images/team/rhiannon.jpg)!important
}

.dentist-box-image-madhuri {
    background-image: url(/wp-content/themes/woodlane/images/team/Madhuri-V.jpg)!important
}

.dentist-box-image-placeholder {
    background-image: url(//woodlanedentistry.co.uk/wp-content/uploads/2021/10/placeholder.jpg)!important
}
}

.dentist-box-image-madhuri {
    background-image: url(/wp-content/themes/woodlane/images/team/Madhuri-V.jpg)!important
}

.dentist-box-image-joanne {
    background-image: url(/wp-content/themes/woodlane/images/team/Jo.jpg)!important
}

.dentist-box-image-victoria {
    background-image: url(/wp-content/themes/woodlane/images/team/Lewis.jpg)!important
}

.dentist-box-image-jasmine {
    background-image: url(/wp-content/themes/woodlane/images/team/Rowlette.jpg)!important
}

.dentist-box-image-lauren {
    background-image: url(https://woodlanedentistry.co.uk/wp-content/uploads/2022/10/lauren-rackley.jpg)!important
}

.dentist-box-image-megan {
    background-image: url(/wp-content/themes/woodlane/images/team/Meghan.jpg)!important
}

.dentist-box-image-chelsea {
    background-image: url(/wp-content/themes/woodlane/images/team/chelsea.jpg)!important
}

.dentist-box-image-asma {
    background-image: url(https://woodlanedentistry.co.uk/wp-content/uploads/2022/10/asma.jpg)!important
}

.dentist-box-image-samy {
    background-image: url(https://woodlanedentistry.co.uk/wp-content/uploads/2022/10/samy.jpg)!important
}

.dentist-box-image-zaynab {
    background-image: url(https://woodlanedentistry.co.uk/wp-content/uploads/2022/10/zaynab.jpg)!important
}

.dentist-box-image-khadeejah {
    background-image: url(https://woodlanedentistry.co.uk/wp-content/uploads/2022/10/khadeejah.jpg)!important
}

.dentist-box-image-sarah {
    background-image: url(https://woodlanedentistry.co.uk/wp-content/uploads/2022/11/sarah-tuffin.jpg.webp)!important
}

.dentist-box-image-bibasana {
    background-image: url(https://woodlanedentistry.co.uk/wp-content/uploads/2024/05/Bibasana-Dhenga.jpg)!important
}

.dentist-box-image-kainat {
    background-image: url(https://woodlanedentistry.co.uk/wp-content/uploads/2024/05/Kainat-Syeda.jpg)!important
}

.dentist-box-image-emma {
    background-image: url(https://woodlanedentistry.co.uk/wp-content/uploads/2024/05/Emma-.jpg)!important
}

.dentist-box-image-nazanin {
    background-image: url(https://woodlanedentistry.co.uk/wp-content/uploads/2025/03/Nazanin-wood-lane-dentistry.jpg)!important
}

.dentist-box-image-pushpa {
    background-image: url(https://woodlanedentistry.co.uk/wp-content/uploads/2025/03/Pushpa-wood-lane-dentistry.jpg)!important
}

.dentist-box-image-serena {
    background-image: url(https://woodlanedentistry.co.uk/wp-content/uploads/2025/03/Serena-wood-lane-dentistry.jpg)!important
}

.dentist-box-image-briana {
    background-image: url(https://woodlanedentistry.co.uk/wp-content/uploads/2025/03/briana.jpg)!important
}

.booking-form input[type=checkbox],.contact-page-form input[type=checkbox] {
    width: auto;
    height: auto;
    margin-bottom: 0;
    padding: 0;
    margin-left: 16px
}

.dentist-box-image img {
    margin-bottom: -95%
}

.dentist-box-info {
    position: relative;
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 20px;
    padding-top: 1px
}

.dentist-box-info h2 {
    margin-bottom: 2px;
    position: relative
}

.dentist-box-info h2 {
    position: relative;
    color: #6d6d6d;
    font-weight: 700;
    letter-spacing: -.03em;
    text-align: center;
    text-transform: uppercase;
    margin: 10px 0 0;
    padding-top: 7px;
    font-size: 1.12em;
    font-family: 'Montserrat'
}

.dentist-box-info h2 {
    color: #6d6d6d
}

#gdpr-text input[type=checkbox],#referral-form input[type=radio] {
    width: auto;
    min-height: 0;
    padding: 0;
    margin: 0 0 0 16px;
    float: none;
    border: none
}

#gdpr-li input[type=checkbox] {
    width: auto;
    min-height: 0;
    padding: 0;
    margin: 0 0 0 16px;
    float: none;
    border: none;
    height: auto
}

.page-team-blue .page-team-section h2,.page-team-blue .page-team-section .dentist-box-info h2,.page-team-blue .page-team-section .dentist-box-info h2 a,.page-team-blue .dentist-box-info .gdc-number {
    color: #fff
}

.dentist-box-info .gdc-number {
    margin: 5px 0;
    font-size: 14px
}

.dentist-box-info:before {
    position: absolute;
    top: -15px;
    left: 0;
    content: "";
    height: 4px;
    width: 70%;
    margin: 10px 15%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.dentist-box:hover .dentist-box-info:before {
    width: 90%;
    margin: 10px 5%
}

.dentist-box:nth-child(4n+2) .dentist-box-info:before {
    background-color: #087f8c
}

.dentist-box:nth-child(4n+3) .dentist-box-info:before {
    background-color: #efbb20
}

.dentist-box:nth-child(4n) .dentist-box-info:before {
    background-color: #dc4949
}

.dentist-box:nth-child(4n+1) .dentist-box-info:before {
    background-color: #a0c443
}

.hygienist-page {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.hygienist-box {
    width: 33%;
    box-sizing: border-box;
    padding: 30px 0;
    display: block;
    position: relative
}

.hygienist-box-image {
    position: relative;
    width: 80%;
    padding-bottom: 80%;
    border-radius: 50%;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    background: #565;
    margin-left: 10%
}

.hygienist-box h2:before {
    position: absolute;
    top: -15px;
    left: 0;
    content: "";
    height: 4px;
    width: 70%;
    margin: 10px 15%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.hygienist-box:hover h2:before {
    width: 90%;
    margin: 10px 5%
}

.hygienist-box:nth-child(4n+2) h2:before {
    background-color: #087f8c
}

.hygienist-box:nth-child(4n+3) h2:before {
    background-color: #efbb20
}

.hygienist-box:nth-child(4n) h2:before {
    background-color: #dc4949
}

.hygienist-box:nth-child(4n+1) h2:before {
    background-color: #a0c443
}

.hygienist-box h2 {
    position: relative;
    color: #6d6d6d;
    font-weight: 700;
    letter-spacing: -.03em;
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0 0;
    padding-top: 7px;
    font-size: 1.2em;
    font-family: 'Montserrat'
}

.hygienist-hours {
    text-align: center;
    font-size: .8em;
    width: 100%;
    position: absolute;
    bottom: 0
}

.hygienist-box .gdc-number {
    text-align: center;
    position: absolute;
    bottom: 40px;
    border-top: 1px solid #efefef;
    border-top: 1px solid #efefef;
    background: #f6f6f6;
    padding: 10px 0;
    width: calc(100% - 60px);
    margin-left: 30px
}

.hygienist-bio {
    text-align: center;
    padding: 30px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 60px
}

.easyreview-testimonials-border {
    padding: 0;
    border: solid 6px #313131;
    max-height: 536px;
    overflow: hidden;
    padding-top: 23px;
    overflow: scroll
}

.testimonials-powered-by img {
    width: auto
}

.staff-page {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.staff-box {
    width: 100%;
    box-sizing: border-box;
    padding: 30px 0;
    display: block;
    position: relative
}

.staff-box-image {
    width: 25%;
    float: left
}

.staff-image {
    position: relative;
    width: 80%;
    padding-bottom: 80%;
    border-radius: 50%;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    background: #565;
    margin-left: 10%
}

.staff-box h2 {
    position: relative;
    color: #6d6d6d;
    font-weight: 700;
    letter-spacing: -.03em;
    text-align: left;
    text-transform: uppercase;
    margin: 20px 0 0;
    padding: 7px 15px 0;
    font-size: 1.2em;
    font-family: 'Montserrat'
}

.staff-box h3 {
    position: relative;
    color: #6d6d6d;
    font-weight: 600;
    letter-spacing: -.03em;
    text-align: left;
    margin: 20px 0 0;
    padding: 15px;
    font-size: 1em;
    font-family: 'Montserrat';
    display: block;
    width: 100%
}

.staff-box h2:after {
    position: absolute;
    top: 30px;
    left: 0;
    content: "";
    height: 4px;
    width: 50%;
    margin: 10px 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.staff-box:hover h2:after {
    width: 100%;
    margin: 10px 0
}

.staff-box:nth-child(4n+2) h2:after {
    background-color: #087f8c
}

.staff-box:nth-child(4n+3) h2:after {
    background-color: #efbb20
}

.staff-box:nth-child(4n) h2:after {
    background-color: #dc4949
}

.staff-box:nth-child(4n+1) h2:after {
    background-color: #a0c443
}

.staff-info {
    width: 75%;
    float: left;
    padding-left: 20px;
    box-sizing: border-box
}

.staff-bio {
    text-align: left;
    padding: 10px 0 30px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 60px;
    border-top: 1px solid #efefef
}

.staff-info .gdc-number {
    background: #f6f6f6;
    opacity: .7;
    margin: 0;
    display: block;
    width: 100%;
    padding: 10px 15px;
    border-top: 1px solid #efefef
}

.dentist-profile-image-holder {
    float: right;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 25%
}

.dentist-profile-image {
    position: relative;
    width: 80%;
    padding-bottom: 80%;
    border-radius: 50%;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    background: #565;
    margin-left: 10%
}

.dentist-profile-name {
    position: relative;
    color: #6d6d6d;
    font-weight: 700;
    letter-spacing: -.03em;
    text-align: left;
    text-transform: uppercase;
    margin: 20px 0 0;
    padding: 7px 15px 0;
    font-size: 1.4em;
    font-family: 'Montserrat'
}

.vik-name:after,.claudia-name:after,.dipesh-name:after,.jess-name:after,.james-name:after {
    position: absolute;
    top: 30px;
    left: 0;
    content: "";
    height: 4px;
    width: 50%;
    margin: 10px 25% 10px 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.page-content:hover .vik-name:after,.page-content:hover .claudia-name:after,.page-content:hover .dipesh-name:after,.page-content:hover .jess-name:after {
    width: 75%
}

.page-member-content {
    width: 100%;
    margin-top: 180px;
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 185px auto 0
}

.page-member-left-content {
    width: 100%;
    border-bottom: 1px solid #efefef
}

.page-member-right-content {
    width: 100%;
    border-bottom: 1px solid #efefef
}

.member-page-section {
    width: 60%;
    display: inline-block;
    vertical-align: top
}

@media(max-width: 800px) {
    .member-page-section {
        width:100%
    }
}

.member-page-details {
    padding: 0 5% 5%;
    min-width: 300px
}

.page-member-right-content .member-page-details {
    width: 70%;
    max-width: 800px;
    margin-right: 40%;
    margin-left: 0;
    padding-top: 80px
}

.page-member-content aside {
    width: 40%;
    display: inline-block
}

@media(max-width: 800px) {
    .page-member-content aside {
        order:-1;
        width: 100%;
        text-align: center
    }

    .page-member-content aside img {
        max-height: 300px;
        width: auto
    }
}

.page-member-left-content aside {
    width: 40%;
    display: inline-block;
    text-align: right;
    overflow-x: hidden
}

.page-member-right-content aside {
    width: 40%;
    display: inline-block;
    text-align: left
}

.member-photo {
    width: 100%;
    height: auto
}

.dipesh-name:after {
    background-color: #087f8c
}

.jess-name:after {
    background-color: #efbb20
}

.claudia-name:after,.james-name:after {
    background-color: #dc4949
}

.vik-name:after {
    background-color: #a0c443
}

.dentist-profile-qualifications {
    position: relative;
    color: #999;
    font-weight: 300;
    letter-spacing: -.03em;
    text-align: left;
    margin: 10px 0;
    padding: 7px 15px 0;
    font-size: 1.2em;
    font-family: 'Montserrat'
}

.member-page-details .gdc-number {
    background: rgb(200 200 200 / .1);
    opacity: .7;
    margin: 0;
    display: block;
    width: 100%;
    padding: 10px 15px;
    border-top: 1px solid rgb(200 200 200 / .4)
}

.group-info {
    padding: 0 15px 70px;
    box-sizing: border-box;
    line-height: 26px
}

.member-page-details .gdc-group {
    margin-bottom: 20px
}

.member-page-details p {
    padding-left: 15px
}

.fee-page {
    width: 100%
}

.fee-header {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #dedede;
    margin: 0;
    background: #087f8c;
    color: #fff;
    display: flex
}

.fee-header .fee-treatment {
    width: 49%;
    box-sizing: border-box;
    padding: 12px 30px;
    display: block
}

.fee-header .fee-private {
    width: 17%;
    display: block;
    text-align: center;
    padding: 10px 0;
    border-left: 1px solid #dedede;
    background: rgb(100 100 100 / .1);
    box-sizing: border-box
}

.fee-header .fee-care {
    width: 17%;
    display: block;
    text-align: center;
    box-sizing: border-box;
    border-left: 1px solid #dedede;
    padding: 10px 0
}

.fee-header .fee-ess {
    width: 17%;
    text-align: center;
    display: block;
    box-sizing: border-box;
    padding: 10px 0;
    border-left: 1px solid #dedede;
    background: rgb(100 100 100 / .1)
}

.fee-row {
    width: 100%;
    display: block;
    margin: 0;
    border: 1px solid #dedede;
    border-top: 0 solid #dedede;
    box-sizing: border-box;
    background: #fff;
    transition: all ease-in-out .2s;
    display: flex;
    flex-wrap: wrap
}

.fee-row a {
    width: 100%
}

.fee-row:nth-child(even) {
    background: #fafafa
}

.fee-row .fee-treatment {
    width: 49%;
    display: block;
    box-sizing: border-box;
    padding: 10px 30px
}

.fee-row .fee-sub {
    padding: 10px 30px 10px 50px
}

.fee-row .fee-from {
    width: 10%;
    text-align: right;
    opacity: .4;
    float: right
}

.fee-row .fee-subheader {
    font-weight: 600;
    background: rgb(100 100 100 / .2);
    width: 100%;
    border-top: 1px solid rgb(100 100 100 / .1);
    border-bottom: 1px solid rgb(100 100 100 / .1);
    color: #1a1a1a
}

.fee-row .fee-subheader:hover {
    color: #fff
}

.fee-row .fee-private {
    width: 17%;
    box-sizing: border-box;
    display: block;
    text-align: center;
    padding: 10px 0;
    border-left: 1px solid #dedede;
    background: rgb(100 100 100 / .1)
}

.fee-row .fee-care {
    width: 17%;
    box-sizing: border-box;
    display: block;
    padding: 10px 0;
    text-align: center;
    border-left: 1px solid #dedede
}

.fee-row .fee-ess {
    width: 17%;
    box-sizing: border-box;
    display: block;
    text-align: center;
    padding: 10px 0;
    border-left: 1px solid #dedede;
    background: rgb(100 100 100 / .1)
}

.fee-row:nth-child(4n+2):hover {
    background-color: #087f8c;
    color: #fff
}

.fee-row:nth-child(4n+3):hover {
    background-color: #efbb20;
    color: #fff
}

.fee-row:nth-child(4n):hover {
    background-color: #dc4949;
    color: #fff
}

.fee-row:nth-child(4n+1):hover {
    background-color: #a0c443;
    color: #fff
}

.fee-complex {
    width: 51%!important
}

.plan-header {
    width: 100%;
    box-sizing: border-box;
    float: left;
    border: 1px solid #dedede;
    margin: 10px 0 0;
    background: #087f8c;
    color: #fff
}

.plan-header {
    float: left;
    box-sizing: border-box;
    padding: 10px 30px;
    display: block
}

.plan-row {
    width: 100%;
    float: left;
    display: block;
    margin: 0;
    border: 1px solid #dedede;
    border-top: 0 solid #dedede;
    box-sizing: border-box;
    background: #fff;
    transition: all ease-in-out .2s
}

.plan-fee {
    font-size: 1em;
    width: 16.6%;
    float: left;
    box-sizing: border-box;
    padding: 10px 30px!important;
    display: block;
    padding: 10px 0;
    border-left: 1px solid #dedede
}

.patient-journey-image {
    margin-top: 70px
}

.deplan-header {
    width: 100%;
    box-sizing: border-box;
    float: left;
    border: 1px solid #dedede;
    margin: 0 0 0;
    background: #087f8c;
    color: #fff
}

.deplan-header .denplan-fee .plan-header {
    width: 60%;
    float: left;
    box-sizing: border-box;
    padding: 10px 30px;
    display: block
}

.deplan-header .denplan-care .plan-header {
    width: 20%;
    float: left;
    display: block;
    text-align: center;
    padding: 10px 0;
    border-left: 1px solid #dedede;
    background: rgb(100 100 100 / .1);
    box-sizing: border-box
}

.deplan-header .denplan-ess .plan-header {
    width: 20%;
    display: block;
    text-align: center;
    float: left;
    box-sizing: border-box;
    border-left: 1px solid #dedede;
    padding: 10px 0
}

.deplan-row {
    width: 100%;
    float: left;
    display: block;
    margin: 0;
    border: 1px solid #dedede;
    border-top: 0 solid #dedede;
    box-sizing: border-box;
    background: #fff;
    transition: all ease-in-out .2s
}

.deplan-row:nth-child(even) {
    background: #fafafa
}

.deplan-row .denplan-fee {
    width: 60%;
    float: left;
    display: block;
    box-sizing: border-box;
    padding: 10px 30px
}

.deplan-row .denplan-care {
    width: 20%;
    float: left;
    box-sizing: border-box;
    display: block;
    text-align: center;
    padding: 10px 0;
    border-left: 1px solid #dedede;
    background: rgb(100 100 100 / .1)
}

.deplan-row .denplan-ess {
    width: 20%;
    float: left;
    box-sizing: border-box;
    display: block;
    padding: 10px 0;
    text-align: center;
    border-left: 1px solid #dedede
}

.deplan-row:nth-child(4n+2):hover {
    background-color: #087f8c;
    color: #fff
}

.deplan-row:nth-child(4n+3):hover {
    background-color: #efbb20;
    color: #fff
}

.deplan-row:nth-child(4n):hover {
    background-color: #dc4949;
    color: #fff
}

.deplan-row:nth-child(4n+1):hover {
    background-color: #a0c443;
    color: #fff
}

.fees-info {
    width: 100%;
    float: left;
    margin-top: 50px
}

.ref-first {
    width: 100%;
    text-align: center
}

.ref-first-links {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-bottom: 30px;
    flex-wrap: wrap
}

.ref-first-links br {
    display: none
}

.ref-first-links a {
    max-width: 360px;
    width: 100%;
    margin: 0 5px;
    padding: 15px 0;
    text-align: center;
    border: 1px solid #dedede;
    display: block;
    transition: all ease-in-out .3s;
    font-size: 15px;
    margin-bottom: 10px
}

.ref-first-links a:first-child {
    background-color: #dc4949;
    color: #fff
}

a.brown-bgnd {
    background: #cc7646;
    color: #fff
}

a.yellow-bgnd {
    background: #e6b521;
    color: #fff
}

a.green-bgnd {
    background: #a0c443;
    color: #fff
}

a.second-last {
    background: #72853f;
    color: #fff
}

.ref-first-links a:last-child {
    background-color: #a0c443;
    color: #fff
}

.ref-first-links a:hover {
    background-color: #087f8c
}

.ref-box-holder {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 10px solid #087f8c
}

.ref-box {
    width: calc(50% - 5px);
    margin: 10px 0;
    background: #fafafa;
    border: 1px solid #dedede;
    box-sizing: border-box;
    padding: 30px
}

.ref-box:nth-child(2) {
    border-top: 10px solid #a0c443
}

.ref-box:last-child {
    border-top: 10px solid #efbb20
}

.ref-box-full {
    width: 100%;
    margin: 0 5px;
    background: #f6f6f6;
    border: 1px solid #dedede;
    box-sizing: border-box;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.ref-box h3 {
    text-align: center
}

.ref-box-full h2 {
    width: 100%;
    text-align: center
}

.ref-box-full ul {
    width: calc(50% - 5px);
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin-top: 0
}

.ref-box-full ul li {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #dedede;
    padding: 15px 15px 15px 80px;
    background: rgb(50 50 50 / .05);
    box-sizing: border-box;
    text-align: left;
    position: relative
}

.ref-box-full ul li:before {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
    color: #ccc;
    position: absolute;
    left: 20px;
    font-size: 33px;
    top: 0
}

.ref-what {
    list-style: none;
    padding: 0
}

.ref-what li {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #dedede;
    padding: 15px;
    background: rgb(50 50 50 / .05);
    box-sizing: border-box;
    text-align: center
}

.ref-how {
    padding: 0;
    margin: 0
}

ol.ref-how {
    list-style-type: none;
    list-style-type: decimal !ie;
    padding: 0;
    counter-reset: li-counter
}

ol.ref-how>li {
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid #dedede;
    padding: 15px 15px 15px 5em;
    background: rgb(50 50 50 / .05);
    box-sizing: border-box;
    text-align: left
}

ol.ref-how>li:before {
    position: absolute;
    top: 15px;
    left: 15px;
    width: .8em;
    font-size: 3em;
    line-height: 1;
    font-weight: 700;
    text-align: right;
    color: #666;
    content: counter(li-counter);
    counter-increment: li-counter
}

.gallery-page {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
    box-sizing: border-box
}

.gallery-box {
    width: calc(50% - 5px);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: flex-start;
    box-sizing: border-box;
    border: 1px solid #dedede;
    margin-bottom: 10px
}

.gallery-box h2 {
    width: 100%;
    border-bottom: 1px solid #dedede;
    box-sizing: border-box;
    padding: 15px 20px;
    margin: 0;
    height: 60px;
    background: #fafafa;
    margin-bottom: 0!important
}

.gallery-box:nth-child(4n+2) h2 {
    background-color: #087f8c;
    color: #fff
}

.gallery-box:nth-child(4n+3) h2 {
    background-color: #efbb20;
    color: #fff
}

.gallery-box:nth-child(4n) h2 {
    background-color: #dc4949;
    color: #fff
}

.gallery-box:nth-child(4n+1) h2 {
    background-color: #a0c443;
    color: #fff
}

.gallery-before {
    width: 50%;
    box-sizing: border-box;
    padding: 10px;
    border-right: 1px solid #dedede;
    height: calc(100% - 60px)
}

.gallery-before p {
    width: 100%;
    padding: 15px 10px;
    box-sizing: border-box;
    margin: 0
}

.gallery-before img {
    width: 100%
}

.gallery-after {
    width: 50%;
    box-sizing: border-box;
    padding: 10px;
    height: calc(100% - 60px)
}

.gallery-after img {
    width: 100%
}

.gallery-after p {
    width: 100%;
    box-sizing: border-box;
    padding: 15px 10px;
    margin: 0
}

.gallery-testimonial {
    width: 100%;
    border-top: 1px solid #dedede;
    box-sizing: border-box
}

.gallery-testimonial p {
    text-align: center;
    padding: 5px 30px;
    box-sizing: border-box
}

.gallery-box-wide {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: border-box;
    border: 1px solid #dedede;
    margin-bottom: 10px;
    align-content: flex-start
}

.gallery-box-wide h2 {
    width: 100%;
    border-bottom: 1px solid #dedede;
    box-sizing: border-box;
    padding: 15px 20px;
    margin: 0;
    height: 60px;
    background-color: #a0c443;
    color: #fff
}

.gallerywide-before {
    width: 25%;
    box-sizing: border-box;
    padding: 10px;
    border-right: 1px solid #dedede
}

.gallerywide-before p {
    width: 100%;
    padding: 15px 10px;
    box-sizing: border-box;
    margin: 0
}

.gallerywide-before img {
    width: 100%
}

.gallerywide-after {
    width: 25%;
    box-sizing: border-box;
    padding: 10px
}

.gallerywide-after img {
    width: 100%
}

.gallerywide-after p {
    width: 100%;
    box-sizing: border-box;
    padding: 15px 10px;
    margin: 0
}

.treatment-page-list {
    width: 100%
}

.treatment-page-list h2 {
    width: 100%;
    text-transform: uppercase;
    font-family: 'Montserrat';
    text-align: center;
    font-size: 2em;
    margin: 20px 0;
    padding: 20px 0 10px
}

.treatment-page-list ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0 30px;
    list-style: none;
    justify-content: space-around;
    align-items: center;
    font-size: 1.2em
}

.treatment-page-list ul>li {
    width: 25%;
    margin: 3% 5px;
    float: left;
    position: relative
}

.treatment-page-image {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    border-radius: 50%;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    display: block
}

.tl-general .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/general.jpg)
}

.tl-implants .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/implants.jpg)
}

.tl-periodontics .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/periodontics.jpg)
}

.tl-sedation .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/sedation.jpg)
}

.tl-endodontics.treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/endodontics.jpg)
}

.tl-surgery .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/surgery.jpg)
}

.tl-crown-bridge .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/crown-bridge.jpg)
}

.tl-whitening .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/whitening.jpg)
}

.tl-wrinkle .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/antiwrink.jpg)
}

.tl-filling .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/fillings.jpg)
}

.tl-inlays .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/cosmo-dent.jpg)
}

.tl-cosmetic .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/sedation.jpg)
}

.tl-invisalign .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/cosmetic.jpg)
}

.tl-veneer .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/veneers.jpg)
}

.tl-comp .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/comp-bonding.jpg)
}

.tl-perio .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/periodontics.jpg)
}

.tl-floss .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/floss.jpg)
}

.tl-brush .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/interdental.jpg)
}

.tl-tongue .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/tongue.jpg)
}

.tl-fissure .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/fissure.jpg)
}

.tl-tmj .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/tmj.jpg)
}

.tl-snoring .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/snoring.jpg)
}

.tl-endodontics .treatment-page-image {
    background-image: url(/wp-content/themes/woodlane/images/quicklinks/root.jpg)
}

.treatment-page-list ul li a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.treatment-page-list ul li .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.treatment-page-list ul>li:nth-child(4n) .overlay {
    background-color: #dc4949
}

.treatment-page-list ul>li:nth-child(4n+1) .overlay {
    background-color: #a0c443
}

.treatment-page-list ul>li:nth-child(4n+2) .overlay {
    background-color: #087f8c
}

.treatment-page-list ul>li:nth-child(4n+3) .overlay {
    background-color: #efbb20
}

.treatment-page-list ul li .tl-text {
    position: relative;
    color: #6d6d6d;
    font-weight: 700;
    letter-spacing: -.03em;
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0 0;
    padding-top: 7px;
    font-size: 17px;
    font-family: 'Montserrat'
}

.treatment-page-list ul li .tl-text:before {
    position: absolute;
    top: -15px;
    left: 0;
    content: "";
    height: 4px;
    width: 70%;
    margin: 10px 15%;
    background: #000;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.treatment-page-list ul>li:nth-child(4n) .tl-text:before {
    background-color: #dc4949
}

.treatment-page-list ul>li:nth-child(4n+1) .tl-text:before {
    background-color: #a0c443
}

.treatment-page-list ul>li:nth-child(4n+2) .tl-text:before {
    background-color: #087f8c
}

.treatment-page-list ul>li:nth-child(4n+3) .tl-text:before {
    background-color: #efbb20
}

.treatment-page-list ul>li:hover .overlay {
    opacity: .4
}

.treatment-page-list ul>li:hover .tl-text:before {
    width: 90%;
    margin: 10px 5%
}

.treatment-info-area {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.treatment-page-link {
    width: calc(50% - 10px);
    margin: 5px;
    border: 1px solid #dedede;
    background: #fafafa;
    display: block;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 8px;
    transition: all ease-in-out .4s;
    color: #666
}

.treatment-page-link-title {
    font-size: 17px;
    font-weight: 600;
    margin-right: 5px;
    text-transform: uppercase
}

.treatment-page-link:nth-child(4n+2) {
    border-top: 10px solid #087f8c
}

.treatment-page-link:nth-child(4n+3) {
    border-top: 10px solid #efbb20
}

.treatment-page-link:nth-child(4n) {
    border-top: 10px solid #dc4949
}

.treatment-page-link:nth-child(4n+1) {
    border-top: 10px solid #a0c443
}

.treatment-page-link:nth-child(4n+2):hover {
    background: #087f8c;
    color: #fff
}

.treatment-page-link:nth-child(4n+3):hover {
    background: #efbb20;
    color: #fff
}

.treatment-page-link:nth-child(4n):hover {
    background: #dc4949;
    color: #fff
}

.treatment-page-link:nth-child(4n+1):hover {
    background: #a0c443;
    color: #fff
}

.treatment-video {
    box-sizing: border-box;
    float: right;
    padding: 15px;
    margin: 0 0 30px 30px
}

.video-container {
    position: relative;
    padding-bottom: 65%;
    padding-top: 35px;
    height: 0;
    overflow: hidden
}

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

.video-container+.video-container {
    margin-top: 15px
}

.treatment-video img {
    width: 100%;
    margin: 0 0 -10px
}

.treatment-image {
    width: 33%;
    float: right;
    border: #dedede 1px solid;
    padding: 15px;
    margin: 0 0 30px 30px;
    background: #f6f6f6
}

h2.header1 {
    border-bottom: 4px solid #087f8c;
    padding-bottom: 12px
}

h2.header2 {
    border-bottom: 4px solid #efbb20;
    padding-bottom: 12px
}

h2.header3 {
    border-bottom: 4px solid #087f8c;
    padding-bottom: 12px;
    clear: both
}

h2.header4 {
    border-bottom: 4px solid #a0c443;
    padding-bottom: 12px
}

p+h2,ul+h2,h4+h2 {
    margin-top: 60px
}

h2+h4,.two_third p+h4 {
    margin-bottom: -5px;
    padding-top: 5px
}

.cosmodent {
    border-top: 1px solid #efefef;
    width: 100%;
    text-transform: uppercase;
    font-family: 'Montserrat';
    text-align: center;
    font-size: 2em;
    margin: 40px 0 20px;
    padding: 60px 0 0
}

.two_third h4 {
    font-size: 20px
}

.policies p+h4 {
    padding-top: 30px
}

.policies h4 {
    margin-bottom: 0;
    border-bottom: 4px solid #087f8c;
    padding-bottom: 7px
}

.treatment-message {
    border-bottom: 4px solid #a0c443;
    border-top: 4px solid #a0c443;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 700;
    margin: 40px 0 70px;
    text-align: center
}

.treatment-subtitle {
    font-weight: 600;
    font-size: 18px;
    margin-right: 5px
}

.two_third sup {
    font-size: 8px;
    position: relative;
    top: -7px
}

.sedation-profile {
    float: left;
    padding-bottom: 20px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 60px
}

.policies {
    width: 100%
}

.policies h3 {
    font-size: 16px!important;
    font-weight: 400!important;
    padding: 14px 13px;
    text-transform: uppercase!important;
    letter-spacing: 0!important;
    cursor: pointer;
    clear: both;
    list-style: none;
    margin: 0 0 1px!important;
    background: #f1f5f6;
    overflow: hidden;
    transition: all ease-in-out .4s
}

.policies:nth-child(4n+2) h3:hover,.policies:nth-child(4n+2) h3.active {
    background: #087f8c;
    color: #fff
}

.policies:nth-child(4n+3) h3:hover,.policies:nth-child(4n+3) h3.active {
    background: #efbb20;
    color: #fff
}

.policies:nth-child(4n) h3:hover,.policies:nth-child(4n) h3.active {
    background: #dc4949;
    color: #fff
}

.policies:nth-child(4n+1) h3:hover,.policies:nth-child(4n+1) h3.active {
    background: #a0c443;
    color: #fff
}

.policies li {
    padding: 3px 0 2px;
    margin: 0 0 5px;
    clear: both;
    line-height: 2
}

.policies div {
    background: #fafafa;
    color: #666;
    border: 1px solid #dedede;
    padding: 1px 20px 30px;
    line-height: 22px
}

.policies div a {
    color: #befeff
}

.fa-chevron-down {
    float: right;
    margin: 2px -1px 0 0;
    font-size: 21px
}

.videos-section {
    padding: 4% 0;
    background: url(/wp-content/themes/woodlane/images/testimonial-bg.jpg) center;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    width: 100%;
    float: left;
    box-sizing: border-box
}

.treatment-testimonial-section {
    padding: 4% 0;
    background: #fff;
    text-align: center;
    width: 100%;
    float: left;
    box-sizing: border-box
}

.videos-section section,.treatment-testimonial-section section {
    width: 100%;
    max-width: 1200px;
    box-sizing: border-box;
    margin: 0 auto
}

.videos-section section .video-box,.treatment-testimonial-section section .video-box {
    border: 10px solid rgb(0 0 0 / .15);
    width: calc(50% - 30px);
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 600px
}

.videos-section section .video-container,.treatment-testimonial-section section .video-container {
    position: relative;
    padding-bottom: 65%;
    padding-top: 55px;
    height: 0;
    overflow: hidden
}

.videos-section section .video-container iframe,}

.videos-section section .video-container img,.treatment-testimonial-section section .video-container iframe,.treatment-testimonial-section section .video-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.footer-spacer {
    height: 10px;
    background: #fff;
    width: 100%;
    float: left
}

.denplan-page-button {
    width: 300px;
    display: block;
    float: left;
    padding: 20px 0;
    text-align: center;
    color: #fff;
    background: #a0c443;
    border-radius: 8px;
    margin-top: 30px;
    font-size: 20px;
    text-transform: uppercase;
    transition: all ease-in-out .3s
}

.denplan-page-button:hover {
    background: #627927;
    color: #fff
}

.denplan-logo {
    border: 0 solid #fff0!important;
    margin-top: 40px
}

.press-gallery {
    width: 100%;
    padding: 30px 0 50px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: center
}

.press-gallery a {
    background: #f6f6f6;
    transition: all ease-in-out .3s;
    display: block;
    padding: 10px 10px 4px;
    border: 1px solid #ececec;
    margin: 5px 13px
}

.press-gallery a img {
    opacity: 1;
    height: 180px;
    transition: all ease-in-out .3s;
    margin-bottom: 0;
    padding: 0;
    border: 1px solid #ececec
}

.press-gallery p:nth-child(4n+2) a:hover {
    background: #087f8c;
    color: #fff
}

.press-gallery p:nth-child(4n+3) a:hover {
    background: #efbb20;
    color: #fff
}

.press-gallery p:nth-child(4n) a:hover {
    background: #dc4949;
    color: #fff
}

.press-gallery p:nth-child(4n+1) a:hover {
    background: #a0c443;
    color: #fff
}

.map-block {
    width: 100%
}

.contactpage h2 {
    width: 100%;
    text-transform: uppercase;
    font-family: 'Montserrat';
    text-align: center;
    font-size: 2em;
    margin: 20px 0;
    padding: 20px 0 10px
}

.booking-section {
    width: 100%;
    padding: 70px 0 90px;
    background: #fff;
    margin-bottom: 100px
}

.booking-section section {
    max-width: 1200px;
    width: 100%;
    padding: 30px;
    margin: 0 auto
}

.emergency-section {
    width: 100%;
    padding: 70px 0 90px;
    color: #fff;
    background: url(/wp-content/themes/woodlane/images/emergency-bg.jpg) center;
    background-size: cover;
    background-attachment: fixed;
    text-align: center
}

.emergency-section section {
    max-width: 1200px;
    width: 100%;
    padding: 30px;
    margin: 0 auto;
    text-align: center
}

.emergency-section section h4 {
    font-size: 25px;
    font-weight: 400;
    margin: 10px 0 0;
    font-family: 'Lato';
    letter-spacing: 0
}

.emergency-section section h4+p {
    margin-top: 7px
}

.emergency-section section p+h4 {
    margin-top: 40px
}

.emergency-box {
    max-width: 860px;
    width: 100%;
    padding: 30px;
    color: #555;
    background: rgb(255 255 255 / .8);
    margin: 0 auto 15px
}

.access-section {
    width: 100%;
    padding: 70px 0 90px;
    color: #fff;
    background: url(/wp-content/themes/woodlane/images/testimonial-bg.jpg) center;
    background-size: cover;
    background-attachment: fixed;
    text-align: center
}

.access-section section {
    max-width: 1200px;
    width: 100%;
    padding: 30px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center
}

.access-box {
    max-width: 860px;
    width: calc(50% - 20px);
    padding: 30px;
    color: #555;
    background: rgb(255 255 255 / .8);
    margin: 0 10px
}

.accesscar {
    margin-right: 3px
}

.access-section section h2 {
    margin: 0
}

.access-section section h2+p {
    margin-top: 7px
}

.page-contact-content {
    width: 100%;
    line-height: 28px;
    float: left;
    background: #fff;
    margin-bottom: 30px
}

.page-contact-content section {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 30px
}

.contact-page-section {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.contact-page-details {
    width: 50%;
    padding-right: 30px;
    box-sizing: border-box
}

.contact-page-address {
    width: 100%;
    box-sizing: border-box;
    padding: 30px 30px 30px 90px;
    background: #eee;
    border: 1px solid #dedede;
    margin-bottom: 15px;
    position: relative;
    transition: all ease-in-out .4s
}

.contact-page-address h2 {
    margin-top: 5px
}

.contact-page-address:hover,.contact-page-phone:hover,.contact-page-email:hover {
    background: #f6f6f6
}

.contact-page-address:before {
    content: '\f041';
    font-family: "FontAwesome";
    font-size: 50px;
    position: absolute;
    left: 30px;
    top: 40px;
    color: #087f8c;
    transition: all ease-in-out .4s
}

.contact-page-address:hover:before {
    top: 35px
}

.contact-page-phone:hover:before,.contact-page-email:hover:before {
    top: 25px
}

.contact-page-phone {
    width: 100%;
    box-sizing: border-box;
    padding: 30px 30px 30px 90px;
    background: #eee;
    border: 1px solid #dedede;
    margin-bottom: 15px;
    position: relative;
    font-size: 25px;
    transition: all ease-in-out .4s
}

.contact-page-phone:before {
    content: '\f095';
    font-family: "FontAwesome";
    font-size: 50px;
    position: absolute;
    left: 30px;
    top: 30px;
    transform: rotate(20deg);
    color: #efbb20;
    transition: all ease-in-out .4s
}

.contact-page-phone a,.contact-page-email a {
    color: #444
}

.contact-page-email {
    width: 100%;
    box-sizing: border-box;
    padding: 30px 30px 30px 90px;
    background: #eee;
    border: 1px solid #dedede;
    position: relative;
    transition: all ease-in-out .4s
}

.contact-page-email:before {
    content: '\f0e0';
    font-family: "FontAwesome";
    font-size: 40px;
    position: absolute;
    left: 30px;
    top: 30px;
    color: #a0c443;
    transition: all ease-in-out .4s
}

.contact-page-form {
    width: 50%;
    box-sizing: border-box;
    padding: 30px 30px 15px;
    background: #eee;
    border: 1px solid #dedede;
    margin: 0 auto
}

.contact-page-form.full-width-form {
    width: 100%
}

.contact-form-section textarea {
    height: 100px!important
}

.contact-page-form h2 {
    margin: 0 0 10px;
    font-size: 1.8em;
    line-height: 1
}

.contact-page-form ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.contact-page-form input,.contact-page-form textarea,.contact-page-form select {
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    padding: 7px 10px 7px 45px;
    border: none;
    font-size: .9em;
    color: #583e2c;
    outline: none;
    border: 2px solid #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.contact-page-form input[type="file"] {
    height: auto;
    padding: 7px 10px;
    margin-top: 5px
}

.contact-page-form textarea {
    height: 218px;
    overflow: auto;
    vertical-align: top
}

.contact-page-form input:hover,.contact-page-form textarea:hover,.contact-page-form input:focus,.contact-page-form textarea:focus {
    border-color: #087f8c
}

.contact-page-form li {
    position: relative
}

.contact-page-form li i:not(.fa-chevron-down) {
    position: absolute;
    font-size: 1.1em;
    top: 11px;
    left: 11px;
    color: #087f8c
}

.contact-page-form .submit {
    background: #a0c443;
    color: #fff;
    height: 53px;
    text-transform: uppercase;
    font-size: 1em;
    width: 100%;
    margin: 0;
    border: none;
    padding: 10px 0 12px;
    letter-spacing: .04em
}

.contact-page-form .submit:hover {
    background: #087f8c
}

.contact-page-form .submit-icon {
    right: 12px;
    top: 20px;
    color: #fff;
    left: auto
}

.contact-page-form li:hover .submit-icon {
    left: 91%
}

.contact-page-form input,.contact-page-form textarea,.submit-icon,#form-button,.form-button-text,.video-overlay {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.booking-info {
    padding-bottom: 40px;
    text-align: center;
    max-width: 850px;
    width: 100%;
    margin: 0 auto
}

.booking-form {
    max-width: 800px;
    width: 100%;
    box-sizing: border-box;
    padding: 30px;
    background: #eee;
    margin: 30px auto -60px;
    border: 1px solid #dedede
}

.booking-form h2 {
    margin: 0 0 15px;
    font-size: 1.8em;
    line-height: 1em;
    padding: 0
}

.booking-form ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.booking-form input,.booking-form select,.booking-form textarea {
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    padding: 7px 10px 7px 45px;
    border: none;
    font-size: .9em;
    color: #583e2c;
    outline: none;
    border: 2px solid #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.booking-form textarea {
    height: 168px;
    overflow: auto;
    vertical-align: top
}

.booking-form input:hover,.booking-form textarea:hover,.booking-form select:hover,.booking-form select:focus,.booking-form input:focus,.booking-form textarea:focus {
    border-color: #087f8c
}

.booking-form li {
    position: relative
}

.booking-form li i {
    position: absolute;
    font-size: 1.1em;
    top: 11px;
    left: 11px;
    color: #087f8c
}

.booking-form .submit {
    background: #a0c443;
    color: #fff;
    height: 40px;
    text-transform: uppercase;
    font-size: 1em;
    width: 100%;
    margin: 0;
    border: none;
    padding: 10px 0 12px;
    letter-spacing: .04em
}

.booking-form .submit:hover {
    background: #087f8c
}

.booking-form .submit-icon {
    left: 12px;
    top: 12px;
    right: auto;
    color: #fff
}

.booking-form li:hover .submit-icon {
    left: 91%
}

.booking-form input,.booking-form textarea {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.post-edit-link {
    position: fixed;
    bottom: 0;
    left: 0;
    display: block;
    padding: 10px;
    width: 100px;
    background: red;
    color: #fff;
    z-index: 909000009
}

.philosophy-box {
    width: 100%;
    margin-bottom: 30px;
    border: 1px solid rgb(200 200 200 / .1);
    position: relative;
    background: rgb(200 200 200 / .1);
    padding: 20px 20px 20px 90px;
    box-sizing: border-box
}

.philosophy-box:nth-child(2):before {
    position: absolute;
    content: "1";
    color: #1a7f8b;
    left: 20px;
    top: 50px;
    font-size: 60px;
    opacity: 1
}

.philosophy-box:nth-child(3):before {
    position: absolute;
    content: "2";
    left: 20px;
    top: 50px;
    font-size: 60px;
    opacity: 1;
    color: #efbb20
}

.philosophy-box:nth-child(4):before {
    position: absolute;
    content: "3";
    left: 20px;
    top: 50px;
    font-size: 60px;
    opacity: 1;
    color: #a6c94c
}

.philosophy-box:nth-child(5):before {
    position: absolute;
    content: "4";
    left: 20px;
    top: 50px;
    opacity: 1;
    color: #4dafc7;
    font-size: 60px
}

.box-border-one {
    border-bottom: 6px solid #1a7f8b
}

.box-border-two {
    border-bottom: 6px solid #efbb20
}

.box-border-three {
    border-bottom: 6px solid #a6c94c
}

.box-border-four {
    border-bottom: 6px solid #4dafc7
}

.philosophy-box:nth-child(5) {
    margin-bottom: 40px
}

.mission-statement {
    max-width: 520px;
    margin: 20px auto 60px;
    width: 100%;
    background: rgb(200 200 200 / .2);
    border: 1px solid rgb(200 200 200 / .2);
    padding: 5%;
    color: #666;
    text-align: center;
    font-weight: 300;
    font-size: 19px;
    line-height: 29px;
    opacity: .8;
    box-sizing: border-box
}

#webfeedbackcard .wfc-review-title,#webfeedbackcard .wfc-review-improve {
    width: 100%;
    padding: 10px 20px;
    box-sizing: border-box
}

#webfeedbackcard .wfc-review-text {
    width: 100%;
    padding: 10px 20px;
    box-sizing: border-box
}

#webfeedbackcard .wfc-name,#webfeedbackcard .wfc-email {
    width: 49%;
    padding: 10px 20px;
    box-sizing: border-box
}

#webfeedbackcard {
    margin: 40px 0;
    width: 100%;
    padding: 10px 20px;
    box-sizing: border-box;
    background: rgb(200 200 200 / .2);
    border: 1px solid rgb(200 200 200 / .2)
}

.wfc-submit-btn {
    margin: 0 auto;
    width: 200px!important;
    color: #fff;
    text-align: center;
    font-size: 1.25em;
    padding: 10px 25px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background: #a0c443;
    border-radius: 10px
}

.wfc-question-text {
    width: 70%!important;
    max-width: 840px!important
}

.text-input-grey {
    width: 100%;
    padding: 10px 20px;
    box-sizing: border-box
}

.working-review-link {
    width: 120px;
    margin: 0 auto
}

#WFWebsiteFeatureCode_TickerV2_ContainerWindow div.containerProperties {
    background: #fff;
    color: #333!important;
    padding: 10px;
    border: 2px #efefef solid!important
}

.leave-a-review {
    margin: 0 auto 8px;
    color: #fff;
    text-align: center;
    font-size: 1.25em;
    display: block;
    background: #a0c443;
    border-radius: 10px;
    padding: 24px 10px
}

.leave-a-review.brown {
    background-color: #d28346
}

.workingfeedback_testimonials {
    display: flex;
    justify-content: space-between
}

.workingfeedback_testimonials .testimonial {
    margin-right: 2.5%!important;
    margin-left: 2.5%!important;
    box-sizing: border-box
}

#fixme-sticky-wrapper {
    height: 171px!important
}

#scrolldown {
    position: absolute;
    z-index: 999;
    bottom: 120px;
    left: 48%;
    width: 110px
}

#scrolldown img {
    width: 100%
}

a.middle-ref-form {
    background: #e6b521;
    color: #fff
}

#referral-form {
    width: 96%;
    padding: 4%;
    margin: 0;
    background: #f9f9f9
}

#referral-form h2 {
    margin-bottom: 8px
}

#referral-form ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#referral-form li {
    height: 25px;
    padding: 3px 0 2px;
    margin: 0!important;
    clear: both
}

#referral-form select {
    float: left;
    margin: 20px 0 0 58px;
    border: 1px solid #ebebeb;
    padding: 5px;
    color: #a0a0a0;
    font-family: 'Raleway',sans-serif!important
}

#referral-form li.last {
    height: 33px;
    border: none;
    background: 0 0
}

#referral-form input {
    width: 60%;
    min-height: 15px;
    padding: 10px 0 10px 10px;
    margin: -4px 0 0;
    float: right;
    border: 1px solid #e6e6e6;
    font-family: 'Raleway',sans-serif!important;
    font-size: 14px
}

textarea:focus,input:focus {
    outline: none
}

.bigger-input-field {
    height: 24px!important
}

#referral-form textarea {
    width: 60%;
    padding: 10px 0 10px 10px;
    margin: -4px 0 0;
    background: 0 0;
    float: right;
    border: 1px solid #e6e6e6;
    background: #fff;
    font-family: 'Raleway',sans-serif!important;
    font-size: 14px
}

#referral-form label {
    width: 251px;
    font-size: 14px;
    float: left;
    padding: 15px 0 0 10px;
    height: 100%
}

#referral-form label.bigger {
    width: 286px;
    font-size: 13px;
    float: left;
    padding: 15px 0 0 10px;
    height: 100%
}

#referral-form label.dental-wish {
    width: 394px;
    font-size: 13px;
    float: left;
    padding: 15px 0 0 10px;
    height: 100%
}

#referral-form .submit {
    width: 140px;
    height: 40px;
    margin: 10px 0 0;
    padding: 10px 0;
    background: #abb745;
    list-style: none;
    font-size: 13px;
    text-indent: 0;
    color: #fff;
    border: none;
    text-transform: uppercase;
    font-weight: 600
}

#referral-form .submit:hover {
    background: #becc4e;
    color: #fff;
    cursor: pointer
}

.form-clearing {
    clear: both;
    height: 40px
}

#referral-form h3 {
    font-size: 23px
}

.header-wrapper.fixed {
    position: fixed
}

.header-wrapper.fixed nav {
    width: auto;
    margin: 0 auto;
    width: 100%
}

.header-wrapper.fixed header {
    margin-top: -39px;
    margin-top: 0
}

.header-wrapper.fixed li ul a {
    padding: 8px 0!important
}

.header-wrapper.fixed nav ul li ul {
    top: 32px
}

.header-wrapper.fixed .logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 106px;
    margin: 3px 0 0 20px;
    display: none
}

.profile-container50 {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center
}

.item50 {
    padding: 10px;
    background-color: #fff;
    width: calc(33.3% - 30px);
    min-width: 300px
}

@keyframes line_animation {
    from {
        width: 20%;
        opacity: 0
    }

    to {
        width: 100%;
        opacity: 1
    }
}

.line {
    border-bottom: solid 3px #019fb6;
    border-top-width: 0;
    animation-name: line_animation;
    animation-duration: 2s;
    animation-timing-function: linear
}

.treatment-content h2 {
    margin-bottom: 30px
}

.logo img,.logo {
    transition: initial
}

@-moz-keyframes bounce {
    0%,20%,50%,80%,100% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -moz-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    60% {
        -moz-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@-webkit-keyframes bounce {
    0%,20%,50%,80%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@keyframes bounce {
    0%,20%,50%,80%,100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    60% {
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite
}

#slide-out-form {
    z-index: 9999999
}

.header-wrapper.fixed header {
    margin-top: -38px;
    margin-top: 0
}

body button#responsive-menu-button {
    top: 0;
    right: 0
}

.responsive-menu-inner,.responsive-menu-inner:before,.responsive-menu-inner:after {
    background-color: #a0c443!important
}

.responsive-menu-open button#responsive-menu-button:hover,.responsive-menu-open button#responsive-menu-button:focus,button#responsive-menu-button:hover,button#responsive-menu-button:focus,button#responsive-menu-button {
    background: rgb(255 255 255 / .4)!important
}

#responsive-menu-container,#responsive-menu-container #responsive-menu-wrapper {
    background-color: #fff!important
}

#responsive-menu-search-box {
    display: none
}

#responsive-menu-container #responsive-menu li.responsive-menu-item a,#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
    color: #000!important
}

#responsive-menu-container #responsive-menu li.responsive-menu-item a {
    background-color: #fff!important;
    border: none!important
}

#responsive-menu-container {
    width: 250px!important
}

#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {
    background-color: #eee!important
}

#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
    border: none!important;
    background-color: #eee!important
}

#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow {
    background-color: #ddd!important
}

nav {
    max-width: 100%
}

.wp-image-673 {
    height: auto
}

.treatment-page-link {
    width: 100%;
    margin-bottom: 20px
}

.videos-section section .video-box,.treatment-testimonial-section section .video-box {
    min-width: 433px
}

.booking-section section,.emergency-section section,.access-section section,.page-contact-content section,.contactpage h2,.access-box,.emergency-box {
    box-sizing: border-box
}

.header-wrapper {
    padding-top: 0
}

.footer-third {
    width: 30%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin: 1%
}

ul.treatment-video {
    padding: 0;
    margin: 0 auto;
    float: none
}

.footer-facebook {
    text-align: center;
    margin-top: 40px
}

.footer-contact {
    display: none
}

.footer-contact {
    display: none;
    background: #087f8c;
    position: fixed;
    bottom: -16px;
    z-index: 99;
    width: 100%;
    list-style: none;
    text-align: center;
    padding: 23px 0 0;
    height: 90px;
    left: 0
}

.footer-contact li {
    width: 30%;
    display: inline-block;
    text-align: center
}

.footer-contact li i {
    font-size: 25px;
    color: #fff
}

.footer-contact li a {
    display: block;
    color: #fff
}

.footer-contact li span {
    clear: both;
    display: block
}

.goog-rev a {
    color: #fff;
    font-size: 18px
}

.goog-rev {
    background: #dd4b39;
    width: calc(33% - 13px);
    min-width: 365px;
    text-align: center;
    padding: 10px 0;
    margin: 0 5px 10px;
    display: inline-block;
    max-width: 100%;
    border-radius: 20px
}

.facebook-rev {
    background-color: #4267b2
}

.mrd-rev {
    background-color: #53abcc
}

.review-buttons {
    text-align: center
}

.award-logos img {
    height: 95px;
    width: unset
}

.ref-box-full ul.focused {
    width: 100%;
    margin-bottom: 5px
}

.ref-box-full ul.focused li {
    margin-bottom: 0;
    background-color: #a0c544;
    color: #fff
}

.ref-box-full ul.focused li:before {
    color: #fff
}

.footer-refer {
    padding: 5% 0;
    background: url(/wp-content/themes/woodlane/images/footer-refer.jpg) center;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    width: 100%;
    float: left
}

.footer-refer .leave-a-review {
    width: 90%;
    max-width: 400px;
    margin: 0 auto
}

.book-your-consultation {
    float: left;
    padding: 30px 0;
    width: 100%;
    background-color: #a0c443;
    text-align: center
}

.book-your-consultation h2 {
    max-width: 1200px;
    margin: 0 auto;
    color: #fff;
    text-decoration: none
}

.page-content .wp-video {
    float: right;
    width: 300px!important;
    margin: 0 0 0 20px;
    border-width: 0 0 0 30px;
    border-style: solid;
    border-color: #fff
}

video.wp-video.square-video {
    width: 400px!important;
    max-width: 50vw
}

section.blog {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center
}

.blog-item {
    width: 30.3333333%;
    margin: 1.5%;
    background-color: #eee;
    min-width: 300px
}

.blog-item-img {
    height: 200px;
    position: relative
}

.blog-item-img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center
}

.blog-item-content {
    padding: 20px
}

.blog-item-content h2 {
    margin-top: 0
}

a.blog-item-content-link {
    padding: 10px 20px;
    background-color: #a0c443;
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    text-align: center
}

.blog-pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 30px 0
}

.blog-pagination a {
    padding: 10px 20px;
    background-color: #a0c443;
    color: #fff;
    margin: 10px
}

.unslider {
    position: relative
}

@media (max-width: 1700px) {
    .banner {
        margin-top:165px;
        height: calc(100vh - 200px);
        min-height: 650px
    }

    .banner ul {
        height: 100%;
        width: 100vw;
        display: block
    }

    .page-team {
        padding-top: 200px
    }
}

@media (max-width: 1300px) {
    .page-content section {
        max-width:100%;
        box-sizing: border-box
    }

    .page-banner h1 {
        box-sizing: border-box
    }
}

@media (max-width: 1250px) {
    .fixed #menu-item-747 {
        display:none
    }

    .header-wrapper.fixed header {
        margin-top: -33px
    }
}

@media (max-width: 1150px) {
    ul.treatment-video li {
        margin-bottom:20px
    }

    .quicklinks p {
        font-size: 16px
    }

    .quicklinks>div {
        width: 33.333%;
        margin-left: 0;
        margin-right: 0
    }

    .ql-image {
        width: 70%;
        padding-bottom: 70%;
        margin-left: auto;
        margin-right: auto
    }

    .footer-fourth {
        width: 47%;
        margin-bottom: 40px
    }
}

@media (max-width: 1110px) {
    nav {
        width:100%
    }

    nav a {
        padding-left: 8px;
        padding-right: 8px
    }

    .slide-content p {
        max-width: 500px
    }

    .testimonial-box {
        width: 94%
    }

    .logos-bar img {
        margin-left: 2%;
        margin-right: 2%
    }
}

@media (max-width: 1044px) {
    nav a {
        padding:10px 5px
    }
}

@media (max-width: 990px) {
    nav a {
        font-size:12px
    }

    .quicklinks p {
        font-size: 14px
    }

    .opening-hours-wrapper {
        padding: 40px 0 20px
    }

    .opening-hours td {
        width: 33.333%;
        display: inline-block;
        box-sizing: border-box;
        margin-bottom: 20px
    }

    nav ul li ul {
        top: 33px
    }

    .header-wrapper.fixed nav ul li ul {
        top: 53px
    }

    .banner {
        margin-top: 165px;
        height: calc(100vh - 190px)
    }

    .dentist-bar {
        display: block
    }

    .dentist-box {
        width: 48%
    }

    .page-team {
        padding-top: 190px
    }

    .gallery-box {
        width: 100%
    }

    .treatment-page-list ul>li {
        width: 44%
    }

    #fee-holder:after {
        content: '';
        display: block;
        clear: both
    }

    #fee-holder {
        position: relative;
        width: 100%;
        overflow-x: scroll
    }

    .fee-header .fee-care,.fee-header .fee-ess,.fee-header .fee-private {
        display: none
    }

    .fee-row .fee-private,.fee-header .fee-private,.fee-header .fee-private {
        width: 51%
    }

    .fee-header .fee-treatment,.fee-row .fee-treatment,.fee-row .fee-private,.fee-header .fee-private,.fee-row span.fee-care,.fee-row span.fee-ess,.fee-row .fee-care,.fee-row .fee-ess {
        width: 100%;
        text-align: center;
        background-color: #fff0
    }

    .fee-row .fee-treatment {
        font-weight: 700
    }

    .fee-row .fee-private:before {
        content: "Private - "
    }

    .fee-row .fee-care:before {
        content: "Denplan Care - "
    }

    .fee-row .fee-ess:before {
        content: "Denplan Essential - "
    }

    .fee-row .fee-from {
        float: none;
        padding-left: 5px
    }

    .access-section section {
        display: block
    }

    .access-box {
        width: 100%
    }

    .access-box+.access-box {
        margin-top: 20px
    }
}

@media (max-width: 890px) {
    form.contact-form.e-consult label {
        width:calc(98%/2 - 10px);
        float: left;
        margin-left: 10px
    }

    #menu-item-613,#menu-item-747 {
        display: none
    }

    .home-content-wrap .col-50 {
        width: 100%
    }

    .contact-icons {
        padding: 40px 0 0
    }

    .contact-icons a {
        width: 49%;
        margin-bottom: 40px
    }

    .fixed #menu-item-744,.fixed #menu-item-745,.fixed #menu-item-746,.fixed #menu-item-747 {
        display: none
    }

    .ref-box,.ref-box-full ul {
        width: 100%
    }

    .contact-page-details,.contact-page-form {
        width: 100%
    }

    .contact-page-section {
        display: flex;
        flex-wrap: wrap
    }

    .contact-page-details {
        padding-right: 0;
        margin-bottom: 0;
        order: 2
    }

    .contact-page-form {
        margin-bottom: 20px;
        order: 1
    }
}

@media (max-width: 870px) {
    .footer-third {
        width:100%;
        margin: 0
    }
}

@media (max-width: 800px) {
    .page-content .wp-video,video.wp-video.square-video {
        float:none;
        width: 100%!important;
        max-width: 250px;
        margin: 0 auto;
        border-width: 0;
        max-width: initial!important;
        display: block
    }

    .slide-title {
        font-size: 2rem
    }
}

@media (max-width: 768px) {
    .alignright {
        float:none;
        display: block;
        margin: 0 auto 30px
    }

    .BadgeContainer__Inner-sc-uut3w0-0 {
        margin: 0 0 80px 5px!important
    }

    .footer-contact {
        display: block
    }

    .es-badge-container {
        bottom: 85px!important
    }

    div#slide-out-form {
        display: none
    }

    .logos-bar img {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .logos-bar br {
        display: none
    }

    .nav-wrapper {
        display: none
    }

    .header-wrapper.fixed {
        padding: 0;
        height: 55px
    }

    .header-wrapper.fixed .logo {
        margin-top: 0;
        width: 98px;
        display: block
    }

    .banner {
        margin-top: 130px;
        height: 500px;
        min-height: initial
    }

    #scrolldown {
        display: none
    }

    .dentist-bar-2 .dentist-box {
        width: 44%
    }

    .page-team {
        padding-top: 135px
    }

    .gallery-box-wide {
        display: block
    }

    .gallerywide-before,.gallerywide-after {
        width: 50%;
        float: left
    }

    .gallerywide-before:nth-of-type(3) {
        clear: left
    }

    .size-medium.wp-image-672.alignright {
        display: none
    }

    .alignnone.size-medium.wp-image-670 {
        max-width: 100%!important;
        height: auto!important
    }

    .ref-first-links {
        display: block
    }

    .ref-first-links a {
        margin: 0 auto
    }

    .plan-fee {
        font-size: .8em;
        padding: 10px 5px!important
    }

    .button-5 {
        width: 100%
    }
}

@media (max-width: 600px) {
    .treatment-video {
        width:100%!important
    }

    ul.treatment-video {
        padding: 0;
        margin: 0;
        text-align: center;
        margin: 0 auto;
        padding: 0;
        float: none
    }

    .footer-facebook {
        display: none
    }

    .quicklinks>div {
        width: 50%
    }

    .contact-icons a {
        width: 100%
    }

    .opening-hours td {
        width: 50%
    }

    .footer-fourth {
        width: 97%
    }

    .home-text h1 {
        font-size: 2em
    }

    .quicklinks h2,.testimonials-inner h2,.opening-hours h2 {
        font-size: 1.5em
    }

    .philosophy-box {
        padding-left: 20px;
        padding-top: 70px
    }

    .philosophy-box:before {
        top: 30px!important
    }

    .gallery-box-wide h2,.gallery-box h2 {
        font-size: 1em
    }

    .workingfeedback_testimonials .testimonial {
        width: 100%!important;
        margin-bottom: 40px!important
    }

    .treatment-page-list ul>li {
        width: 100%;
        max-width: 300px
    }

    .contactpage h2 {
        font-size: 24px
    }
}

@media (max-width: 500px) {
    .dentist-bar-2 .dentist-box {
        width:99%;
        max-width: 200px
    }

    .dentist-box {
        width: 99%;
        float: none;
        margin-left: auto;
        margin-right: auto;
        max-width: 200px
    }

    .gallery-before,.gallery-after,.gallerywide-before,.gallerywide-after {
        width: 100%;
        height: auto
    }

    h2.header1,h2.header2,h2.header3,h2.header4 {
        font-size: 16px
    }

    .ref-box-full ul li:before {
        font-size: 16px;
        top: 16px
    }

    .ref-box-full {
        padding: 10px
    }

    .ref-box-full ul li,ol.ref-how>li {
        padding-left: 50px
    }

    ol.ref-how>li:before {
        font-size: 16px;
        top: 24px
    }

    .ref-box {
        padding: 10px
    }

    .iframe {
        float: none;
        margin: 0 0 10px 20px;
        width: 100%
    }
}

@media (max-width: 400px) {
    .quicklinks>div {
        width:100%
    }

    .opening-hours td {
        width: 100%
    }

    .slide-title {
        font-size: 2em
    }

    .slide-text {
        font-size: 17px
    }

    .contact-page-address,.contact-page-phone,.contact-page-email {
        padding-left: 40px
    }

    .contact-page-address:before {
        font-size: 18px;
        left: 14px;
        top: 35px
    }

    .contact-page-address:hover:before {
        top: 30px
    }

    .contact-page-email:before {
        font-size: 16px;
        left: 13px
    }

    .contact-page-phone:before {
        font-size: 19px;
        left: 14px
    }

    .contact-page-email a {
        font-size: 14px
    }

    .contact-page-phone {
        font-size: 16px
    }

    .contact-page-address:before,.contact-page-email:before,.contact-page-phone:before {
        display: none
    }

    .contact-page-address,.contact-page-phone,.contact-page-email,.contact-page-form,.booking-form {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(max-width: 450px) {
    .goog-rev {
        width:100%;
        min-width: unset;
        margin: 0 0 10px
    }

    .videos-section section .video-box,.treatment-testimonial-section section .video-box {
        min-width: 330px
    }
}

.ddl-popup-button-resource.ddl-xmas-btn {
    color: #fff;
    background-color: #a1c741
}

.button-5 {
    align-items: center;
    background-clip: padding-box;
    background-color: #a0c443;
    border: 1px solid #fff0;
    border-radius: .25rem;
    box-shadow: rgb(0 0 0 / .02) 0 1px 3px 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    line-height: 1.25;
    margin: 20px 0;
    min-height: 3rem;
    padding: calc(.875rem - 1px) calc(1.5rem - 1px);
    position: relative;
    text-decoration: none;
    transition: all .25s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline
}

.button-5:hover,.button-5:focus {
    background-color: #a0c443;
    box-shadow: rgb(0 0 0 / .1) 0 4px 12px
}

.button-5:hover {
    transform: translateY(-1px)
}

.button-5:active {
    background-color: #abb745;
    box-shadow: rgb(0 0 0 / .06) 0 2px 4px;
    transform: translateY(0)
}

.margin-top-40 {
    margin-top: 40px
}

.hTvjIw {
    margin: 0 0 80px 20px!important
}

.denplan-fee {
    width: 60%;
    float: left;
    display: block;
    box-sizing: border-box;
    padding: 10px 30px
}

.denplanpg .denplan-fee {
    width: 40%
}

.denlan-care2 {
    width: 20%;
    float: left;
    box-sizing: border-box;
    display: block;
    text-align: center;
    padding: 10px 0;
    border-left: 1px solid #dedede;
    background: rgb(100 100 100 / .1)
}

.denplanpg .denplan-care,.denplanpg .denplan-care2 {
    width: 30%
}

.denplan-ess2 {
    width: 20%;
    float: left;
    box-sizing: border-box;
    display: block;
    padding: 10px 0;
    text-align: center;
    border-left: 1px solid #dedede
}

.denplanpg .denplan-ess,.denplanpg .denplan-ess2 {
    width: 30%
}

@media(max-height: 750px) {
    span.form-button-text {
        display:none
    }

    div#form-button {
        height: 50px
    }

    div#slide-out-form {
        top: 50px;
        z-index: 99999999
    }
}

@media(max-height: 575px) {
    #slide-out-form {
        display:none
    }
}

.cta-block {
    padding: 10px 30px;
    background-color: #eee
}

.cta-block h2 {
    margin-top: 0
}

.cta-block :last-child {
    margin-bottom: 0
}

.cta-invisalign {
    background-image: linear-gradient(to bottom,rgb(245 246 252 / .12),rgb(255 255 255 / .43)),url(https://woodlanedentistry.co.uk/wp-content/uploads/2023/12/invisalign-cta-bgnd.jpg.webp);
    background-size: cover
}

div#responsive-menu-container {
    z-index: 99999999
}

.iframe {
    float: right;
    margin: 0 0 10px 20px
}

.unslider-fade .unslider-wrap li:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: .3;
    z-index: -1;
    width: 100%;
    height: 100%
}

@media(max-width: 1100px) {
    .unslider-fade .unslider-wrap li:after {
        opacity:.7
    }
}

.contact-page-form select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.contact-page-form select:hover,.contact-page-form select:focus {
    border-color: #087f8c
}

.contact-page-form .fa.fa-chevron-down {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 0 0 0;
    font-size: 1.1em;
    color: #087f8c
}

.grecaptcha-badge {
    display: none!important
}

.hpfaqs {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 30px
}

.hpfaqs-divider {
    padding: 0 30px;
    margin: 0 auto
}

.hpfaqs-divider hr {
    background: linear-gradient(90deg,#087f8c 0%,#087f8c 25%,#efbb20 25%,#efbb20 50%,#dc4949 50%,#dc4949 75%,#a0c443 75%,#a0c443 100%);
    height: 4px
}

@media only screen and (max-width: 1300px) {
    .hpfaqs {
        max-width:100%;
        box-sizing: border-box
    }
}

.receptionpal {
    --receptionpal-background: #087f8c;
    --receptionpal-txt: #ffffff;
    --receptionpal-badge: #8dbc38;
    --receptionpal-icon: #ffffff;
    --receptionpal-powered: #f3f6fc;
    --receptionpal-size-sm: 17px;
    --receptionpal-size-lg: 19px;
    --receptionpal-gap-y-sm: 20px;
    --receptionpal-gap-y-lg: 30px;
    --receptionpal-gap-x-sm: 20px;
    --receptionpal-gap-x-lg: 30px
}

@media only screen and (max-width: 768px) {
    .receptionpal {
        --receptionpal-gap-y-lg:110px;
        --receptionpal-gap-y-sm: 110px
    }
}

@media only screen and (max-width: 480px) {
    .contact-page-form select {
        height:70px;
        text-wrap: wrap;
        padding-right: 45px
    }

    .contact-page-form li:has(select) i:not(.fa-chevron-down) {
        top: 26px
    }

    .contact-page-form li:has(select) .fa.fa-chevron-down {
        top: 20px
    }
}

@media only screen and (max-width: 480px) {
    img.adjustmob,svg.adjustmob {
        max-width:70%
    }
}

.ddl-accordion-toggle {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0
}

.fifty-fifty {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px
}

.fifty-fifty-media {
    width: 40%;
    background-color: #ddd
}

.fifty-fifty-media img,.fifty-fifty-media video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center
}

.fifty-fifty-content {
    padding: 5%;
    background-color: #eee;
    width: 60%
}

@media(max-width: 900px) {
    .fifty-fifty-media,.fifty-fifty-content {
        width:100%
    }

    .fifty-fifty-media {
        order: 2!important
    }

    .fifty-fifty-media img,.fifty-fifty-media video {
        position: initial;
        max-width: 500px;
        margin: 10px auto;
        width: 100%;
        display: block;
        height: auto;
        padding: 0 10px
    }
}

.fifty-fifty * {
    box-sizing: border-box;
    position: relative
}

.line-new::after {
    content: "";
    display: block;
    height: 4px;
    background-color: #efbb20;
    margin-top: 10px;
    animation-name: line_animation;
    animation-duration: 2s;
    animation-timing-function: linear
}

.line-new.green::after {
    background-color: #087f8c
}

.line-new.light-green::after {
    background-color: #a0c443
}

.fifty-fifty.alt .fifty-fifty-media {
    order: -1
}

.full-width {
    background-color: #eee;
    padding: 5%;
    margin-bottom: 50px
}

.full-width-nobg {
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap
}

.full-width-content {
    max-width: 800px;
    margin: 0 auto
}

.full-width p,.full-width a,.full-width h2 {
    text-align: center;
    text-wrap: pretty;
}

.full-width-nobg h2 {
    margin-top: 0
}

.full-width .line-new::after {
    margin: 10px auto 0
}

.full-width .gallery-box {
    width: 100%
}

.full-width .ddl-accordion * {
    text-align: left
}

.full-width .ddl-accordion-content {
    background-color: #fff
}

.contact-form-section {
    padding: 50px 5%;
    background-color: #087f8c;
    clear: both
}

.contact-form-section h2 {
    text-align: center;
    font-size: 35px;
    margin-bottom: 30px
}

#menu-nav li.book-online-nav {
    background: #a0c443
}

#menu-nav li.book-online-nav>a {
    color: #fff
}

#menu-nav li.book-online-nav>a:hover {
    color: #fff;
    background: #87a638
}

@media only screen and (max-width: 768px) {
    #responsive-menu-container #responsive-menu li.responsive-menu-item.book-online-nav>a {
        background-color:#a0c443!important;
        color: #fff!important
    }

    #responsive-menu-container #responsive-menu li.responsive-menu-item.book-online-nav>a:hover {
        background-color: #87a638!important
    }
}