/*
Theme Name: Franklins
Author: Anthony Brindley
Description: Franklins theme amended for wordpress
Version: 0.0.3
Tags: 
*/


body,
fieldset {
    margin: 0
}

img,
legend {
    border: 0
}

fieldset,
legend,
td,
th {
    padding: 0
}

.column,
.header-inner,
.wrapper,
sub,
sup {
    position: relative
}

.column.left,
body .column.left,
body#profile .column.left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.blog-widget,
.sub-nav {
    -webkit-box-ordinal-group: 2;
    order: 1
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

[hidden],
body .column.right,
template {
    display: none
}

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

a {
    background: 0 0
}

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

abbr[title] {
    border-bottom: 1px dotted
}

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

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

figure {
    margin: 1em 40px
}

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

pre,
textarea {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: none;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

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

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: none
}

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

body,
html {
    height: 100%
}

::-moz-selection {
    color: #fff;
    background: #152249
}

::selection {
    color: #fff;
    background: #152249
}

body.adminMode {
    margin-top: 30px
}

body.adminMode .menu-toggle,
body.adminMode .nav.fixed,
body.adminMode .search-toggle {
    top: 30px
}

body .column.left {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    clear: none;
    margin: 0
}

body .column.centre {
    display: block;
    width: 100%;
    margin: 0
}

body#search .column.left,
body#search .column.right,
body.section-people .column.left,
body.section-people .column.right {
    display: none
}

body#profile .column.left,
body#search .column.centre,
body.section-people .column.centre {
    display: block;
    margin: 0;
    width: 100%
}

body#home .column.left,
body#home .column.right {
    display: block;
    left: 0;
    width: 100%;
    margin: 0
}

body#home .column.centre,
body#profile .column.right {
    display: none
}

body#profile .column.left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    clear: none
}

body#profile .column.centre {
    display: block;
    width: 100%;
    margin: 0
}

body.section-children-matters .column.left,
body.section-ppc .column.left,
body.section-separation-and-divorce-2 .column.left {
    display: none
}

body.section-children-matters .column.right,
body.section-ppc .column.right,
body.section-separation-and-divorce-2 .column.right {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    width: 100%;
    margin: 0
}

body.section-children-matters .column.centre,
body.section-ppc .column.centre,
body.section-separation-and-divorce-2 .column.centre {
    display: block;
    width: 100%;
    margin: 0
}

.wrapper {
    min-height: 100%;
    overflow: hidden
}

.main {
    padding: 1.5rem 1.5rem 0;
    overflow-x: visible
}

.column.centre,
.column.left {
    background: #fff;
    padding: 1.5rem;
    overflow: hidden
}

/*.column.centre::after,
.column.left::after {
    display: block;
    content: "";
    background: #fff;
    width: 100%;
    height: 10000%;
    position: absolute;
    top: 100%;
    left: 0
}*/

.column.left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.column.left:empty {
    background: 0 0
}

.column.left img,
.column.right img {
    display: block;
    margin: 0 auto
}

.block,
.column.centre,
.list {
    margin-bottom: 3rem
}

.section-profile .column.left:empty {
    background: #fff
}

.footer-wrapper {
    /*position: absolute;*/
    bottom: 0;
    left: 0;
    right: 0
}

.text-block {
    background: #eee;
    height: 250px;
    position: relative
}

.text-block span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

html {
    font-size: 95%
}

body {
    color: #152249;
    font-family: Lato, "Open Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: .9rem;
    font-weight: 300;
    line-height: 1.7
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
body.section-ppc .sub-nav:before,
body.section-separation-and-divorce-2 .sub-nav:before,
form .legend,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 2rem;
    color: #152249;
    font-family: Lato, "Open Sans", "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.3
}

ol,
ul {
    margin: 0
}

.h1,
h1 {
    font-size: 2rem
}

.h2,
h2 {
    font-size: 1.8rem
}

.h3,
body.section-ppc .sub-nav:before,
body.section-separation-and-divorce-2 .sub-nav:before,
form .legend,
h3 {
    font-size: 1.6rem
}

.h4,
h4 {
    font-size: 1.4rem
}

.h5,
h5 {
    font-size: 1.2rem
}

.h6,
h6 {
    font-size: 1.1rem
}

#profile .centre .content p.intro,
.centre .content p.intro {
    font-size: 1.2rem;
    font-family: Lato, Georgia, "Times New Roman", serif
}

/* Wordpress workaround */
#profile p.intro,
p.intro {
    font-size: 1.2rem;
    font-family: Lato, Georgia, "Times New Roman", serif
}

a,
a:active,
a:visited {
    color: #ff6418;
    font-weight: 400;
    text-decoration: none;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

a:active:hover,
a:hover,
a:visited:hover {
    color: #20407f
}

ul {
    list-style: none;
    padding: 0;
    overflow: hidden
}

.nav,
.table-scroll {
    overflow: scroll
}

#profile .centre .content p,
.centre .content *+ol,
.centre .content p {
    margin: 0 0 2rem
}

.centre .content p.intro {
    color: #20407f
}

/* Wordpress workaround */
p.intro {
    color: #20407f
}

ul.ul-arrow {
    list-style: none;
    margin: 0 0 2rem;
    padding: 0 0 0 20px
}

ul.ul-arrow li {
    position: relative
}

ul.ul-arrow li::before {
    content: "";
    position: absolute;
    top: 4px;
    left: -25px;
    z-index: 50;
}

.has-icon,
.has-icon .icon-content,
.has-icon .icon-link {
    min-height: 30px;
    display: block;
    position: relative
}

.centre .content *+ol {
    list-style: decimal;
    padding: 0 0 0 20px
}

#profile .centre .content p.intro {
    padding-bottom: 2rem;
    border-bottom: 12px solid rgba(92, 108, 144, .2);
    color: #20407f
}

/* Wordpress Workaround */
#profile p.intro {
    padding-bottom: 2rem;
    border-bottom: 12px solid rgba(92, 108, 144, .2);
    color: #20407f
}

strong {
    font-weight: 600
}

hr {
    border: 1px solid #eee
}

.table-scroll table {
    width: 100%
}

.table-scroll table td,
.table-scroll table th {
    padding: 1rem
}

.table-scroll table th {
    font-family: Lato, Georgia, "Times New Roman", serif;
    color: #fff;
    background: #152249;
    border: 2px solid #0f1935
}

.table-scroll table td {
    border: 2px solid #eee
}

.has-icon .icon-content,
.has-icon .icon-link {
    padding-left: 30px;
    z-index: 1
}

.has-icon .icon {
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    fill: #111;
    z-index: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.has-icon .icon-link:hover+.icon {
    opacity: 1
}

.header {
    background: #0f1935;
    padding: 0;
    margin-bottom: 0
}

.header-inner {
    padding: 0 1.5rem;
}

.company-logo {
    width: 210px;
    margin: 30px auto;
    position: relative;
    z-index: 301
}

.calls-to-action {
    clear: both;
    text-align: center;
    margin: 0 0 1.5rem;
    padding: 0
}

.calls-to-action .action {
    display: inline-block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.3;
    text-align: center
}

.calls-to-action .action.has-icon .row,
.hero .search-container {
    display: block
}

.calls-to-action .action.callback a,
.calls-to-action .action.enquiry a {
    display: block;
    color: #fff!important;
    font-size: .9rem;
    font-weight: 600!important;
    background: #152249;
    padding: .65rem;
    margin-bottom: .75rem
}

.calls-to-action .action.callback a:hover,
.calls-to-action .action.enquiry a:hover {
    background: #ff6418
}

.calls-to-action .action.phone {
    padding-left: 2%
}

.calls-to-action .action.phone .number {
    color: rgba(255, 255, 255, .5);
    font-size: .7rem;
    font-weight: 600
}

.calls-to-action .action.phone .icon-link {
    color: #ff6418!important;
    font-size: 1.3rem;
    font-weight: 400;
    padding-left: 0
}

.calls-to-action .action.phone .icon-link a {
    color: #ff6418!important
}

.calls-to-action .action.has-icon .icon-link {
    color: #152249;
    font-weight: 400
}

.calls-to-action .action.has-icon .icon-link a {
    color: #152249
}

.calls-to-action .action.has-icon .icon {
    padding: 0;
    fill: #152249
}

.hero {
    padding: 1.5rem 1.5rem 1rem
}

#home .hero {
    background: #fff
}

#home .hero .crumbtrails {
    display: none
}

#profile .hero {
    background: url("./images/banners/profile.jpg") center bottom no-repeat;
    background-size: cover;
    position: relative
}

#home .footer-wrapper .pre-footer {
    min-height: 300px;
    background: #fff;
    padding: 1.5rem
}

.footer-wrapper {
    background: #fff
}

.footer-wrapper .footer {
    padding: 3rem;
    border-top: 8px solid #152249
}

.footer-wrapper .pre-footer {
    min-height: 600px;
    padding: 0 1.5rem 1.5rem
}

.section-ppc .footer-wrapper .pre-footer {
    padding: 0
}

.footer-wrapper a {
    color: #152249;
    font-weight: 600
}

.footer-wrapper a:hover {
    color: #ff6418
}

.footer-search {
    width: 100%;
    margin-bottom: 0
}

.footer-links,
.footer-meta {
    font-size: .8rem;
    margin: 0
}

.footer-links p,
.footer-meta p {
    margin: 0 0 .5rem
}

.footer-links li,
.footer-meta li {
    display: inline
}

.footer-links li:before,
.footer-meta li:before {
    content: '\00a0|\00a0'
}

.footer-links li:first-child:before,
.footer-meta li:first-child:before {
    content: ''
}

.footer-block {
    vertical-align: top
}

.footer-block.browse,
.footer-block.help {
    font-size: .8rem;
    font-weight: 600
}

.footer-block.copyright,
.footer-block.locations {
    font-size: .7rem
}

#browse-nav-link-business-service-solicitors,
#browse-nav-link-commercial-litigation-solicitors,
#browse-nav-link-commercial-property-solicitors,
#browse-nav-link-conveyancing-solicitors,
#browse-nav-link-corporate-compliance-solicitors,
#browse-nav-link-debt-recovery-solicitors,
#browse-nav-link-employment-law-solicitors,
#browse-nav-link-employment-solicitors,
#browse-nav-link-family-law-solicitors,
#browse-nav-link-intellectual-property-solicitors,
#browse-nav-link-land-developtment-solicitors,
#browse-nav-link-managing-property-solicitors,
#browse-nav-link-specific-industry-solicitors,
#browse-nav-link-wills-and-probate-solicitors,
#profile .staff-search-container {
    display: none
}

.nav {
    position: fixed;
    top: -100vh;
    right: 0;
    left: 0;
    height: 100vh;
    padding: 80px 0;
    background: rgba(32, 64, 127, .85);
    visibility: hidden;
    opacity: 0;
    z-index: 300;
    -webkit-transition: visibility .3s ease-out, opacity .3s ease-out;
    transition: visibility .3s ease-out, opacity .3s ease-out
}

.nav .menu,
.sub-nav .sub-menu {
    overflow: visible
}

.nav .menu .link {
    position: relative
}

.nav .menu .link a {
    display: block;
    height: 80px;
    line-height: 80px;
    padding: 0 20px;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    -webkit-transition: color .2s ease-out, background .2s ease-out;
    transition: color .2s ease-out, background .2s ease-out
}

.nav .menu .link.active>a,
.nav .menu .link:active>a,
.nav .menu .link:hover>a {
    color: #fff;
    background: rgba(21, 34, 73, .7)
}

.nav .menu .link.active>a:hover {
    color: #fff;
    background: rgba(21, 34, 73, .85)
}

.nav.animate {
    top: 0;
    visibility: visible;
    opacity: 1
}

.nav.animate .menu {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.nav .sub-menu {
    display: none
}

.sub-nav {
    -ms-flex-order: 1;
    margin: 3rem 0;
    background: #fff
}

.sub-nav .title a {
    color: #152249;
    font-weight: 300
}

.sub-nav .title a:hover {
    color: #ff6418
}

.sub-nav .sub-nav-title {
    margin-bottom: 1.5rem
}

.sub-nav .sub-nav-title a {
    color: #152249;
    font-size: 1.8rem;
    font-weight: 300
}

.sub-nav .sub-nav-title a:hover {
    color: #ff6418
}

.sub-nav .sub-nav-title span {
    font-style: italic
}

.sub-nav .sub-nav-title .arrow-icon {
    position: absolute;
    padding: 10px 15px;
    height: 45px;
    width: 40px;
    fill: #ff6418
}

.document,
.pagination-container {
    overflow: hidden
}

.sub-nav .sub-menu li:last-of-type a {
    border-bottom: none
}

.document,
.news:last-child,
.pagination-container,
.related-items,
.sub-nav .sub-menu a {
    border-bottom: 1px solid #eee
}

.sub-nav .sub-menu a {
    display: block;
    position: relative;
    color: #152249;
    font-size: .9rem;
    font-weight: 400;
    padding: .75rem 0
}

.news .content,
.news:last-child,
.pagination-container,
.related-items {
    padding-bottom: 1.5rem
}

.sub-nav .sub-menu .active a,
.sub-nav .sub-menu a:hover {
    color: #ff6418
}

.sidebar-menu ul.menu li.active a::before {
    display: inline-block;
    content: url("../images/icons/subnav-arrow.png");
    position: absolute;
    left: -14px
}

.sub-nav .sub-menu .active a:hover {
    color: #254a93
}


.sitemap-menu {
    margin: 0
}

.sitemap-menu .sub-menu {
    margin: .75rem 0;
    padding-left: 3rem
}

.news .list-header,
.news:last-child {
    margin-bottom: 1.5rem
}

.section-for-business .sub-nav .title,
.section-for-individuals .sub-nav .title,
html.mdzrtouch .sub-nav .sub-menu:hover::before {
    display: none
}

.news {
    padding-top: 1.5rem;
    border-top: 1px solid #eee;
    margin-top: 1.5rem
}

.news .title {
    display: inline;
    margin-bottom: .5rem
}

.news .datetime:before {
    content: '\00a0-\00a0'
}

.related-items {
    margin-bottom: 1.5rem
}

.related-items .related {
    margin-bottom: 1rem
}

.author-meta,
.speaker {
    margin-bottom: 1.5rem
}

.pagination-container .pagination {
    float: right
}

.pagination-container .pagination .pagination-label {
    margin-right: 1.5rem
}

.pagination-container .pagination li {
    float: left;
    margin-right: .5rem
}

.author-meta {
    font-size: .9rem;
    line-height: 1.3rem
}

.author-meta .meta-label {
    margin-right: 5px
}

.author-meta .meta-label:after {
    content: ':'
}

.speaker .speaker-header {
    margin-bottom: 2rem
}

.speaker .speaker-header .speaker-image {
    float: left;
    margin-right: 2rem;
    max-width: 50%
}

.speaker .speaker-header .speaker-image img {
    width: 100%
}

.speaker .speaker-header .name {
    margin-bottom: 1rem
}

.speaker .speaker-quote {
    clear: both
}

.disclaimer {
    font-size: .8rem;
    line-height: 1.4rem;
    padding: 1.5rem;
    margin-bottom: 3rem;
    background: #fbfbfb
}

.document {
    padding-bottom: 1rem;
    margin-bottom: 1rem
}

.document .document-name {
    float: left;
    margin-right: 10px
}

.document .document-meta {
    float: right;
    font-size: .8rem
}

.document .document-meta li {
    float: left;
    width: 5rem;
    text-align: center
}

.document.block {
    border: none
}

.document.block .document-meta {
    float: left;
    margin-left: 5px
}

.document.block .document-meta li {
    width: auto
}

.select-wrapper {
    position: relative;
    z-index: 1
}

.select-wrapper:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 9px solid #eee;
    z-index: -1
}

.archive-widget .select-wrapper .archive-select,
.archive-widget .select-wrapper .select-wrapper,
.select-wrapper .archive-widget .archive-select,
.select-wrapper .archive-widget .select-wrapper,
.select-wrapper .select {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0;
    width: 100%;
    height: 40px;
    padding: 0 2rem 0 1rem;
    border: 1px solid #eee;
    color: #bbb;
    background: 0 0
}

.archive-widget .select-wrapper .archive-select option,
.archive-widget .select-wrapper .select-wrapper option,
.select-wrapper .archive-widget .archive-select option,
.select-wrapper .archive-widget .select-wrapper option,
.select-wrapper .select option {
    background: #fff;
    color: #111
}

.archive-widget form .row.field-error .archive-select,
.archive-widget form .row.field-error .select-wrapper,
.archive-widget form .row.field-success .archive-select,
.archive-widget form .row.field-success .select-wrapper,
form .row.field-error .archive-widget .archive-select,
form .row.field-error .archive-widget .select-wrapper,
form .row.field-error .select,
form .row.field-success .archive-widget .archive-select,
form .row.field-success .archive-widget .select-wrapper,
form .row.field-success .select {
    color: #bbb
}

form .legend {
    margin: 1.5rem 0 .75rem
}

form .row {
    position: relative;
    padding-bottom: .75rem
}

form .row:last-child {
    padding: 0
}

.archive-widget form .row.field-error .archive-select,
.archive-widget form .row.field-error .select-wrapper,
form .row.field-error .archive-widget .archive-select,
form .row.field-error .archive-widget .select-wrapper,
form .row.field-error .input,
form .row.field-error .select,
form .row.field-error .textarea {
    border-color: #e74c3c;
    background: rgba(231, 76, 60, .05);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-animation: hippyshake .15s linear;
    animation: hippyshake .15s linear;
    -webkit-animation-iteration-count: .5s;
    animation-iteration-count: .5s
}

form .input,
form .submit,
form .textarea {
    -webkit-transition: all .3s ease-out;
    outline: 0
}

form .row.field-error .select-wrapper:after {
    border-top-color: #e74c3c
}

.archive-widget form .row.field-success .archive-select,
.archive-widget form .row.field-success .select-wrapper,
form .row.field-success .archive-widget .archive-select,
form .row.field-success .archive-widget .select-wrapper,
form .row.field-success .input,
form .row.field-success .select,
form .row.field-success .textarea {
    border-color: #2ecc71;
    background: rgba(46, 204, 113, .05)
}

form .row.field-success .select-wrapper:after {
    border-top-color: #2ecc71
}

form .row.required>label:after {
    content: '\00a0*';
    color: #20407f
}

form .row>label {
    font-size: 1.1rem;
    padding-right: 1rem
}

form .helper {
    clear: both;
    font-size: .9rem;
    color: #bbb;
    font-style: italic
}

form .helper.invalid {
    display: block;
    color: #e74c3c
}

form .helper.valid {
    display: none;
    color: #2ecc71
}

form .input,
form .textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding: 0 1rem;
    border: 1px solid #eee;
    font-size: inherit;
    font-family: inherit;
    transition: all .3s ease-out
}

form .input:focus,
form .textarea:focus {
    border-color: #152249
}

form .textarea {
    display: block;
    height: 40px;
    resize: none;
    padding: .5rem 1rem
}

form .textarea.small {
    height: 80px
}

form .input {
    height: 40px;
    line-height: 1
}

form .checkbox-list,
form .radio-list {
    padding-top: .5rem
}

form .submit .submit {
    width: 100%
}

form .submit {
	background: transparent!important;
	margin: 0!important;
	padding: 0!important;
}

form .submit input {
	width: 100%;
    height: 40px;
    font-size: 1.1rem;
    background: #ff6418!important;
    transition: all .3s ease-out;
    border-radius: 4px;
	color: white !important;
	border: 1px solid #ff6418;
}

form .submit input:hover {
	background: #20407f!important;
	border: 1px solid #20407f;
}

form .radio-list label {
    display: block;
    float: left;
    width: 48%;
    margin-left: 4%
}

form .radio-list label:first-child {
    margin: 0
}

form .radio-list label span {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 1.1rem;
    text-align: center;
    color: #fff;
    background: #152249;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

form .radio-list label span:hover {
    background: #20407f
}

form .radio-list label .radio:checked+span {
    background: #ff6418
}

form .checkbox-list label {
    display: block
}

form .checkbox-list label span {
    display: block;
    position: relative;
    padding-left: 40px;
    margin: 0 0 .5rem;
    line-height: 1.4;
    cursor: pointer
}

.extra-fields-departments,
.search-container .search-label,
.search-container .search-submit {
    display: none
}

form .checkbox-list label span:before {
    content: '+';
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 22px;
    margin-right: 10px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 4px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

form .checkbox-list label span:hover:before {
    margin-right: 18px;
    border-color: #152249
}

form .checkbox-list label .checkbox:checked+span:before {
    border-color: #152249;
    background: #152249
}

form .captcha-wrapper {
    padding: 1.5rem 0 2.25rem
}

form .captcha-wrapper img {
    opacity: .7
}

.caldera_forms_form .form-control {
	background: rgba(92, 108, 144, 0.3) !important;
	height: 50px !important;
    color: #152249 !important;
    font-weight: 300 !important;
	width: 100% !important;
    padding: 0 1rem !important;
	border: none !important;
}

.caldera_forms_form .form-control::placeholder{
    color: #152249 !important;
}

.extra-fields-departments .row {
    padding-bottom: .75rem
}

.search-results-container .highlight {
    color: #152249
}

.search-container {
    width: 100%;
    margin: 0 0 1rem;
    overflow: hidden
}

.search-container .search-form {
    padding: 0
}

.search-container .search-input {
    width: 80%;
    height: 40px;
    float: left;
    padding: 0 10px;
    border: 1px solid #eee;
    border-radius: 4px 0 0 4px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

.search-container .search-input:focus {
    border-color: #152249
}

.search-container .search-button {
    display: block;
    width: 20%;
    height: 40px;
    float: left;
    background: #152249;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    -webkit-transition: background .3s ease-out;
    transition: background .3s ease-out
}

.search-container .search-button:hover {
    background: #20407f
}

.search-container .search-button .icon-search {
    left: 50%;
    margin-left: -15px;
    fill: #fff;
    z-index: 1
}

.search-summary {
    text-align: center
}

.search-summary .none-found {
    display: none
}

.search-tabs-container {
    margin-bottom: 2rem;
    border-bottom: 1px solid #152249
}

.search-tabs-container .search-tab {
    float: left
}

.search-tabs-container .search-tab.active a {
    background: #152249;
    color: #fff
}

.search-tabs-container .search-tab.active a:hover {
    background: #0f1935
}

.search-tabs-container .search-tab a {
    display: block;
    padding: 1rem 2rem;
    background: #e1e1e1;
    color: #152249
}

.search-tabs-container .search-tab a:hover {
    background: #152249;
    color: #fff
}

.search-buckets .search-number {
    font-size: 1.4rem;
    margin-left: .5rem
}

.search-buckets .search-number:before {
    content: '('
}

.search-buckets .search-number:after {
    content: ')'
}

.search-buckets .search-result {
    padding-bottom: 2rem;
    border-bottom: 1px solid #eee;
    margin-bottom: 2rem
}

.search-buckets .search-result .search-title {
    font-size: 1.6rem
}

.search-buckets .search-result .search-staff-image {
    float: left
}

.search-buckets .search-result .search-staff-image~.search-result-inner {
    margin-left: 120px
}

.staff-cards,
.staff-search-results {
    margin: 0 0 3rem;
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: stretch;
}

@media only screen and (min-width: 40em) {
	.staff-cards,
	.staff-search-results {
		margin: 0 0 3rem;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: stretch;
	}
}

.staff-cards .card,
.staff-search-results .card {
    position: relative;

    border: 1px solid #eee;
    margin: 0 0 1.5rem
}

.staff-attributes  {
padding:15px;
}

.card .staff-attributes .email {
	float:left;
	margin-right:10px;
}


.staff-cards .card .staff-image,
.staff-search-results .card .staff-image {
  
    width: 100%;
 
    border: 1px solid #eee
}

.staff-cards .card .staff-details .name,
.staff-search-results .card .staff-details .name {
    margin: 0 0 .3rem;
    font-size: 1.4rem
}

.staff-cards .card .staff-details .jobtitle,
.staff-search-results .card .staff-details .jobtitle {
    font-size: .8rem
}

.staff-cards .card .staff-contact,
.staff-search-results .card .staff-contact {
    margin-top: 10px
}

.staff-cards .card .staff-contact ul,
.staff-search-results .card .staff-contact ul {
    padding: 5px 0
}

.staff-cards .card .staff-contact a.icon,
.staff-search-results .card .staff-contact a.icon {
    padding-left: 0
}

.staff-cards .card .staff-contact .email,
.staff-cards .card .staff-contact .profile,
.staff-search-results .card .staff-contact .email,
.staff-search-results .card .staff-contact .profile {
    margin-bottom: .5rem
}

.staff-member {
    background: #e1e1e1
}

.staff-member,
.staff-rotator {
    width: 100%!important;
    height: 100%!important
}

.staff-member .staff-image,
.staff-rotator .staff-image {
    display: block
}

.staff-member .staff-image img,
.staff-rotator .staff-image img {
    display: block;
    margin: 0 auto
}

.staff-member .staff-attributes,
.staff-rotator .staff-attributes {
    display: block;
    position: relative;
    vertical-align: top;
    padding: 20px 0 0;
    margin-left: 1.5rem
}

.staff-member .staff-contact .profile,
.staff-member .staff-contact .vcard,
.staff-member .staff-contact svg.icon,
.staff-rotator .staff-contact .profile,
.staff-rotator .staff-contact .vcard,
.staff-rotator .staff-contact svg.icon {
    display: none
}

.staff-member .contact-staff-title,
.staff-rotator .contact-staff-title {
    color: #254a93;
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: .5rem
}

.staff-member .name,
.staff-rotator .name {
    margin-bottom: 0
}

.staff-member .staff-contact .icon-link,
.staff-rotator .staff-contact .icon-link {
    padding-left: 0
}

.staff-member .staff-contact .phone,
.staff-rotator .staff-contact .phone {
    font-size: 1.4rem;
    font-weight: 600;
    color: #ff6418
}

.staff-member .staff-contact .phone a,
.staff-rotator .staff-contact .phone a {
    color: #ff6418
}

.staff-member .staff-contact .phone a:hover,
.staff-rotator .staff-contact .phone a:hover {
    color: #20407f
}

.staff-member .staff-contact .email a,
.staff-rotator .staff-contact .email a {
    background: #ff6418;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    text-align: center;
    width: 160px;
    padding: .5rem 0;
    border: none!important;
    margin-top: .5rem
}

.staff-member .staff-contact .email a:hover,
.staff-rotator .staff-contact .email a:hover {
    background: #20407f;
    color: #fff;
    border: none!important
}

.staff-rotator-wrapper {
    position: relative
}

.staff-rotator-wrapper .bx-viewport {
    background: #e1e1e1;
    min-height: 430px!important
}

.staff-rotator-wrapper .bx-controls {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    z-index: 50
}

.staff-rotator-wrapper .bx-next,
.staff-rotator-wrapper .bx-prev {
    color: #85898a;
    font-size: .8rem;
    padding: .275rem .3rem;
    border: 1px solid #85898a
}

.staff-rotator-wrapper .bx-next:hover,
.staff-rotator-wrapper .bx-prev:hover {
    color: #ff6418
}

.staff-profile .staff-contact .phone a,
.staff-profile li {
    color: #fff
}

.staff-rotator-wrapper .bx-prev {
    margin-right: .5rem
}

.profile-image-wrapper .profile-image {
    display: block;
    position: relative;
    max-width: 100%;
    bottom: -15px;
    margin: 0 auto
}

.staff-profile .staff-contact .icon,
.staff-profile .staff-social .h3,
.staff-profile .staff-social body.section-ppc .sub-nav:before,
.staff-profile .staff-social body.section-separation-and-divorce-2 .sub-nav:before,
.staff-profile .staff-social form .legend,
body.section-ppc .staff-profile .staff-social .sub-nav:before,
body.section-separation-and-divorce-2 .staff-profile .staff-social .sub-nav:before,
form .staff-profile .staff-social .legend {
    display: none
}

.staff-profile {
    text-align: center;
    width: 100%;
    padding: 1.5rem;
    border: 15px solid rgba(255, 255, 255, .7);
    position: relative;
    overflow: visible
}

.staff-profile .staff-details .name {
    font-size: 1.4rem;
    margin: 0 0 .5rem
}

.staff-profile .staff-details .jobtitle {
    font-weight: 400;
    margin: 0 0 .5rem
}

.staff-profile .staff-contact {
    border-top: 1px solid rgba(255, 255, 255, .7)
}

.staff-profile .staff-contact li {
    padding: .75rem 0 0;
    border-bottom: none!important
}

.staff-profile .staff-contact .phone {
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff
}

.staff-profile .staff-contact .phone a:hover {
    color: #ff6418
}

.staff-profile .staff-contact .email a,
.staff-profile .staff-contact .vcard a {
    background: #ff6418;
    color: #fff;
    font-size: .9rem;
    font-weight: 600;
    text-align: center;
    width: 160px;
    padding: .5rem 0;
    margin: 0 auto
}

.staff-profile .staff-contact .email a:hover,
.staff-profile .staff-contact .vcard a:hover {
    background: #20407f;
    color: #fff
}

.staff-profile .staff-contact .icon-link {
    padding-left: 0
}

.staff-profile .staff-social {
    /*position: absolute;*/
    bottom: -30px;
    left: 0;
    width: 100%;
        margin-top: 15px; /* Wordpress amend */
}

.staff-profile .staff-social li {
    display: inline-block
}

.staff-profile .staff-social li.facebook,
.staff-profile .staff-social li.linkedin,
.staff-profile .staff-social li.twitter {
    padding: 5px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.staff-profile .staff-social li.facebook:hover,
.staff-profile .staff-social li.linkedin:hover,
.staff-profile .staff-social li.twitter:hover {
    background: #ff6418
}

.staff-profile .staff-social li.facebook .icon,
.staff-profile .staff-social li.linkedin .icon,
.staff-profile .staff-social li.twitter .icon {
    fill: #fff;
    padding: 8px;
    width: 100%
}

.staff-profile .staff-social li.twitter {
    background: #55acee
}

.staff-profile .staff-social li.linkedin {
    background: #007bb6
}

.staff-profile .staff-social li.facebook {
    background: #3b5998
}

.staff-biography .title {
    margin: 0 0 .5rem
}

.staff-biography .job-title {
    margin: 0 0 1.5rem
}

.staff-biography .tabs-container {
    margin-bottom: 1.5rem
}

.staff-biography .tabs-container .tab-link {
    float: left;
    width: 50%
}

.staff-biography .tabs-container .tab-link.active a {
    background: #152249;
    color: #fff
}

.staff-biography .tabs-container .tab-link.active a:hover {
    background: #0f1935
}

.staff-biography .tabs-container .tab-link a {
    display: block;
    padding: 1rem 2rem;
    background: #eee;
    color: #152249;
    text-align: center
}

#billpay .column.left,
#billpay .column.right,
#login .column.left,
#login .column.right,
#logout .column.left,
#logout .column.right,
.cookies.cookies-allowed .cookies-denied,
.cookies.cookies-denied .cookies-allowed,
.cookies.cookies-none .cookies-allowed,
.cookies.cookies-none .cookies-denied,
.overlay {
    display: none
}

.staff-biography .tabs-container .tab-link a:hover {
    background: #152249;
    color: #fff
}

.fls-staff-accreditations img {
    width: 60%;
    padding: 5%;
    margin-bottom: 2rem
}

.cookies {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.cookies.animate {
    visibility: visible;
    opacity: 1
}

.cookies .cookies-buttons {
    width: 100%;
    text-align: center;
    padding: 1rem 0 .5rem
}

.cookies .cookies-buttons .button {
    width: 40%;
    float: left;
    padding: 0;
    margin: 0 5%;
    color: #152249;
    background: 0 0;
    border: 1px solid #152249
}

.cookies .cookies-buttons .button:hover,
.cookies .cookies-buttons .button:hover a {
    color: #152249;
    border-color: #152249
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 900;
    background: rgba(21, 34, 73, .8)
}

.modal {
    position: absolute;
    top: 60px;
    left: 50%;
    width: 90%;
    margin-left: -45%;
    padding-bottom: 60px;
    z-index: 901
}

.modal .modal-inner {
    position: relative;
    background: #fff;
    padding: 2rem
}

.modal .modal-inner .modal-close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    left: auto;
    cursor: pointer;
    z-index: 902
}

.modal .modal-inner .modal-close .icon-close {
    fill: #152249
}

.modal .modal-inner .modal-close .icon-close:hover {
    fill: #20407f
}

#billpay .column.centre,
#login .column.centre,
#logout .column.centre {
    display: block;
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
    background: #fff;
    padding: 1.5rem;
    -webkit-box-shadow: 0 0 5px rgba(17, 17, 17, .2);
    box-shadow: 0 0 5px rgba(17, 17, 17, .2);
    float: none
}

#billpay .header,
#login .header,
#logout .header {
    height: auto;
    padding: 2rem 0;
    text-align: center
}

#billpay .header a,
#login .header a,
#logout .header a {
    display: block;
    text-align: center
}

#billpay .header .company-logo,
#login .header .company-logo,
#logout .header .company-logo {
    position: static;
    float: none;
    margin: 0;
    max-width: none;
    display: inline-block
}

#billpay .main,
#login .main,
#logout .main {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 1rem 0;
    width: 100%
}

#billpay .main .block,
#login .main .block,
#logout .main .block {
    margin: 0
}

#billpay .column.left {
    display: block;
    width: 90%;
    max-width: 600px;
    margin: 50px auto;
    padding: 0 50px;
    left: 0;
    float: none
}

#billpay .billpay-form fieldset {
    margin: 0 0 2rem
}

#billpay .billpay-form label {
    display: block
}

#billpay .billpay-card-icons {
    padding: 1rem;
    text-align: center
}

#billpay .billpay-card-icons img {
    margin-bottom: 1rem
}

body {
    padding-bottom: 54px
}

body.lock {
    position: fixed;
    height: 100vh;
    overflow: hidden
}

.mobile-ui {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -54px;
    height: 54px;
    z-index: 2000;
    -webkit-transition: bottom .3s ease-in-out;
    transition: bottom .3s ease-in-out
}

.mobile-ui .mobile-ui-buttons,
.mobile-ui .ui-button {
    position: relative;
    z-index: 2
}

.mobile-ui .mobile-ui-button {
    float: left;
    width: 25%
}

.mobile-ui .mobile-ui-panels {
    width: 400vw
}

.mobile-ui.active {
    bottom: 0
}

.mobile-ui .ui-button, .ui-button-link {
    display: block;
    width: 100%;
    height: 54px;
    padding: 0;
    border: none;
    border-top: 1px solid rgba(17, 17, 17, .2);
    border-left: 1px solid rgba(255, 255, 255, .1);
    border-right: 1px solid rgba(17, 17, 17, .1);
    outline: 0;
    background: #152249;
    text-align: center;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.mobile-ui .ui-button.active {
    background: #0f1935
}

.mobile-ui .ui-button.active .icon-content {
    color: #fff
}

.mobile-ui .ui-button.active .icon {
    fill: #fff
}

.mobile-ui .ui-button .ui-button-inner {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 1.3
}

.mobile-ui .ui-button .icon-content, .mobile-ui .ui-button-link .icon-content {
    display: block;
    color: #fff;
    font-size: .7rem;
    text-transform: capitalize;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.mobile-ui .ui-button .icon, .mobile-ui .ui-button-link .icon {
    position: relative;
    width: 24px;
    height: 24px;
    fill: #fff;
    padding: 2px;
    z-index: 0
}

.mobile-ui .mobile-ui-panels-container {
    position: fixed;
    top: 100%;
    left: 0;
    height: 0;
    background: #152249;
    overflow: hidden;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 1;
	padding-bottom: 60px;
}

.mobile-ui .mobile-ui-panels-container.in-view {
    top: 0;
    height: 100vh;
    z-index: 1
}

.mobile-ui .mobile-ui-panels-container.in-view .mobile-ui-panel-close {
    opacity: 1;
    visibility: visible;
    top: 0
}

.mobile-ui .mobile-ui-panels-container.in-view .mobile-ui-panel {
    height: 100%;
    overflow: visible
}

.mobile-ui .mobile-ui-panel-close {
    opacity: 0;
    visibility: hidden;
    background: rgba(17, 17, 17, .4);
    position: fixed;
    top: -50px;
    right: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    min-height: 50px;
    z-index: 2001;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.mobile-ui .mobile-ui-panel-close .icon-content,
.mobile-ui .mobile-ui-panel-close .icon-link {
    min-height: 50px;
    padding-left: 50px
}

.mobile-ui .mobile-ui-panel-close .icon {
    width: 50px;
    fill: #fff;
    padding: 12.5px
}

.mobile-ui .mobile-ui-panel-close:hover {
    background: rgba(17, 17, 17, .7)
}

.mobile-ui .mobile-ui-panels {
    overflow: visible;
    height: 100%
}

.mobile-ui .mobile-ui-panels.scroll {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.mobile-ui .mobile-ui-panel {
    position: relative;
    float: left;
    width: 100vw;
    height: 0;
    padding: 0;
    background: #152249;
    color: #fff;
    overflow: hidden
}

.mobile-ui .mobile-ui-panel>.title {
    font-size: 1.6rem;
    padding: 7.5vw 0;
    margin: 0 7.5vw;
    color: #fff
}

.mobile-ui .mobile-ui-panel .mobile-ui-panel-content {
    margin: 60px 7.5vw;
}

.mobile-ui .mobile-ui-panel .block,
.mobile-ui .mobile-ui-panel .menu,
.mobile-ui .mobile-ui-panel .sub-menu {
    
}

.mobile-ui .mobile-ui-panel .block {
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-wrap: touch;
    overflow-wrap: touch
}

.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mobile-ui-nav,
.mobile-ui-panel-share .cms-share {
    position: relative
}

.loading .dot {
    display: inline-block;
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 14px;
    height: 14px;
    margin: 0 4.67px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: fx 1s ease infinite;
    animation: fx 1s ease infinite
}

.loading .dot:nth-child(2) {
    -webkit-animation: fx 1s ease infinite .3s;
    animation: fx 1s ease infinite .3s
}

.loading .dot:nth-child(3) {
    -webkit-animation: fx 1s ease infinite .6s;
    animation: fx 1s ease infinite .6s
}

.mobile-ui-panel-search .search-container .search-bar {
    height: 60px
}

.mobile-ui-panel-search .search-container .search-bar::-webkit-input-placeholder {
    color: #fff
}

.mobile-ui-panel-search .search-container .search-bar:-moz-placeholder {
    color: #fff
}

.mobile-ui-panel-search .search-container .search-bar::-moz-placeholder {
    color: #fff
}

.mobile-ui-panel-search .search-container .search-bar:-ms-input-placeholder {
    color: #fff
}

.mobile-ui-panel-search .search-container .search-input {
    background: #1b2b5d;
    border-color: #1b2b5d
}

.mobile-ui-panel-search .search-container .search-input:focus {
    border-color: #20407f
}

.mobile-ui-nav .item,
.mobile-ui-panel-share .cms-share .has-icon {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.mobile-ui-panel-search .search-container .search-button {
    background: #20407f
}

.mobile-ui-panel-phone .content .h3,
.mobile-ui-panel-phone .content body.section-ppc .sub-nav:before,
.mobile-ui-panel-phone .content body.section-separation-and-divorce-2 .sub-nav:before,
.mobile-ui-panel-phone .content form .legend,
body.section-ppc .mobile-ui-panel-phone .content .sub-nav:before,
body.section-separation-and-divorce-2 .mobile-ui-panel-phone .content .sub-nav:before,
form .mobile-ui-panel-phone .content .legend {
    color: #ff6418;
    display: block;
    margin-bottom: .75rem
}

.mobile-ui-panel-phone .content p {
    color: #fff;
    font-size: 1.8rem
}

.mobile-ui-panel-phone .content p a {
    color: #fff;
    text-decoration: underline
}

.mobile-ui-panel-phone .content p a:hover {
    color: #20407f
}

.mobile-ui-panel-phone .content li {
    padding: 0 0 .75rem;
    margin: 0 0 .75rem;
    color: #fff
}

.mobile-ui-panel-phone .content li a {
    color: #fff;
    font-size: 1.4rem
}

.mobile-ui-panel-phone .content li a:hover {
    color: #ff6418
}

.mobile-ui-panel-enquiry .form .row::-webkit-input-placeholder {
    color: #152249
}

.mobile-ui-panel-enquiry .form .row:-moz-placeholder {
    color: #152249
}

.mobile-ui-panel-enquiry .form .row::-moz-placeholder {
    color: #152249
}

.mobile-ui-panel-enquiry .form .row:-ms-input-placeholder {
    color: #152249
}

.archive-widget .mobile-ui-panel-enquiry .form .row.field-error .archive-select,
.archive-widget .mobile-ui-panel-enquiry .form .row.field-error .select-wrapper,
.archive-widget .mobile-ui-panel-enquiry .form .row.field-success .archive-select,
.archive-widget .mobile-ui-panel-enquiry .form .row.field-success .select-wrapper,
.mobile-ui-panel-enquiry .form .row.field-error .archive-widget .archive-select,
.mobile-ui-panel-enquiry .form .row.field-error .archive-widget .select-wrapper,
.mobile-ui-panel-enquiry .form .row.field-error .input,
.mobile-ui-panel-enquiry .form .row.field-error .select,
.mobile-ui-panel-enquiry .form .row.field-error .textarea,
.mobile-ui-panel-enquiry .form .row.field-success .archive-widget .archive-select,
.mobile-ui-panel-enquiry .form .row.field-success .archive-widget .select-wrapper,
.mobile-ui-panel-enquiry .form .row.field-success .input,
.mobile-ui-panel-enquiry .form .row.field-success .select,
.mobile-ui-panel-enquiry .form .row.field-success .textarea {
    background: #fff
}

.mobile-ui-panel-enquiry .form .row.submit {
    background: 0 0!important;
    margin-top: 0!important
}

.mobile-ui-panel-enquiry .form .form-intro {
    margin: 0 0 1.5rem
}

.mobile-ui-panel-enquiry .form .input,
.mobile-ui-panel-enquiry .form .textarea {
    color: #152249
}

.archive-widget .mobile-ui-panel-enquiry .form .select-wrapper .archive-select,
.archive-widget .mobile-ui-panel-enquiry .form .select-wrapper .select-wrapper,
.mobile-ui-panel-enquiry .form .select-wrapper .archive-widget .archive-select,
.mobile-ui-panel-enquiry .form .select-wrapper .archive-widget .select-wrapper,
.mobile-ui-panel-enquiry .form .select-wrapper .select {
    background: #fff;
    border-radius: 0
}

.mobile-ui-panel-enquiry .form .select-wrapper:after {
    border-top-color: #20407f;
    z-index: 1
}

.mobile-ui-panel-enquiry .form .captcha-wrapper label {
    display: block
}

.mobile-ui-panel-enquiry .form .submit .submit:hover {
    background: #0f1935!important
}

.mobile-ui-panel-share .cms-share .has-icon {
    width: 100%
}

#billpay .form-login .mobile-ui-panel-share .cms-share .has-icon .email,
#billpay .mobile-ui-panel-share .cms-share .has-icon #footerContainer,
#login .form-login .mobile-ui-panel-share .cms-share .has-icon .email,
#login .mobile-ui-panel-share .cms-share .has-icon #footerContainer,
#logout .form-login .mobile-ui-panel-share .cms-share .has-icon .email,
#logout .mobile-ui-panel-share .cms-share .has-icon #footerContainer,
.blog .mobile-ui-panel-share .cms-share .has-icon .search-container,
.footer .mobile-ui-panel-share .cms-share .has-icon .cms-share,
.map .mobile-ui-panel-share .cms-share .has-icon span,
.mobile-ui-panel-enquiry .form .mobile-ui-panel-share .cms-share .has-icon .helper,
.mobile-ui-panel-share .cms-share .has-icon #billpay #footerContainer,
.mobile-ui-panel-share .cms-share .has-icon #billpay .form-login .email,
.mobile-ui-panel-share .cms-share .has-icon #login #footerContainer,
.mobile-ui-panel-share .cms-share .has-icon #login .form-login .email,
.mobile-ui-panel-share .cms-share .has-icon #logout #footerContainer,
.mobile-ui-panel-share .cms-share .has-icon #logout .form-login .email,
.mobile-ui-panel-share .cms-share .has-icon .blog .search-container,
.mobile-ui-panel-share .cms-share .has-icon .crumbtrails,
.mobile-ui-panel-share .cms-share .has-icon .footer .cms-share,
.mobile-ui-panel-share .cms-share .has-icon .hidden,
.mobile-ui-panel-share .cms-share .has-icon .map span,
.mobile-ui-panel-share .cms-share .has-icon .mobile-ui-panel-enquiry .form .helper,
.mobile-ui-panel-share .cms-share .has-icon .search-buckets .search-result .searchResultDate,
.mobile-ui-panel-share .cms-share .has-icon .search-buckets .search-result .staff-alpha-sort,
.mobile-ui-panel-share .cms-share .has-icon .search-container .search-button .icon-link,
.mobile-ui-panel-share .cms-share .has-icon .search-widget .blog-search-bar .search-button .icon-link,
.mobile-ui-panel-share .cms-share .has-icon .search-widget .blog-search-bar .search-submit,
.mobile-ui-panel-share .cms-share .has-icon .section-ddaudit .fls-right-slider,
.mobile-ui-panel-share .cms-share .has-icon .share-widget .share-social,
.mobile-ui-panel-share .cms-share .has-icon .staff-biography .tabs-container,
.mobile-ui-panel-share .cms-share .has-icon .staff-cards .card .staff-contact .fax,
.mobile-ui-panel-share .cms-share .has-icon .staff-cards .card .staff-contact .mobile,
.mobile-ui-panel-share .cms-share .has-icon .staff-cards .card .staff-contact .phone,
.mobile-ui-panel-share .cms-share .has-icon .staff-cards .card .staff-departments,
.mobile-ui-panel-share .cms-share .has-icon .staff-cards .card .staff-details .office,
.mobile-ui-panel-share .cms-share .has-icon .staff-cards .card .staff-social,
.mobile-ui-panel-share .cms-share .has-icon .staff-profile .staff-contact .h3,
.mobile-ui-panel-share .cms-share .has-icon .staff-profile .staff-contact body.section-ppc .sub-nav:before,
.mobile-ui-panel-share .cms-share .has-icon .staff-profile .staff-contact body.section-separation-and-divorce-2 .sub-nav:before,
.mobile-ui-panel-share .cms-share .has-icon .staff-profile .staff-contact form .legend,
.mobile-ui-panel-share .cms-share .has-icon .staff-profile .staff-departments,
.mobile-ui-panel-share .cms-share .has-icon .staff-profile .staff-office,
.mobile-ui-panel-share .cms-share .has-icon .staff-search-results .card .staff-contact .fax,
.mobile-ui-panel-share .cms-share .has-icon .staff-search-results .card .staff-contact .mobile,
.mobile-ui-panel-share .cms-share .has-icon .staff-search-results .card .staff-contact .phone,
.mobile-ui-panel-share .cms-share .has-icon .staff-search-results .card .staff-departments,
.mobile-ui-panel-share .cms-share .has-icon .staff-search-results .card .staff-details .office,
.mobile-ui-panel-share .cms-share .has-icon .staff-search-results .card .staff-social,
.mobile-ui-panel-share .cms-share .has-icon .sub-nav:empty,
.mobile-ui-panel-share .cms-share .has-icon body.section-ppc .fls-body-cta,
.mobile-ui-panel-share .cms-share .has-icon body.section-ppc .fls-legal-logos,
.mobile-ui-panel-share .cms-share .has-icon body.section-ppc .fls-right-form,
.mobile-ui-panel-share .cms-share .has-icon body.section-ppc .fls-right-slider,
.mobile-ui-panel-share .cms-share .has-icon body.section-ppc .header .calls-to-action,
.mobile-ui-panel-share .cms-share .has-icon body.section-ppc .landing-page-form .form-reveal,
.mobile-ui-panel-share .cms-share .has-icon body.section-ppc .landing-page-form .helper,
.mobile-ui-panel-share .cms-share .has-icon body.section-ppc .landing-page-form label:not(.captcha-label),
.mobile-ui-panel-share .cms-share .has-icon body.section-ppc .staff-profile .staff-contact .sub-nav:before,
.mobile-ui-panel-share .cms-share .has-icon body.section-ppc .sub-nav .sub-menu li.active a:before,
.mobile-ui-panel-share .cms-share .has-icon body.section-ppc .sub-nav .sub-nav-title,
.mobile-ui-panel-share .cms-share .has-icon body.section-separation-and-divorce-2 .fls-body-cta,
.mobile-ui-panel-share .cms-share .has-icon body.section-separation-and-divorce-2 .fls-legal-logos,
.mobile-ui-panel-share .cms-share .has-icon body.section-separation-and-divorce-2 .fls-right-form,
.mobile-ui-panel-share .cms-share .has-icon body.section-separation-and-divorce-2 .fls-right-slider,
.mobile-ui-panel-share .cms-share .has-icon body.section-separation-and-divorce-2 .header .calls-to-action,
.mobile-ui-panel-share .cms-share .has-icon body.section-separation-and-divorce-2 .landing-page-form .form-reveal,
.mobile-ui-panel-share .cms-share .has-icon body.section-separation-and-divorce-2 .landing-page-form .helper,
.mobile-ui-panel-share .cms-share .has-icon body.section-separation-and-divorce-2 .landing-page-form label:not(.captcha-label),
.mobile-ui-panel-share .cms-share .has-icon body.section-separation-and-divorce-2 .staff-profile .staff-contact .sub-nav:before,
.mobile-ui-panel-share .cms-share .has-icon body.section-separation-and-divorce-2 .sub-nav .sub-menu li.active a:before,
.mobile-ui-panel-share .cms-share .has-icon body.section-separation-and-divorce-2 .sub-nav .sub-nav-title,
.mobile-ui-panel-share .cms-share .has-icon form .checkbox-list .checkbox,
.mobile-ui-panel-share .cms-share .has-icon form .radio-list .radio,
.mobile-ui-panel-share .cms-share .has-icon form .staff-profile .staff-contact .legend,
.search-buckets .search-result .mobile-ui-panel-share .cms-share .has-icon .searchResultDate,
.search-buckets .search-result .mobile-ui-panel-share .cms-share .has-icon .staff-alpha-sort,
.search-container .search-button .mobile-ui-panel-share .cms-share .has-icon .icon-link,
.search-widget .blog-search-bar .mobile-ui-panel-share .cms-share .has-icon .search-submit,
.search-widget .blog-search-bar .search-button .mobile-ui-panel-share .cms-share .has-icon .icon-link,
.section-ddaudit .mobile-ui-panel-share .cms-share .has-icon .fls-right-slider,
.share-widget .mobile-ui-panel-share .cms-share .has-icon .share-social,
.staff-biography .mobile-ui-panel-share .cms-share .has-icon .tabs-container,
.staff-cards .card .mobile-ui-panel-share .cms-share .has-icon .staff-departments,
.staff-cards .card .mobile-ui-panel-share .cms-share .has-icon .staff-social,
.staff-cards .card .staff-contact .mobile-ui-panel-share .cms-share .has-icon .fax,
.staff-cards .card .staff-contact .mobile-ui-panel-share .cms-share .has-icon .mobile,
.staff-cards .card .staff-contact .mobile-ui-panel-share .cms-share .has-icon .phone,
.staff-cards .card .staff-details .mobile-ui-panel-share .cms-share .has-icon .office,
.staff-profile .mobile-ui-panel-share .cms-share .has-icon .staff-departments,
.staff-profile .mobile-ui-panel-share .cms-share .has-icon .staff-office,
.staff-profile .staff-contact .mobile-ui-panel-share .cms-share .has-icon .h3,
.staff-profile .staff-contact body.section-ppc .mobile-ui-panel-share .cms-share .has-icon .sub-nav:before,
.staff-profile .staff-contact body.section-separation-and-divorce-2 .mobile-ui-panel-share .cms-share .has-icon .sub-nav:before,
.staff-profile .staff-contact form .mobile-ui-panel-share .cms-share .has-icon .legend,
.staff-search-results .card .mobile-ui-panel-share .cms-share .has-icon .staff-departments,
.staff-search-results .card .mobile-ui-panel-share .cms-share .has-icon .staff-social,
.staff-search-results .card .staff-contact .mobile-ui-panel-share .cms-share .has-icon .fax,
.staff-search-results .card .staff-contact .mobile-ui-panel-share .cms-share .has-icon .mobile,
.staff-search-results .card .staff-contact .mobile-ui-panel-share .cms-share .has-icon .phone,
.staff-search-results .card .staff-details .mobile-ui-panel-share .cms-share .has-icon .office,
body.section-ppc .header .mobile-ui-panel-share .cms-share .has-icon .calls-to-action,
body.section-ppc .landing-page-form .mobile-ui-panel-share .cms-share .has-icon .form-reveal,
body.section-ppc .landing-page-form .mobile-ui-panel-share .cms-share .has-icon .helper,
body.section-ppc .landing-page-form .mobile-ui-panel-share .cms-share .has-icon label:not(.captcha-label),
body.section-ppc .mobile-ui-panel-share .cms-share .has-icon .fls-body-cta,
body.section-ppc .mobile-ui-panel-share .cms-share .has-icon .fls-legal-logos,
body.section-ppc .mobile-ui-panel-share .cms-share .has-icon .fls-right-form,
body.section-ppc .mobile-ui-panel-share .cms-share .has-icon .fls-right-slider,
body.section-ppc .staff-profile .staff-contact .mobile-ui-panel-share .cms-share .has-icon .sub-nav:before,
body.section-ppc .sub-nav .mobile-ui-panel-share .cms-share .has-icon .sub-nav-title,
body.section-ppc .sub-nav .sub-menu li.active .mobile-ui-panel-share .cms-share .has-icon a:before,
body.section-separation-and-divorce-2 .header .mobile-ui-panel-share .cms-share .has-icon .calls-to-action,
body.section-separation-and-divorce-2 .landing-page-form .mobile-ui-panel-share .cms-share .has-icon .form-reveal,
body.section-separation-and-divorce-2 .landing-page-form .mobile-ui-panel-share .cms-share .has-icon .helper,
body.section-separation-and-divorce-2 .landing-page-form .mobile-ui-panel-share .cms-share .has-icon label:not(.captcha-label),
body.section-separation-and-divorce-2 .mobile-ui-panel-share .cms-share .has-icon .fls-body-cta,
body.section-separation-and-divorce-2 .mobile-ui-panel-share .cms-share .has-icon .fls-legal-logos,
body.section-separation-and-divorce-2 .mobile-ui-panel-share .cms-share .has-icon .fls-right-form,
body.section-separation-and-divorce-2 .mobile-ui-panel-share .cms-share .has-icon .fls-right-slider,
body.section-separation-and-divorce-2 .staff-profile .staff-contact .mobile-ui-panel-share .cms-share .has-icon .sub-nav:before,
body.section-separation-and-divorce-2 .sub-nav .mobile-ui-panel-share .cms-share .has-icon .sub-nav-title,
body.section-separation-and-divorce-2 .sub-nav .sub-menu li.active .mobile-ui-panel-share .cms-share .has-icon a:before,
form .checkbox-list .mobile-ui-panel-share .cms-share .has-icon .checkbox,
form .radio-list .mobile-ui-panel-share .cms-share .has-icon .radio,
form .staff-profile .staff-contact .mobile-ui-panel-share .cms-share .has-icon .legend {
    display: block
}

.mobile-ui-panel-share .cms-share .has-icon .icon-link {
    padding-left: 75px;
    color: #fff;
    font-size: 1.2rem;
    line-height: 55px
}

.mobile-ui-panel-share .cms-share .has-icon .icon {
    width: 30px;
    padding: 0
}

.mobile-ui-panel-share .cms-share .has-icon:hover {
    background: #1b2b5d
}

.mobile-ui-panel-share .cms-share .has-icon:hover .icon-link {
    color: #fff
}

.mobile-ui-nav {
    height: calc(100% - 60px);
	overflow-y: auto;
}

.mobile-ui-nav .menu-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #152249
}

.mobile-ui-nav .menu-panel.menu-level-1 {
    top: 81px
}

.mobile-ui-nav .menu-panel.sub-menu-panel {
    left: 100vw
}

.mobile-ui-nav .menu-panel .menu,
.mobile-ui-nav .menu-panel .sub-menu {
    padding-bottom: 200px
}

.mobile-ui-nav .sub-menu-title {
    font-size: 1.5rem
}

.mobile-ui-nav .sub-menu-title .link.active {
    background: 0 0
}

.mobile-ui-nav .item-inner {
    position: relative
}

.mobile-ui-nav .link {
    display: block;
	padding: 5px 0;
    color: #fff;
    font-size: 1.2rem;
}

.mobile-ui-nav .link a {
    color: #fff;
}

.mobile-ui-nav .sub-menu {
	padding: 0 0 0 25px;
}

.mobile-ui-nav .sub-menu-trigger {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 15vw;
    border: none;
    outline: 0;
    background: rgba(17, 17, 17, .15);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.mobile-ui-nav .sub-menu-trigger:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.mobile-ui-nav .sub-menu-trigger:active {
    background: #20407f
}

.mobile-ui-nav .sub-menu-trigger:active:after {
    border-color: #fff
}

.mobile-ui-nav .sub-menu-trigger.up {
    left: 0;
    border-right: 1px solid rgba(255, 255, 255, .2)
}

.mobile-ui-nav .sub-menu-trigger.up:after {
    -webkit-transform: translate(-50%, -50%) rotate(-225deg);
    transform: translate(-50%, -50%) rotate(-225deg)
}

.mobile-ui-nav .sub-menu-trigger.down {
    right: 0;
    border-left: 1px solid rgba(255, 255, 255, .2)
}

.mobile-ui-nav .sub-menu-trigger.down:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.nav #link-our-services, .nav .has-mega-menu {
    position: static !important;
}

.nav .mega-menu-wrapper {
    left: 0;
    right: 0;
    width: auto!important;
    padding: .75rem;
    max-height: calc(100vh - 5rem);
    overflow: scroll;
    background: rgba(255, 255, 255, .95)
}

.archive-widget .archive-calendars,
.map .map-meta {
    overflow: hidden
}

.nav .mega-menu-wrapper:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: '';
    display: block
}

.nav .mega-menu-wrapper .mega-menu {
    padding: 0;
    float: left
}

.nav .mega-menu-wrapper .mega-menu:nth-child(n) {
    clear: none
}

.nav .mega-menu-wrapper .mega-menu:nth-child(2n+1) {
    clear: both;
    width: 25%
}

.nav .mega-menu-wrapper .mega-menu:nth-child(2n+2) {
    width: 75%
}

.nav .mega-menu-wrapper .mega-menu .mega-menu-title {
    height: auto;
    padding: .75rem 0;
    background: 0 0;
    font-size: 1rem;
    color: #152249;
    line-height: 1.5;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    font-weight: 300
}

.nav .mega-menu-wrapper .mega-menu .link a {
    padding: 2.5rem 0;
    background: #ff6418;
    color: #fff;
    clear: both;
    text-align: center;
    font-size: .8rem;
    font-weight: 300
}

.nav .mega-menu-wrapper .mega-menu .link a:active,
.nav .mega-menu-wrapper .mega-menu .link a:hover {
    background: #152249;
    color: #fff
}

.nav .mega-menu-wrapper .mega-menu#mega-menu-1 {
    padding-right: .75rem
}

.nav .mega-menu-wrapper .mega-menu#mega-menu-1 li {
    float: left
}

.nav .mega-menu-wrapper .mega-menu#mega-menu-1 li:nth-child(n) {
    clear: none;
    width: calc((100% - 0px)/ 1);
    margin: 0 0 .75rem
}

.nav .mega-menu-wrapper .mega-menu#mega-menu-1 li:nth-child(1n+1) {
    clear: both;
    margin-left: 0
}

.nav .mega-menu-wrapper .mega-menu#mega-menu-2 li {
    float: left
}

.nav .mega-menu-wrapper .mega-menu#mega-menu-2 li:nth-child(n) {
    clear: none;
    width: calc((100% - .75rem)/ 2);
    margin: 0 0 .75rem .75rem
}

.nav .mega-menu-wrapper .mega-menu#mega-menu-2 li:nth-child(2n+1) {
    clear: both;
    margin-left: 0
}

.nav .mega-menu-wrapper .mega-menu#mega-menu-2:after {
    display: none
}

.fls-button-wrapper {
    width: 100%;
    margin: 0 0 1rem
}

.for-business,
.for-you {
    width: 100%;
    height: 102px;
    display: inline-block;
    background: #ff6418!important;
    color: #fff!important;
    font-size: 1.6rem;
    line-height: 1;
    border-radius: 0!important;
    position: relative;
    padding: 2.5rem .5rem!important;
    margin-bottom: 1.5rem!important
}

.for-business:hover,
.for-you:hover {
    background: #152249!important
}

.for-business span,
.for-you span {
    font-style: italic
}

.for-business .arrow-icon,
.for-you .arrow-icon {
    position: absolute;
    top: 30%;
    right: 0;
    padding: 10px 15px;
    height: 45px;
    width: 40px;
    fill: #ff6418;
    background: #152249
}

.fls-testimonials {
    width: 100%;
    height: 122px;
    color: #152249;
    font-size: 1.3rem;
    line-height: 1.5;
    margin-bottom: 6rem;
    position: relative
}

.fls-testimonials ul {
    width: 100%!important;
    height: 100%
}

.fls-testimonials strong {
    display: block;
    font-size: .73333rem;
    margin-top: 1.2rem
}

.fls-testimonials .bx-controls,
.post-content {
    margin-top: 1.5rem
}

.fls-testimonials .bx-next,
.fls-testimonials .bx-prev {
    color: #85898a;
    font-size: .8rem;
    padding: .275rem .3rem;
    border: 1px solid #85898a
}

.fls-testimonials .bx-next:hover,
.fls-testimonials .bx-prev:hover {
    color: #ff6418
}

.fls-testimonials .bx-prev {
    margin-right: .5rem
}

.post-content {
    font-size: .9rem;
    padding-top: 1.5rem;
    position: relative
}

.next-steps {
    padding: 2rem 0 0;
    border-top: 12px solid rgba(92, 108, 144, .2)
}

.next-steps a, .next-steps span {
    display: inline-block;
    position: relative;
    padding: .75rem 1.5rem;
    background: #ff6418;
    color: #fff!important;
    font-size: 1.2rem;
    font-weight: 600
}

/*
.centre .content .next-steps {
    padding: 2rem 0 0;
    border-top: 12px solid rgba(92, 108, 144, .2)
}

.centre .content .next-steps span {
    display: inline-block;
    position: relative;
    padding: .75rem 1.5rem;
    background: #ff6418;
    color: #fff!important;
    font-size: 1.2rem;
    font-weight: 600
}*/

.social-icons,
.twitter-feed .tweets .tweet-date,
.twitter-feed .tweets .tweet-handle {
    display: none
}

.next-steps a::after, .next-steps span::after {
    content: "";
    position: absolute;
    top: 0;
    right: -28px;
    border-top: 29px solid transparent;
    border-bottom: 29px solid transparent;
    border-left: 28px solid #ff6418;
    border-right: 0 solid transparent
	color: #fff
}

.next-steps a:hover, .next-steps span:hover {
    color: #20407f
}

/*
.centre .content .next-steps span::after {
    content: "";
    position: absolute;
    top: 0;
    right: -28px;
    border-top: 29px solid transparent;
    border-bottom: 29px solid transparent;
    border-left: 28px solid #ff6418;
    border-right: 0 solid transparent
}

.centre .content .next-steps span a {
    color: #fff
}

.centre .content .next-steps span a:hover {
    color: #20407f
}*/

.twitter-block .h3,
.twitter-block body.section-ppc .sub-nav:before,
.twitter-block body.section-separation-and-divorce-2 .sub-nav:before,
.twitter-block form .legend,
body.section-ppc .twitter-block .sub-nav:before,
body.section-separation-and-divorce-2 .twitter-block .sub-nav:before,
form .twitter-block .legend {
    margin-bottom: 5px;
    text-transform: uppercase
}

.twitter-feed .tweets {
    color: #152249;
    font-size: .8rem;
    font-weight: 600
}

.twitter-feed .tweets .icon {
    fill: #55acee;
    top: -2.5rem
}

.twitter-feed .tweets .icon-content {
    position: relative;
    padding-top: 1.5rem;
    border-top: 1px solid #eee;
    margin-bottom: 1.5rem
}

.twitter-feed .tweets a {
    color: #ff6418
}

.twitter-feed .tweets a:hover {
    color: #20407f
}

.twitter-feed .tweets .tweet:first-child .icon-content {
    padding-top: 0;
    border-top: 0
}

.social-icons li {
    float: left;
    padding: 0;
    width: 50px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.social-icons li.twitter {
    background: #152249
}

.social-icons li.twitter:hover {
    background: #ff6418
}

.social-icons li.facebook {
    background: #152249
}

.social-icons li.facebook:hover {
    background: #ff6418
}

.social-icons li.linkedin {
    background: #152249
}

.social-icons li.linkedin:hover {
    background: #ff6418
}

.social-icons li.google-plus {
    background: #152249
}

.social-icons li.google-plus:hover {
    background: #ff6418
}

.social-icons li.youtube {
    background: #152249
}

.social-icons li.youtube:hover {
    background: #ff6418
}

.social-icons li.has-icon {
    min-height: 40px;
    min-height: 50px;
    width: 50px
}

.social-icons li.has-icon .icon-content,
.social-icons li.has-icon .icon-link {
    min-height: 40px;
    padding-left: 40px
}

.social-icons li.has-icon .icon-link {
    min-height: 50px;
    padding-left: 50px
}

.social-icons li.has-icon .icon {
    width: 50px;
    padding: 15px
}

.social-icons li .icon {
    padding: 8px;
    fill: #fff;
    z-index: 0
}

.map {
    height: 340px;
    fill: #152249
}

.map .gm-style-iw {
    width: 300px
}

.map .map-meta {
    padding: .5rem
}

.map .map-meta .title {
    margin-bottom: 1rem
}

.map .map-meta .meta {
    float: left;
    width: 40%;
    line-height: 1.5
}

.map .map-meta .meta.address {
    width: 60%
}

.office-details-block .office-address {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 2rem
}

.office-details-block .office-contact {
    display: block;
    width: 100%;
    float: left;
    font-size: 1rem;
    margin-left: 0!important;
    padding-left: 0!important
}

.office-locations-wrapper .location {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 0!important;
    margin: 0 0 1.5rem
}

.office-locations-wrapper .location li {
    list-style-type: none
}

.office-locations-wrapper .location .office {
    color: #152249;
    font-size: 1.2rem;
    font-weight: 600
}

.office-locations-wrapper .location .office:hover {
    color: #ff6418
}

.step-details {
    display: inline-block;
    width: 100%;
    list-style-type: none!important
}

.step-details li img {
    max-width: 200px;
    display: block;
    margin: 1rem auto;
    padding-right: 10%
}

.logos-list li {
    display: inline-block
}

.logos-list li::before {
    display: none
}

.logos-list img {
    width: 100%;
    display: block;
    margin: 1rem auto;
    padding-right: 10%
}

.search-toggle {
    float: left;
    width: 50px;
    height: 50px;
    cursor: pointer
}

.search-toggle .icon {
    width: 30px;
    left: 10px;
    fill: #20407f
}

.search-toggle.toggle,
.search-toggle:hover {
    background: #20407f
}

.search-toggle.toggle .icon,
.search-toggle:hover .icon {
    fill: #85898a
}

.header .search-container {
    background: #152249;
    height: 0;
    margin: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.header .search-container .search-bar {
    height: 60px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.header .search-container .search-input {
    height: inherit
}

.header .search-container .search-button {
    height: inherit;
    background: #254a93
}

.header .search-container .search-button:hover {
    background: #20407f
}

.header .search-container.animate {
    height: 90px;
    padding: 3rem 0 6.45rem;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.header .search-container.animate .search-bar {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.crumbtrails {
    clear: both
}

.crumbtrails .crumbtrail-link {
    display: inline
}

.crumbtrails .crumbtrail-link a {
    color: #152249!important;
    font-size: .8rem;
    font-weight: 600!important
}

.crumbtrails .crumbtrail-link a:hover,
.crumbtrails .crumbtrail-link.active a {
    color: #ff6418!important
}

.crumbtrails .crumbtrail-link:after {
    content: '\00a0>\00a0'
}

.crumbtrails .crumbtrail-link:last-child:after {
    content: none
}

#profile .crumbtrails {
    margin-bottom: 2rem
}

.fls-legal-logos {
    width: 100%;
    background: #fff;
    padding: 1.5rem 0;
    position: relative
}

.fls-legal-logos .legal-logo {
    opacity: 1
}

.fls-legal-logos .legal-logo:hover {
    opacity: .5
}

.fls-legal-logos li {
    display: inline-block;
    width: 130px;
    margin-bottom: 1.5rem
}

.fls-legal-logos li::before {
    display: none
}

.fls-legal-logos img {
    max-width: 100%;
    padding: 0 1.25rem;
    vertical-align: middle
}

.content ul.legal-logos {
    text-align: center
}

.fls-body-cta {
    width: 100%;
    color: #fff;
    background: #0f1935;
    position: relative
}

.fls-body-cta li {
    display: inline-block;
    padding: 1rem;
    position: relative;
    float: left
}

.fls-body-cta li .location {
    font-size: .9rem;
    margin-right: 0
}

.fls-body-cta li .number {
    font-size: 1rem
}

.fls-body-cta li:nth-child(n) {
    clear: none;
    width: 50%
}

.fls-body-cta li:nth-child(2n+1) {
    clear: both;
    margin-left: 0
}

.fls-body-cta .body-cta-button {
    display: block;
    background: #152249;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    padding: .5rem 1rem
}

.fls-body-cta .body-cta-button:hover {
    background: #ff6418;
    color: #fff
}

.fls-body-cta .location,
.fls-body-cta .number {
    display: inline-block
}

.fls-body-cta .location {
    color: #fff;
    font-size: .7rem;
    font-weight: 600;
    margin-right: .75rem
}

.fls-body-cta .number,
.fls-body-cta .number a {
    color: #ff6418!important
}

.fls-body-cta .number {
    font-size: 1.3rem;
    font-weight: 400;
    padding-left: 0
}

.fls-right-slider {
    width: 100%;
    background: 0 0;
    padding: 1.5rem;
    border: 18px solid rgba(255, 255, 255, .7);
    position: relative
}

.fls-right-slider p {
    color: #152249;
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 1rem
}

.fls-right-slider p:first-child {
    color: #ff6418;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: .5rem
}

.fls-right-slider .advert-link {
    display: block;
    width: 98%;
    background: #ff6418;
    color: #fff;
    text-align: center;
    padding: .5rem;
    margin: 0 auto
}

.fls-right-slider .advert-link:hover {
    background: #152249;
    color: #fff
}

.fls-right-slider .bx-wrapper {
    padding-bottom: 1px
}

.fls-right-slider .bx-controls {
    display: block;
    width: 58px;
    padding-top: 1.5rem;
    margin: 0 auto
}

.fls-right-slider .bx-next,
.fls-right-slider .bx-prev {
    color: #85898a;
    font-size: .8rem;
    padding: .275rem .3rem;
    border: 1px solid #85898a
}

.fls-right-slider .bx-next:hover,
.fls-right-slider .bx-prev:hover {
    color: #ff6418
}

.fls-right-slider .bx-prev {
    margin-right: .5rem
}

#profile .fls-right-slider {
    margin-top: 50px
}

.fls-left-testimonial {
    width: 100%;
    position: relative
}

.fls-left-testimonial .block-header .title {
    font-size: .9rem;
    font-weight: 600;
    text-transform: uppercase
}

.fls-left-testimonial .quote {
    color: #254a93;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.4
}

.fls-left-testimonial .quote p:last-child {
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 1.5rem
}

.fls-left-testimonial .quote p:last-child span {
    display: block;
    font-weight: 300;
    font-style: italic
}

.fls-right-form {
    width: 100%;
    color: rgba(255, 255, 255, .6);
    background: #0f1935;
    padding: 1.5rem;
    position: relative;
    z-index: 53!important
}

#home .fls-right-form {
    background: #fff;
    color: #152249;
    margin-bottom: 0
}

#home .fls-right-form label {
    color: #152249
}

#home .fls-right-form input,
#home .fls-right-form select,
#home .fls-right-form textarea {
    color: rgba(255, 255, 255, .6)
}

.field-error #home .fls-right-form input,
.field-error #home .fls-right-form select,
.field-error #home .fls-right-form textarea,
.field-success #home .fls-right-form input,
.field-success #home .fls-right-form select,
.field-success #home .fls-right-form textarea {
    color: #152249
}

#home .fls-right-form .field-error input,
#home .fls-right-form .field-error select,
#home .fls-right-form .field-error textarea,
#home .fls-right-form .field-success input,
#home .fls-right-form .field-success select,
#home .fls-right-form .field-success textarea {
    background: #152249
}

#home .fls-right-form .select-wrapper:after {
    z-index: 0
}

#home .fls-right-form .archive-widget .archive-select,
#home .fls-right-form .archive-widget .select-wrapper,
#home .fls-right-form .select,
.archive-widget #home .fls-right-form .archive-select,
.archive-widget #home .fls-right-form .select-wrapper {
    background: #1b2b5d;
    border-radius: 0
}

#home .fls-right-form .extra-fields {
    display: block;
    margin: 0
}

#home .fls-right-form .close-wrapper,
.hero .hero-form {
    display: none
}

#home .fls-right-form .captcha-wrapper img {
    margin: 0
}

#home .fls-right-form .captcha-wrapper {
    margin-bottom: 1.5rem
}

.fls-right-form .title {
    color: #ff6418;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1rem
}

.fls-right-form p {
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1.5rem
}

.fls-right-form label {
    color: #fff;
    font-size: .8rem!important;
    font-weight: 600
}

.fls-right-form label::after {
    color: #fff
}

.fls-right-form input,
.fls-right-form textarea {
    color: #fff;
    font-size: .9rem;
    font-weight: 600;
    background: #1b2b5d;
    border: 1px solid #1b2b5d
}

.fls-right-form select {
    color: #fff;
    font-size: .9rem;
    font-weight: 600
}

.fls-right-form .submit {
    width: 100%;
    -webkit-box-shadow: 0 0 5px #fff;
    box-shadow: 0 0 5px #fff;
    border: none
}

.fls-right-form .extra-fields {
    display: none;
    margin-bottom: 1rem
}

.fls-right-form .form-reveal-close {
    background: #e74c3c!important;
    margin-top: 1rem
}

.fls-right-form .form-reveal-close:hover {
    background: #ff7532!important
}

.fls-right-form .gdpr-notice {
    color: #fff;
    margin-top: .75rem;
    font-size: .9rem
}

.fls-right-form .gdpr-notice a {
    color: #fff;
    text-decoration: underline
}

.fls-latest-right {
    width: 100%;
    background: #fff;
    display: inline-block;
    padding: 1.5rem 1.5rem 0;
    border-bottom: none;
    margin-bottom: 3rem;
    position: relative;
    vertical-align: top
}

.fls-latest-right .block-icons {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto 10px;
    opacity: .3;
    fill: #5c6c90
}

.fls-latest-right .block-header .title,
.fls-latest-right .title.h3,
.fls-latest-right body.section-ppc .title.sub-nav:before,
.fls-latest-right body.section-separation-and-divorce-2 .title.sub-nav:before,
.fls-latest-right form .title.legend,
body.section-ppc .fls-latest-right .title.sub-nav:before,
body.section-separation-and-divorce-2 .fls-latest-right .title.sub-nav:before,
form .fls-latest-right .title.legend {
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center
}

.fls-latest-right .related-items {
    padding: 0;
    border: none;
    margin: 0
}

.fls-latest-right .item.related:nth-of-type(1n+4) {
    display: none
}

.fls-latest-right .item.related a {
    display: block;
    color: #152249;
    padding-bottom: .2rem;
    border-bottom: 1px solid #eee;
    margin-bottom: .2rem
}

.fls-latest-right .item.related a:hover {
    color: #ff6418
}

.fls-latest-right .item.related .datetime {
    display: block;
    font-size: .8rem;
    font-weight: 600;
    text-align: right
}

.fls-latest-right .item.related .datetime::before {
    content: "Posted on ";
    font-weight: 400;
    font-style: italic
}

.fls-latest-right .item.related .blog-staff-name {
    color: #ff6418;
    font-size: .8rem;
    font-weight: 600;
    text-align: right;
    padding-bottom: .2rem;
    border-bottom: 1px solid #eee;
    margin-bottom: .2rem
}

.fls-latest-right .item.related .blog-staff-name::before {
    content: "by ";
    color: #152249;
    font-style: italic
}

.fls-latest-right .read-more {
    display: block;
    background: #ff6418;
    color: #fff;
    font-weight: 400;
    text-align: center;
    padding: .5rem 1.5rem
}

.fls-latest-right .read-more:hover {
    background: #152249;
    color: #fff
}

.fls-centre-staff {
    width: 100%;
    height: 200px;
    background: #eee;
    position: relative
}

.fls-centre-staff .centre-staff-image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 200px;
    background: #bbb
}

.fls-centre-staff .centre-staff-details {
    display: block;
    padding: 1.5rem;
    position: absolute;
    top: 0;
    left: 40%;
    width: 60%
}

.fls-centre-staff .centre-staff-details p {
    color: #152249;
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase
}

.author-image {
    float: left;
    margin-right: 20px
}

.blog-items .blog {
    padding-bottom: 2rem;
    border-bottom: 1px solid #eee;
    margin-bottom: 2rem
}

.blog-items .blog .content {
    clear: both
}

.blog-items .blog .meta {
    font-size: .8rem
}

.blog-items .blog .meta li {
    float: left;
    margin-right: 5px
}

.blog-items .blog .meta .meta-label:after {
    content: ':'
}

.blog-items .blog .meta .meta-link-author:after {
    content: ',';
    color: #152249
}

.blog-items .blog .meta .meta-link a {
    color: #152249
}

.blog-items .blog .meta .meta-link a:hover {
    color: #20407f
}

.blog-items .blog .meta .meta-link:after {
    content: ','
}

.blog-items .blog .meta .meta-link:last-child:after {
    content: none
}

#reveal-content {
    background: #ff6418;
    font-weight: 400
}

#reveal-content:hover {
    background: #152249
}

.blog-widget {
    -ms-flex-order: 1;
    padding: 1.5rem;
    margin: 0 0 1.5rem;
    background: #eee
}

.blog-widget .title {
    color: #152249;
    font-size: .8rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .1rem
}

.blog-widget .icon-link {
    padding-left: 35px;
    font-weight: 400
}

.blog-widget .icon {
    padding: 5px;
    fill: #ff6418
}

.blog-widget .subscribe-widget {
    padding: 0;
    margin: 0
}

.blog-widget .share-widget a {
    margin: 0
}

.search-widget .blog-search-bar {
    margin-bottom: 10px;
    overflow: hidden
}

.search-widget .blog-search-bar .search-input {
    float: left;
    width: 75%;
    padding: 0 .5rem;
    height: 40px;
    border: 1px solid #eee;
    border-radius: 4px 0 0 4px
}

.search-widget .blog-search-bar .search-button {
    display: block;
    width: 25%;
    height: 40px;
    float: left;
    background: #152249;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    -webkit-transition: background .3s ease-out;
    transition: background .3s ease-out
}

.search-widget .blog-search-bar .search-button:hover {
    background: #20407f
}

.search-widget .blog-search-bar .search-button .icon-search {
    left: 50%;
    margin-left: -15px;
    fill: #fff;
    z-index: 1
}

.search-widget .blog-search-options .search-option-label {
    display: block;
    float: left;
    width: 50%;
    font-size: .9rem
}

.search-widget .blog-search-options .search-radio {
    margin-right: 5px
}

.author-widget .select-wrapper {
    background: #fff
}

.archive-widget .author-widget .archive-select,
.archive-widget .author-widget .select-wrapper,
.author-widget .archive-widget .archive-select,
.author-widget .archive-widget .select-wrapper,
.author-widget .select {
    color: #152249
}

.archive-widget .archive-select,
.archive-widget .select-wrapper {
    margin-bottom: 2rem
}

.archive-widget .archive-calendars .archive-calendar {
    float: left;
    width: calc((100% - 15px)/ 4);
    margin: 0 0 5px 5px;
    font-size: 1rem;
    line-height: 2.4rem;
    cursor: pointer
}

.archive-widget .archive-calendars .archive-calendar:nth-child(4n+1) {
    margin-left: 0
}

.archive-widget .archive-calendars .archive-calendar-date {
    text-align: center;
    padding: 0 .3rem .3rem;
    border-radius: 4px;
    background: #152249;
    font-weight: 400;
    -webkit-transition: background .3s ease-out;
    transition: background .3s ease-out
}

.archive-widget .archive-calendars .archive-calendar-date .calendar-month {
    display: block;
    color: #fff
}

.archive-widget .archive-calendars .archive-calendar-date .archive-total {
    display: block;
    color: #152249;
    border-radius: 4px;
    background: #fff
}

.archive-widget .archive-calendars .archive-calendar-date:hover {
    background: #20407f
}

.archive-widget .archive-calendars .archive-calendar-date:hover .calendar-month {
    color: #fff
}

.archive-widget .archive-calendars .archive-calendar-date:hover .archive-total {
    color: #20407f
}

.share-widget [class^=share-social-] .icon-link,
.side-bar .side-bar-container a:hover {
    color: #fff
}

.share-widget {
    padding-bottom: 0
}

.share-widget .share-buttons {
    overflow: visible
}

.share-widget .share-button-social {
    min-height: 60px
}

.share-widget .share-button-social>.icon-link {
    margin: 0 0 1.5rem
}

.share-widget .share-social {
    margin: 0 -1.5rem
}

.share-widget [class^=share-social-] {
    padding: .5rem 1.5rem
}

.share-widget [class^=share-social-] .icon {
    left: 1.5rem;
    fill: #fff
}

.share-widget .share-social-twitter {
    background: #55acee;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.share-widget .share-social-twitter:hover {
    background: #3ea1ec
}

.share-widget .share-social-facebook {
    background: #3b5998;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.share-widget .share-social-facebook:hover {
    background: #344e86
}

.share-widget .share-social-linkedin {
    background: #007bb6;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.share-widget .share-social-linkedin:hover {
    background: #006a9d
}

.share-widget .share-social-google-plus {
    background: #dd4b39;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.share-widget .share-social-google-plus:hover {
    background: #d73925
}

.share-widget .share-social-youtube {
    background: #cd201f;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.share-widget .share-social-youtube:hover {
    background: #b71d1c
}

.share-widget .share-social-gplus {
    background: #dd4b39
}

.share-widget .share-social-gplus:hover {
    background: #d73925
}

.share-widget .icon-share {
    height: 30px
}

.share-widget .share-count:before {
    content: '\00a0('
}

.share-widget .share-count:after {
    content: ')'
}

.comment-widget .comments {
    padding-top: 1.5rem;
    border-top: 1px solid #eee
}

.comment-widget .comments .comment {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #eee;
    margin-bottom: 1.5rem
}

.comment-widget .comments .avatar-image {
    float: left
}

.comment-widget .comments .comment-content,
.comment-widget .comments .comment-meta {
    margin-left: 50px
}

.section-blog .related-items {
    padding: 1.5rem;
    margin: 0 0 1.5rem;
    background: #eee
}

#blog-archives-nav,
.side-bar {
    display: none
}

.side-bar .side-bar-container {
    width: 200px;
    float: right
}

.side-bar .side-bar-container li {
    position: relative;
    z-index: 0;
    background: #152249;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.side-bar .side-bar-container li:hover {
    background: #ff6418
}

.side-bar .side-bar-container a {
    color: #fff;
    display: block;
    height: 50px;
    padding: 0;
    font-size: 1.2rem;
    font-weight: 400;
    position: relative;
    width: 100%
}

.side-bar .side-bar-container a span {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 3.6rem;
    display: block
}

.side-bar .side-bar-container .has-icon .icon-link {
    padding: 0;
    z-index: 2
}

.side-bar .side-bar-container .has-icon .icon {
    z-index: 1;
    fill: #fff;
    width: 24px;
    left: 1.5rem
}

.section-helpful-resources .main ul {
    padding-left: 0!important;
    margin-bottom: 1.5rem
}

.section-helpful-resources .main .centre .news-main ul {
    padding-left: 20px!important
}

.section-helpful-resources .testimonials h2 {
    margin-bottom: 0
}

.section-helpful-resources .testimonials li {
    margin-bottom: 1.5rem
}

.section-helpful-resources .testimonials li em {
    font-size: 1.1rem
}

.section-helpful-resources .testimonials li strong {
    font-size: .8rem
}

.section-helpful-resources .glossary strong {
    font-size: 1.2rem
}

.section-helpful-resources .faqs .related-title {
    display: block;
    font-size: 1.1rem
}

body.section-ppc .wrapper,
body.section-separation-and-divorce-2 .wrapper {
    background: #fff
}

body.section-ppc .hero,
body.section-separation-and-divorce-2 .hero {
    padding: 0
}

body.section-ppc .content .intro,
body.section-separation-and-divorce-2 .content .intro {
    color: #152249;
    font-size: .9rem
}

body.section-ppc .staff-rotator-wrapper,
body.section-separation-and-divorce-2 .staff-rotator-wrapper {
    margin-bottom: 2rem
}

body.section-ppc .staff-rotator-wrapper .staff-image img,
body.section-separation-and-divorce-2 .staff-rotator-wrapper .staff-image img {
    margin: 0 auto
}

body.section-ppc .accreditation-logos,
body.section-separation-and-divorce-2 .accreditation-logos {
    border: 4px solid #eee;
    padding: 1.5rem
}

body.section-ppc .accreditation-logos li,
body.section-separation-and-divorce-2 .accreditation-logos li {
    float: left;
    width: calc((100% - 1.5rem)/ 2);
    margin: 0 0 1rem 1.5rem;
    min-height: 100px
}

body.section-ppc .accreditation-logos li:nth-child(2n+1),
body.section-separation-and-divorce-2 .accreditation-logos li:nth-child(2n+1) {
    margin-left: 0
}

body.section-ppc .accreditation-logos a,
body.section-separation-and-divorce-2 .accreditation-logos a {
    display: block;
    min-width: 100%
}

body.section-ppc .accreditation-logos img,
body.section-separation-and-divorce-2 .accreditation-logos img {
    width: 100px;
    display: block;
    margin: .75rem auto
}

body.section-ppc .sub-nav,
body.section-separation-and-divorce-2 .sub-nav {
    padding: 0
}

body.section-ppc .sub-nav:before,
body.section-separation-and-divorce-2 .sub-nav:before {
    content: 'What do you need advice on?';
    display: block;
    margin-bottom: .75rem
}

body.section-ppc .sub-nav .sub-menu,
body.section-separation-and-divorce-2 .sub-nav .sub-menu {
    padding-left: 0
}

body.section-ppc .sub-nav .sub-menu li,
body.section-separation-and-divorce-2 .sub-nav .sub-menu li {
    width: 100%
}

body.section-ppc .sub-nav .sub-menu li a,
body.section-separation-and-divorce-2 .sub-nav .sub-menu li a {
    border-bottom: none;
    margin-left: 0;
    padding: .3rem 0
}

body.section-ppc .landing-page-form,
body.section-separation-and-divorce-2 .landing-page-form {
    background: #ff6418;
    padding: 1.5rem;
    color: #152249;
    text-align: center
}

body.section-ppc .landing-page-form p,
body.section-separation-and-divorce-2 .landing-page-form p {
    margin-bottom: 2rem;
    font-size: 1.2rem;
    line-height: 1.5
}

body.section-ppc .landing-page-form .captcha-label,
body.section-separation-and-divorce-2 .landing-page-form .captcha-label {
    margin-bottom: 1rem;
    padding-right: 0;
    display: block
}

body.section-ppc .landing-page-form .submit,
body.section-separation-and-divorce-2 .landing-page-form .submit {
    background: #152249!important;
    display: block;
    width: 100%;
    border-radius: 0
}

body.section-ppc .landing-page-form .captcha-wrapper input,
body.section-ppc .landing-page-form .field-error input,
body.section-ppc .landing-page-form .field-success input,
body.section-separation-and-divorce-2 .landing-page-form .captcha-wrapper input,
body.section-separation-and-divorce-2 .landing-page-form .field-error input,
body.section-separation-and-divorce-2 .landing-page-form .field-success input {
    background: rgba(255, 255, 255, .8)
}

body.section-ppc .landing-page-form .captcha-wrapper input,
body.section-separation-and-divorce-2 .landing-page-form .captcha-wrapper input {
    margin-top: 0;
    margin-bottom: 1.5rem
}

body.section-ppc .right-col-testimonial,
body.section-separation-and-divorce-2 .right-col-testimonial {
    position: relative;
    background: #152249;
    color: #fff;
    padding-top: calc(70px + 1.5rem);
    padding-bottom: 1.5rem
}

body.section-ppc .right-col-testimonial:before,
body.section-separation-and-divorce-2 .right-col-testimonial:before {
    content: '\201C';
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 1.5rem;
    width: 60px;
    height: 60px;
    color: #fff;
    font-family: Georgia, serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 80px;
    text-align: center;
    border-radius: 50%;
    background: #ff6418
}

body.section-ppc .right-col-testimonial blockquote p:after,
body.section-ppc .right-col-testimonial blockquote p:before,
body.section-separation-and-divorce-2 .right-col-testimonial blockquote p:after,
body.section-separation-and-divorce-2 .right-col-testimonial blockquote p:before {
    display: inline-block
}

body.section-ppc .right-col-testimonial blockquote p:before,
body.section-separation-and-divorce-2 .right-col-testimonial blockquote p:before {
    content: '\201C'
}

body.section-ppc .right-col-testimonial blockquote p:after,
body.section-separation-and-divorce-2 .right-col-testimonial blockquote p:after {
    content: '\201D'
}

body.section-ppc .right-col-testimonial blockquote cite,
body.section-separation-and-divorce-2 .right-col-testimonial blockquote cite {
    font-style: normal;
    display: block;
    margin-top: .75rem;
    font-size: .8rem
}

body.section-ppc .pre-footer,
body.section-separation-and-divorce-2 .pre-footer {
    background: #eee;
    min-height: auto
}

body.section-ppc .why-choose-us,
body.section-separation-and-divorce-2 .why-choose-us {
    padding: 3rem 0
}

body.section-ppc .why-choose-us .title,
body.section-separation-and-divorce-2 .why-choose-us .title {
    text-align: center
}

body.section-ppc .why-choose-us h3,
body.section-separation-and-divorce-2 .why-choose-us h3 {
    font-size: 1.4rem;
    margin-bottom: .75rem
}

body.section-ppc .why-choose-us li,
body.section-separation-and-divorce-2 .why-choose-us li {
    background: #fff;
    padding: 3rem 3rem 3rem 4.5rem;
    margin-bottom: 3rem;
    position: relative
}

body.section-ppc .why-choose-us li:before,
body.section-separation-and-divorce-2 .why-choose-us li:before {
    width: 3rem;
    height: 3rem;
    padding: 0 1rem;
    background-color: #ff6418;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 50px;
    color: #fff;
    text-align: center
}

body.section-ppc .why-choose-us li:nth-child(1):before,
body.section-separation-and-divorce-2 .why-choose-us li:nth-child(1):before {
    content: '1'
}

body.section-ppc .why-choose-us li:nth-child(2):before,
body.section-separation-and-divorce-2 .why-choose-us li:nth-child(2):before {
    content: '2'
}

body.section-ppc .why-choose-us li:nth-child(3):before,
body.section-separation-and-divorce-2 .why-choose-us li:nth-child(3):before {
    content: '3'
}

.inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto
}

.map .map-meta .meta,
.search-results-container ul,
.twitter-feed .tweets {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden
}

.fls-button-wrapper:after,
.fls-latest-right:after,
.footer-search:after,
.main:after,
.mobile-ui .mobile-ui-buttons:after,
.mobile-ui-nav .item:after,
.office-details-block:after,
.search-widget .blog-search-options:after,
form .row:after {
    content: '';
    clear: both;
    display: block;
    width: 100%;
    overflow: hidden
}

.archive-widget .archive-calendars .archive-calendar-date,
.related-items .related .related-title,
.staff-cards .card .staff-contact .email,
.staff-cards .card .staff-contact .profile,
.staff-search-results .card .staff-contact .email,
.staff-search-results .card .staff-contact .profile {
    min-height: 0
}

.archive-widget .archive-calendars .archive-calendar-date .icon-link,
.related-items .related .related-title .icon-link,
.staff-cards .card .staff-contact .email .icon-link,
.staff-cards .card .staff-contact .profile .icon-link,
.staff-search-results .card .staff-contact .email .icon-link,
.staff-search-results .card .staff-contact .profile .icon-link {
    min-height: 0;
    padding-left: 0
}

.archive-widget .archive-calendars .archive-calendar-date .icon,
.related-items .related .related-title .icon,
.staff-cards .card .staff-contact .email .icon,
.staff-cards .card .staff-contact .profile .icon,
.staff-search-results .card .staff-contact .email .icon,
.staff-search-results .card .staff-contact .profile .icon {
    display: none
}

.staff-cards .card .staff-image img,
.staff-search-results .card .staff-image img {
    display: block;
    width: 100%
}

#billpay #footerContainer,
#billpay .form-login .email,
#login #footerContainer,
#login .form-login .email,
#logout #footerContainer,
#logout .form-login .email,
.blog .search-container,
.crumbtrails,
.footer .cms-share,
.hidden,
.map span,
.mobile-ui-panel-enquiry .form .helper,
.search-buckets .search-result .searchResultDate,
.search-buckets .search-result .staff-alpha-sort,
.search-container .search-button .icon-link,
.search-widget .blog-search-bar .search-button .icon-link,
.search-widget .blog-search-bar .search-submit,
.section-ddaudit .fls-right-slider,
.share-widget .share-social,
.staff-biography .tabs-container,
.staff-cards .card .staff-contact .fax,
.staff-cards .card .staff-contact .mobile,
.staff-cards .card .staff-contact .phone,
.staff-cards .card .staff-departments,
.staff-cards .card .staff-details .office,
.staff-cards .card .staff-social,
.staff-profile .staff-contact .h3,
.staff-profile .staff-contact body.section-ppc .sub-nav:before,
.staff-profile .staff-contact body.section-separation-and-divorce-2 .sub-nav:before,
.staff-profile .staff-contact form .legend,
.staff-profile .staff-departments,
.staff-profile .staff-office,
.staff-search-results .card .staff-contact .fax,
.staff-search-results .card .staff-contact .mobile,
.staff-search-results .card .staff-contact .phone,
.staff-search-results .card .staff-departments,
.staff-search-results .card .staff-details .office,
.staff-search-results .card .staff-social,
.sub-nav:empty,
body.section-ppc .crumbtrails,
body.section-ppc .fls-body-cta,
body.section-ppc .fls-legal-logos,
body.section-ppc .fls-right-form,
body.section-ppc .fls-right-slider,
body.section-ppc .header .calls-to-action,
body.section-ppc .landing-page-form .form-reveal,
body.section-ppc .landing-page-form .helper,
body.section-ppc .landing-page-form label:not(.captcha-label),
body.section-ppc .staff-profile .staff-contact .sub-nav:before,
body.section-ppc .sub-nav .sub-menu li.active a:before,
body.section-ppc .sub-nav .sub-nav-title,
body.section-separation-and-divorce-2 .crumbtrails,
body.section-separation-and-divorce-2 .fls-body-cta,
body.section-separation-and-divorce-2 .fls-legal-logos,
body.section-separation-and-divorce-2 .fls-right-form,
body.section-separation-and-divorce-2 .fls-right-slider,
body.section-separation-and-divorce-2 .header .calls-to-action,
body.section-separation-and-divorce-2 .landing-page-form .form-reveal,
body.section-separation-and-divorce-2 .landing-page-form .helper,
body.section-separation-and-divorce-2 .landing-page-form label:not(.captcha-label),
body.section-separation-and-divorce-2 .staff-profile .staff-contact .sub-nav:before,
body.section-separation-and-divorce-2 .sub-nav .sub-menu li.active a:before,
body.section-separation-and-divorce-2 .sub-nav .sub-nav-title,
form .checkbox-list .checkbox,
form .radio-list .radio,
form .staff-profile .staff-contact .legend {
    display: none
}

.button,
.news .read-more,
form .submit {
    color: #fff;
    text-align: center;
    border: none;
    background: #152249
}

.button:hover,
.news .read-more:hover {
    color: #fff;
    background: #20407f
}

.button {
    display: inline-block;
    padding: .5rem 3rem;
    border-radius: 4px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.button a {
    color: inherit;
    -webkit-transition: inherit;
    transition: inherit
}

.news .read-more {
    display: inline-block;
    padding: .3rem 1rem
}

.staff-cards .card .staff-contact .email .icon-link,
.staff-cards .card .staff-contact .profile .icon-link,
.staff-search-results .card .staff-contact .email .icon-link,
.staff-search-results .card .staff-contact .profile .icon-link {
    display: inline-block;
    padding: .3rem .7rem;
    border-radius: 4px;
    border: 1px solid #152249;
    color: #152249
}

.staff-cards .card .staff-contact .email .icon-link:hover,
.staff-cards .card .staff-contact .profile .icon-link:hover,
.staff-search-results .card .staff-contact .email .icon-link:hover,
.staff-search-results .card .staff-contact .profile .icon-link:hover {
    color: #fff;
    background: #152249
}

.pre-footer-promo,
body.section-ppc .sub-nav .sub-menu,
body.section-ppc .why-choose-us ol,
body.section-separation-and-divorce-2 .sub-nav .sub-menu,
body.section-separation-and-divorce-2 .why-choose-us ol {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.pre-footer-social {
    margin-bottom: 3rem
}

.pre-footer-promo>div {
    width: 100%;
    background: url("/wp-content/uploads/2019/03/promo02.jpg") center center no-repeat;
    background-size: cover;
    padding: 1.5rem 1.5rem 4.5rem;
    position: relative;
    margin-bottom: 0;
    border: 1px solid #152249
}

.pre-footer-promo>div h3 {
    font-size: 1.4rem
}

.pre-footer-promo>div h3,
.pre-footer-promo>div p {
    width: 50%
}

.pre-footer-promo>div a {
    background: #ff6418;
    padding: .5rem 1.5rem;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0
}

.pre-footer-promo>div a:hover {
    background: #152249;
    color: #fff
}

.pre-footer-promo>div:first-child {
    background: url("/wp-content/uploads/2019/03/promo01.jpg") right 1.5rem center no-repeat;
    background-size: 80%;
    margin-bottom: 3rem;
    padding-bottom: 9rem
}

@media only screen and (min-width:25em) {
    .calls-to-action .action {
        width: 45%;
        margin: 0 1%
    }
    .calls-to-action .action:first-child {
        margin-left: 0
    }
    .archive-widget .archive-calendars .archive-calendar {
        float: left;
        width: calc((100% - 20px)/ 5);
        margin: 0 0 5px 5px
    }
    .archive-widget .archive-calendars .archive-calendar:nth-child(5n+1) {
        margin-left: 0
    }
}

@media only screen and (min-width:32.5em) {
    .archive-widget .archive-calendars .archive-calendar {
        float: left;
        width: calc((100% - 25px)/ 6);
        margin: 0 0 5px 5px
    }
    .archive-widget .archive-calendars .archive-calendar:nth-child(6n+1) {
        margin-left: 0
    }
}

@media only screen and (min-width:40em) {
    body .column.left {
        float: left;
        width: 30%
    }
    body .column.centre {
        float: right;
        width: calc(100% - (30% + 40px))
    }
    body#home .column.left,
    body#home .column.right {
        float: right;
        width: calc(50% - (30px / 2))
    }
    body#home .column.left {
        float: left;
        clear: none
    }
    body#profile .column.left {
        float: left;
        width: 30%
    }
    body#profile .column.centre {
        float: right;
        width: calc(100% - (30% + 40px))
    }
    body.section-children-matters .column.right,
    body.section-ppc .column.right,
    body.section-separation-and-divorce-2 .column.right {
        float: right;
        width: 30%
    }
    body.section-children-matters .column.centre,
    body.section-ppc .column.centre,
    body.section-separation-and-divorce-2 .column.centre {
        float: left;
        width: calc(100% - (30% + 30px))
    }
    html {
        font-size: 100%
    }
    .company-logo {
        margin: 30px 0
    }
    .calls-to-action {
        margin: 0
    }
    .calls-to-action .action.has-icon .row {
        display: inline
    }
    .calls-to-action .action.has-icon .row:first-child:after {
        content: ' '
    }
    .calls-to-action .action.has-icon .icon {
        top: -5px
    }
    .footer-block {
        float: left
    }
    .footer-block:nth-child(n) {
        clear: none
    }
    .footer-block:nth-child(4n+1) {
        clear: both;
        width: 50%
    }
    .footer-block:nth-child(4n+2) {
        width: 50%
    }
    .footer-block:nth-child(4n+3),
    .footer-block:nth-child(4n+4) {
        width: 100%
    }
    .sub-nav {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        margin: 0 0 3rem
    }
    .staff-cards .card,
    .staff-search-results .card {
float: left;
    width: 24%;
    margin-left: 0;
    min-height: 320px;
    }
    .staff-cards .card:nth-child(odd),
    .staff-search-results .card:nth-child(odd) {
     
    }
    .staff-cards .card .staff-image,
    .staff-search-results .card .staff-image {
        
    }
    .modal {
        top: 140px;
        max-width: 560px;
        margin-left: -280px
    }
    #billpay .column.centre,
    #login .column.centre,
    #logout .column.centre {
        padding: 3rem
    }
    .logos-list li {
        max-width: 30%
    }
    .header .search-container {
        margin: 0
    }
    .header .search-container form {
        padding: 0 3%
    }
    .fls-body-cta li .location {
        margin-right: 1.5rem
    }
    .archive-widget .archive-calendars .archive-calendar {
        float: left;
        width: calc((100% - 10px)/ 3);
        margin: 0 0 5px 5px
    }
    .archive-widget .archive-calendars .archive-calendar:nth-child(3n+1) {
        margin-left: 0
    }
}

@media only screen and (min-width:50em) {
    .column.centre,
    .column.left,
    .nav {
        overflow: visible
    }
    .nav,
    .nav .menu .link a,
    .nav .menu:after {
        height: 40px;
        background: #0f1935
    }
    .nav,
    .nav .menu .link:last-child .sub-menu {
        right: 0
    }
    .calls-to-action .action.has-icon .row:first-child:after,
    .nav .menu:after {
        content: ''
    }
    .column.centre {
        margin-bottom: 0
    }
    .calls-to-action {
        clear: none;
        margin: 30px 0 0;
        padding: 0 0 0 20px;
        text-align: right
    }
    .calls-to-action .action {
        text-align: left
    }
    .calls-to-action .action.callback a,
    .calls-to-action .action.enquiry a {
        display: table-cell
    }
    .calls-to-action .action.phone {
        border-left: 1px solid rgba(255, 255, 255, .5)
    }
    .calls-to-action .action.has-icon .row {
        display: block
    }
    .calls-to-action .action.has-icon .icon {
        top: 0
    }
    .hero .search-container {
        display: none
    }
    .footer-search .search-container {
        width: 50%;
        float: right
    }
    .nav {
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
        padding: 0;
        z-index: 300;
        visibility: visible;
        opacity: 1
    }
    .nav .menu {
        float: right;
        position: static
    }
    .nav .menu:after {
        position: absolute;
        top: 0;
        left: 100%;
        width: 100px;
        z-index: 300
    }
    .nav .menu>.link {
        float: left
    }
    .nav .menu .link#link-for-business,
    .nav .menu .link#link-for-individuals {
        position: static
    }
    .nav .menu .link a {
        position: relative;
        line-height: 40px;
        padding: 0 7.27px;
        font-size: .9rem;
        font-weight: 600;
        color: #fff;
        border: none;
        z-index: 301
    }
    .nav .menu .link.active>a,
    .nav .menu .link.active>a:hover,
    .nav .menu .link:active>a,
    .nav .menu .link:hover>a {
        color: #fff;
        background: 0 0
    }
    .nav .menu .link:hover .sub-menu {
        top: 40px;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .nav .menu>.link,
    .nav .menu>.link.active {
        float: left
    }
    .nav .menu>.link.active>a:after,
    .nav .menu>.link>a:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        right: 50%;
        height: 1px;
        background: #ff6418;
        z-index: 302;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out
    }
    .nav .menu>.link.active.active>a:after,
    .nav .menu>.link.active:hover>a:after,
    .nav .menu>.link.active>a:after,
    .nav .menu>.link:hover>a:after {
        left: 20px;
        right: 20px
    }
    .nav .sub-menu {
        display: block;
        position: absolute;
        top: -1000px;
        width: 260px;
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
        z-index: 300;
        -webkit-transition: -webkit-transform .2s ease-out;
        transition: -webkit-transform .2s ease-out;
        transition: transform .2s ease-out;
        transition: transform .2s ease-out, -webkit-transform .2s ease-out
    }
    .nav .sub-menu .link a {
        height: auto;
        padding: 10px;
        color: #152249;
        line-height: 1.4;
        text-align: left;
        background: #eee
    }
    .nav .sub-menu .link a:active,
    .nav .sub-menu .link a:hover,
    .nav .sub-menu .link.active a,
    .nav .sub-menu .link.active a:hover {
        color: #152249;
        background: #ff6418
    }
    .search-results-container {
        padding: 0 1.5rem
    }
    .profile-image-wrapper .profile-image {
        display: block;
        position: absolute;
        right: 10%;
        bottom: 0
    }
    #profile .hero {
        padding-top: 3rem
    }
    .staff-profile {
        width: 25%;
        z-index: 1
    }
    body {
        padding-bottom: 0
    }
    body.lock {
        position: static;
        height: auto;
        overflow: auto
    }
    .mobile-ui {
        display: none
    }
    .crumbtrails,
    .footer .cms-share,
    .social-icons,
    body.section-ppc .header .calls-to-action,
    body.section-separation-and-divorce-2 .header .calls-to-action {
        display: block
    }
    .nav .mega-menu-wrapper {
        width: auto!important
    }
    .fls-button-wrapper {
        width: 49%;
        display: block
    }
    .fls-testimonials {
        width: 66%
    }
    .social-icons {
        width: 200px
    }
    .office-details-block .office-address {
        width: 45%;
        padding-right: 5%
    }
    .office-details-block .office-contact {
        width: 55%
    }
    .office-locations-wrapper .location {
        width: 45%;
        margin-right: 5%
    }
    #people .fls-legal-logos,
    .section-people:not('#profile') .fls-body-cta {
        width: 100%
    }
    .fls-body-cta li .location,
    .fls-body-cta li .number {
        font-size: 1.3rem
    }
    .archive-widget .archive-calendars .archive-calendar {
        float: left;
        width: calc((100% - 15px)/ 4);
        margin: 0 0 5px 5px
    }
    .archive-widget .archive-calendars .archive-calendar:nth-child(4n+1) {
        margin-left: 0
    }
    body.section-ppc .staff-rotator-wrapper .staff-image,
    body.section-separation-and-divorce-2 .staff-rotator-wrapper .staff-image {
        width: 50%
    }
    body.section-ppc .why-choose-us li,
    body.section-separation-and-divorce-2 .why-choose-us li {
        float: left;
        padding: 1.5rem 1.5rem 1.5rem 4.5rem
    }
    body.section-ppc .why-choose-us li:nth-of-type(n),
    body.section-separation-and-divorce-2 .why-choose-us li:nth-of-type(n) {
        clear: none;
        width: calc((99.9999% - 6rem)/ 3);
        margin: 0 0 0 3rem
    }
    body.section-ppc .why-choose-us li:nth-of-type(3n+1),
    body.section-separation-and-divorce-2 .why-choose-us li:nth-of-type(3n+1) {
        clear: both;
        margin-left: 0
    }
    .pre-footer-promo {
        margin-top: 3rem
    }
    .pre-footer-promo>div {
        float: left;
        width: calc((100% - 3rem)/ 2);
        margin: 0 0 3rem 3rem
    }
    .pre-footer-promo>div:nth-child(2n+1) {
        margin-left: 0
    }
}

@media only screen and (min-width:60em) {
    .search-toggle,
    .search-toggle.toggle,
    .search-toggle:hover {
        background: 0 0
    }
    body .column.left {
        width: 27.5%
    }
    body .column.centre {
        width: calc(100% - (27.5% + 80px))
    }
    body#home .column.left,
    body#home .column.right {
        width: calc(50% - (60px / 2))
    }
    body#profile .column.left {
        width: 27.5%
    }
    body#profile .column.centre {
        width: calc(100% - (27.5% + 80px))
    }
    body.section-children-matters .column.right,
    body.section-ppc .column.right,
    body.section-separation-and-divorce-2 .column.right {
        width: 20%
    }
    body.section-children-matters .column.centre,
    body.section-ppc .column.centre,
    body.section-separation-and-divorce-2 .column.centre {
        width: calc(100% - (20% + 60px))
    }
    .wrapper {
        padding-top: 149px
    }
    html {
        font-size: 105%
    }
    .header {
        margin-bottom: 0;
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 55
    }
    .calls-to-action {
        padding: 0 0 0 40px
    }
    .calls-to-action .action {
        font-size: 1.1rem;
        width: auto
    }
    .calls-to-action .action.has-icon .icon {
        padding: 3px
    }
    .footer-search .search-container {
        width: calc((100%/6 * 2) - 1.5rem);
        float: right
    }
    .footer-block {
        float: left
    }
    .footer-block:nth-child(n) {
        clear: none
    }
    .footer-block:nth-child(4n+1) {
        clear: both;
        width: calc((100% - 4.5rem)/ 6);
        margin: 0 0 1.5rem
    }
    .footer-block:nth-child(4n+2) {
        width: calc((100% - 4.5rem)/ 6);
        margin: 0 0 1.5rem 1.5rem
    }
    .footer-block:nth-child(4n+3),
    .footer-block:nth-child(4n+4) {
        width: calc((100% - 4.5rem)/ 4);
        /*width: calc((100% - 4.5rem)/ 3);*/
        margin: 0 0 1.5rem 1.5rem
    }
    .nav .menu .link a {
        padding: 0 13.33px
    }
    .nav .sub-menu .link a {
        padding: 10px 13.33px
    }
    .fls-staff-accreditations img {
        width: 100%
    }
    .nav .mega-menu-wrapper .mega-menu .mega-menu-title {
        font-size: 1.2rem
    }
    .fls-testimonials {
        width: 75%
    }
    .step-details {
        width: 48%;
        padding: 0 10% 0 0!important
    }
    .step-details li img {
        max-width: 100%
    }
    .search-toggle {
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px
    }
    .search-toggle .icon {
        fill: #eee
    }
    .search-toggle.toggle .icon,
    .search-toggle:hover .icon {
        fill: #20407f
    }
    #people .fls-legal-logos,
    .section-people:not('#profile') .fls-body-cta {
        width: 100%
    }
    .archive-widget .archive-calendars .archive-calendar {
        float: left;
        width: calc((100% - 5px)/ 2);
        margin: 0 0 5px 5px
    }
    .archive-widget .archive-calendars .archive-calendar:nth-child(2n+1) {
        margin-left: 0
    }
    body.section-ppc .accreditation-logos li,
    body.section-separation-and-divorce-2 .accreditation-logos li {
        float: left;
        width: calc((100% - 4.5rem)/ 4);
        margin: 0 0 0 1.5rem;
        min-height: 90px
    }
    body.section-ppc .accreditation-logos li:nth-child(4n+1),
    body.section-separation-and-divorce-2 .accreditation-logos li:nth-child(4n+1) {
        margin-left: 0
    }
    body.section-ppc .sub-nav .sub-menu li,
    body.section-separation-and-divorce-2 .sub-nav .sub-menu li {
        width: 50%
    }
    body.section-ppc .why-choose-us li,
    body.section-separation-and-divorce-2 .why-choose-us li {
        padding: 3rem 3rem 3rem 4.5rem
    }
}

@media only screen and (min-width:80em) {
    .wrapper {
        padding-top: 141px
    }
    .main {
        padding: 1.5rem 0 0
    }
    .header {
        padding: 0
    }
    .company-logo {
        width: 270px;
        display: block;
        margin: 15px 0 30px
    }
    .staff-member .staff-attributes,
    .staff-member .staff-image,
    .staff-rotator .staff-attributes,
    .staff-rotator .staff-image {
        display: inline-block
    }
    .footer-wrapper .footer {
        padding: 3rem 0
    }
    .footer-wrapper .pre-footer {
        padding: 0 0 1.5rem
    }
    .nav {
        top: 65%
    }
    .nav .menu .link a {
        padding: 0 15px
    }
    .nav .sub-menu .link a {
        padding: 10px 20px
    }
    .staff-cards .card,
    .staff-search-results .card {
        padding-left: 0;
        width: 23%;
        margin-right: 2%;
        margin-bottom: 3rem;
        min-height: 300px;
    }
    .staff-cards .card:nth-child(odd),
    .staff-search-results .card:nth-child(odd) {
   
    }
    .staff-cards .card:nth-child(3n+1),
    .staff-search-results .card:nth-child(3n+1) {
     
    }
    .staff-cards .card .staff-image,
    .staff-search-results .card .staff-image {
     
    }
    .staff-rotator-wrapper {
        height: 210px;
        overflow: hidden
    }
    .staff-member .staff-image img,
    .staff-rotator .staff-image img {
        margin: 0
    }
    .staff-rotator-wrapper .bx-viewport {
        min-height: 0
    }
    .profile-image-wrapper .profile-image {
        left: 0;
        right: 0
    }
    .staff-profile .staff-details .name {
        font-size: 1.6rem
    }
    #profile .main {
        overflow: visible
    }
    #profile .fls-right-form {
        display: block
    }
    #profile .hero .hero-form {
        display: none
    }
    #profile .column.right {
        top: -50px
    }
    .nav .mega-menu-wrapper .mega-menu .link a {
        font-size: 1rem
    }
    .nav .mega-menu-wrapper .mega-menu#mega-menu-2 li {
        float: left
    }
    .nav .mega-menu-wrapper .mega-menu#mega-menu-2 li:nth-child(n) {
        clear: none;
        width: calc((100% - 1.5rem)/ 3);
        margin: 0 0 .75rem .75rem
    }
    .nav .mega-menu-wrapper .mega-menu#mega-menu-2 li:nth-child(3n+1) {
        clear: both;
        margin-left: 0
    }
    .fls-button-wrapper {
        width: 47.2%;
        margin-left: 2%
    }
    .for-business,
    .for-you {
        width: 48%;
        padding: 2rem .5rem!important;
        margin-bottom: 0!important
    }
    .for-you {
        margin-right: 3%
    }
    .fls-testimonials {
        width: 73%;
        margin-left: 2%
    }
    .search-toggle {
        top: auto;
        bottom: 2px
    }
    .fls-legal-logos li {
        width: 130px;
        margin-bottom: 0
    }
    .fls-body-cta li:nth-child(n+2):before {
        position: absolute;
        top: 20%;
        left: 0;
        height: 60%;
        border-left: 1px solid #eee;
        content: ""
    }
    .fls-body-cta .body-cta-button {
        font-size: .9rem;
        display: initial
    }
    .fls-left-testimonial .quote {
        font-size: 1.7rem
    }
    .hero .hero-form {
        display: block;
        max-width: 260px;
        float: right
    }
    .fls-latest-right .read-more {
        width: 75%;
        margin: 0 auto
    }
    .archive-widget .archive-calendars .archive-calendar {
        float: left;
        width: calc((100% - 10px)/ 3);
        margin: 0 0 5px 5px
    }
    .archive-widget .archive-calendars .archive-calendar:nth-child(3n+1) {
        margin-left: 0
    }
    .side-bar {
        display: block;
        position: fixed;
        background: #ff6418;
            top: 330px;
    right: -180px;
    height: 50px;
    width: 400px;
        z-index: 300;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

@media only screen and (min-width:80em) and (min-width:80em) {
    #profile .fls-right-form {
        display: none
    }
    #profile .hero .hero-form {
        display: block;
        max-width: 260px;
        float: right
    }
}

@media only screen and (min-width:100em) {
    .search-results-container {
        padding: 0 3rem
    }
    .nav .sub-menu {
        padding: .75rem 1.5rem 6rem
    }
}

@-webkit-keyframes hippyshake {
    0%,
    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }
    100%,
    20%,
    60% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    40% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
}

@keyframes hippyshake {
    0%,
    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }
    100%,
    20%,
    60% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    40% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
}

@-webkit-keyframes fx {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fx {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        opacity: 0
    }
}


.caldera-forms-modal {
	display: inline-block;
    position: relative;
    padding: .75rem 1.5rem;
    background: #ff6418;
    color: #fff!important;
    font-size: 1.2rem;
    font-weight: 600;
    border: none;
}

.caldera-forms-modal::after {
	content: "";
    position: absolute;
    top: 0;
    right: -28px;
    border-top: 29px solid transparent;
    border-bottom: 29px solid transparent;
    border-left: 28px solid #ff6418;
    border-right: 0 solid transparent;
}



.staff-slider-container {
	
}

.staff-slider-container .staff-slide {
	height: 210px;
	position: relative;
	background: #e1e1e1;
}

.staff-slider-container .staff-image {
	float: left;
}

.staff-slider-container .staff-image img {
	height: 210px;
}

.staff-slider-container .staff-details {
	margin-left: 240px;
	padding-top: 10px;
}

.staff-slider-container .staff-details-title {
	color: #254a93;
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: .5rem;
}

.staff-slider-container .staff-details-name a {
	font-size: 1.4rem;
	color: #ff6418;
	font-weight: 400;
    text-decoration: none;
	margin: 0 0 2rem;
    line-height: 1.3;
}

.staff-slider-container .staff-details-jobtitle {
	
}

.staff-slider-container .staff-details-phone {
	font-size: 1.4rem;
    font-weight: 600;
    color: #ff6418;
}

.staff-slider-container .staff-details-email {
	margin-top: 10px;
}

.staff-slider-container .staff-details-email-button {
	background: #ff6418;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    text-align: center;
    width: 160px;
	padding: 12px 10px;
    border: none!important;
}

#twitter-feed {
	margin-top: 30px;
}

#wpadminbar {
	/* display: none; */
}

.widget_search h4 {
	margin-bottom: 10px;
}

#searchform {
	
}

#searchform input[type=text] {
	width: 80%;
    height: 40px;
    float: left;
    padding: 0 10px;
    border: 1px solid #eee;
    border-radius: 4px 0 0 4px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#searchform input[type=submit] {
	display: block;
	color: white;
    width: 20%;
    height: 40px;
    float: left;
    background: #152249;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    -webkit-transition: background .3s ease-out;
    transition: background .3s ease-out;
	border: none;
    font-weight: bold;
    text-transform: uppercase;
}

#searchform .screen-reader-text {
	display: none;
}

.staff-slider-container li::before {
	display: none;
}

.widget_nav_menu .menu {
	max-width: 280px;
}

.widget_nav_menu .menu .menu-item::before {
	display: none;
}

.widget_nav_menu .menu .menu-item a {
	display: block;
    position: relative;
    color: #152249;
    font-size: .9rem;
    font-weight: 400;
    padding: .75rem 0;
	border-bottom: 1px solid #eee;
}

.widget_nav_menu .menu .menu-item a:hover, a:active, a:focus {
	color: #ff6418;
}

.christmas-hours-header {
	padding: 5px 0;
	text-align: right;
}

.trustpilot-header {
	background: #0f1935;
	padding: 5px 10px;
	width: 100%;
	height: 35px;
}

.trustpilot-caro {
	background: #e8e8e8;
    padding: 30px 10px;
    margin-top: -35px;
}

.blog-post-item {
	margin-bottom: 60px;
}

.blog-post-item h3 {
	margin-bottom: 5px;
}

.blog-post-item p {
	margin: 10px 0 0 0;
}

.news-article-item {
	margin-bottom: 60px;
}

.news-article-item h3 {
	margin-bottom: 5px;
}

.news-article-item p {
	margin: 10px 0 0 0;
}

.news-article-item .news-article-date {
	font-size: 90%;
	color: #ccc;
	margin: 0;
}

.pagination {
	text-align: center;
}

.widget_search h4 {
	display:none;
}

.content *+ul {
    list-stye: none;
    margin: 0 0 2rem;
    padding: 0 0 0 20px;
}

.content *+ul li {
    position: relative;
}

.content *+ul li::before {
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
    position: absolute;
    top: -15px;
    left: -25px;
    z-index: 50;
    font-weight: 900;
    color: #ff6418;
    font-size: 31px;

}


.content ul li ul li::before {
    content: "-";
	  font-family: Lato, "Open Sans", "Helvetica Neue", Arial, sans-serif;
	left: -18px;
    top: -15px;
}

.person-search {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}

.person-search .form-control {
	width: 90%;
    height: 40px;
    float: left;
    padding: 0 10px;
    border: 1px solid #eee;
    border-radius: 4px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    outline: 0;
    -webkit-appearance: none;
	
}

.person-search .btn {
	display: block;
    width: 180px;
    height: 40px;
 
    background: #152249;
    border-radius:4px;
	margin-right:auto;
	margin-left:auto;
    cursor: pointer;
    -webkit-transition: background .3s ease-out;
    transition: background .3s ease-out;
	border: 0;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
}

.person-search .btn:hover {
	background: #20407f;
}

.alignright {
	float:right;
	margin-left: 10px;
}

.alignleft {
	float:left;
	margin-right: 10px;
}

.people-departments {
	margin: 0 0 1.5rem;
}

.people-departments-header {	
	margin-top: 1rem;
}

.people-departments-list {
    margin-top: 1rem;
    font-size: .8rem;
    min-height: 46px;
    color: #ff6418;
}

.blog-post-meta {
	overflow:hidden;
}

.blog-post-meta .blog-post-author-image {
	width: 120px;
    float: left;
}

.blog-post-meta .blog-post-author-image img {
	width: 80px;
}

.blog-post-meta .blog-post-details {
	
}

.blog-post-meta .blog-post-details .blog-post-date {
	margin-top: 10px;
	color: #888b8d;
}

.blog-post-meta .blog-post-details .blog-post-author {
	color: #888b8d;
}

.post-meta {
	overflow:hidden;
	margin-bottom: 10px;
}

.post-meta .post-author-image {
	width: 120px;
    float: left;
}

.post-meta .post-author-image img {
	width: 80px;
}

.post-meta .post-details {
	
}

.post-meta .post-details .post-date {
	margin-top: 10px;
	color: #888b8d;
}

.post-meta .post-details .post-author {
	color: #888b8d;
}

.post-main-content img {
	max-width: 100%;
}

.wpb_wrapper ul, .post-main-content ul {
    list-style: none;
    margin: 0 0 2rem;
    padding: 0 0 0 20px
}

.wpb_wrapper ul li, .post-main-content ul li {
    position: relative
}

.wpb_wrapper ul li::before, .post-main-content ul li::before  {
    content: "";
    position: absolute;
    top: 4px;
    left: -25px;
    z-index: 50;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid #ff6418;
    border-right: 8px solid transparent
}


.hero-services ul, .pre-footer-social-container ul {
	margin: 0;
	padding: 0;
}

.hero-services ul li::before, .pre-footer-social-container ul li::before {
    display:none;
}

.body-calls-to-action li::before {
	display:none;
}

.sy-slide, .sy-controls li {
	position: absolute !important;
}

.pagination li:before {
	content: "";
	display: none;
}

.hero-slider-home {
	padding-bottom: 20px;
}



.mobile-ui-panel-content .search-bar label.search-button.has-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}
.mobile-ui-panel-content .search-bar label.search-button.has-icon img {
    max-width: 33px;
    max-height: 25px;
}
.scwd-sidebarn li.action.callback.has-icon img {
    z-index: 1;
    position: absolute;
    top: 12px;
    left: 7px;
    transform: rotate(90deg);
}


body > #wrapper {
    padding-bottom: 0 !important;
}