:root {--main-color: #020304;--main-color-hover: #272727;--main-color-transparent: rgba(2,3,4,0.7);--main-color-transparent-hover: rgba(39,39,39,0.7);--secondary-color: #a39a7b;--secondary-color-hover: #c3b893;--secondary-color-transparent: rgba(163,154,123,0.7);--secondary-color-transparent-hover: rgba(195,184,147,0.9);--footer-color: #020304;--footer-headings:  #fff;--footer-links-hover: #a39a7b;--white: #fff;--body-bg:  #cfcfcf;--transition-fade: all 0.5s ease-in-out;}.group:before, .group:after {content: ""; display: table;} .group:after {clear: both;}.group {zoom: 1;}html {font-size: 16px; background: var(--white);}*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}body {font-family: "Rubik", sans-serif; font-optical-sizing: auto; background: var(--body-bg); }.inner-position {display: table-cell; vertical-align: middle;}h1 {font-family: "Lexend", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;  font-size: 4.0625em; line-height: 1.1; margin: 0px; color: var(--main-color); margin-bottom: 15px;}h2 {font-family: "Lexend", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;  font-size: 3em; line-height: 1.1; margin: 0px;  color: var(--main-color); margin-bottom: 15px;}h3 {font-family: "Lexend", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;  font-size: 1.25em; line-height: 1.1; margin: 0px; color: var(--main-color); margin-bottom: 15px;}h4 {font-family: "Lexend", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;  font-size: 1.125em; line-height: 1.1; margin: 0px;  color: var(--main-color); margin-bottom: 15px;}h5 {font-family: "Lexend", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;  font-size: 1.0em; line-height: 1.1; margin: 0px; color: var(--main-color); margin-bottom: 15px;}h6 {font-family: "Lexend", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;  font-size: 0.875em; line-height: 1.1; margin: 0px; color: var(--main-color); margin-bottom: 15px;}p {color: #3b3b3b; font-family: "Lexend", sans-serif; font-optical-sizing: auto;  font-size: 1em; line-height: 1.5;font-weight: 400; font-style: normal; margin-top: 0px; margin-bottom: 15px;} p strong {font-weight: 600;}a {color: #3b3b3b; font-family: "Lexend", sans-serif; font-optical-sizing: auto; text-decoration: none; font-style: normal; }ul li, ol li, li {color: #3b3b3b; font-family: "Lexend", sans-serif; font-optical-sizing: auto; font-style: normal; }em {color: #3b3b3b; font-family: "Lexend", sans-serif; font-optical-sizing: auto; font-style: italic; }/***************************************Buttons ***************************************/.menu-btn {display:  none;}.menu-btn img {width:  35px;}.main-btn {display:  inline-block; font-family: "Lexend", sans-serif; font-optical-sizing: auto; transition: all 0.5s ease 0s;  padding: 10px 25px; background: var(--main-color);  font-size: 1.125em; color: var(--white); text-align: center;}.main-btn:hover {background: var(--main-color-hover); color: var(--white);}/*************************************** Navigation ***************************************/.pushy {overflow: auto;}.pushy-inner {    display: block;width: 100%;height:  100%;min-height:  480px;position:  relative;background: var(--main-color);padding: 20px;  }.pushy-bar-logo {width:  100%; text-align: center;}.pushy-bar-logo img {width:  200px;}.mobile-logo img {width: 200px; vertical-align: middle; }.mobile-logo a {padding: 0px !important;}.close-btn a { position: absolute; top: 0; right: 0; display: block; transition: var(--transition-fade); display: inline-block; font-size: 2em; text-transform: uppercase; color: var(--white) !important;}.close-btn a:hover {opacity: 1; color: var(--secondary); }/*.close-btn a:hover img {transform: rotate(360deg);}*/.pushy-content {position:  relative; padding-bottom:  30px;}.pushy {position: fixed;}.pushy-navigation {width:  100%;}.pushy-navigation h2 {color: var(--main-color); text-align: center; margin-bottom:  20px;  font-size: 1.875em;}.pushy-navigation ul {margin: 0px; padding: 0px; }.pushy-navigation ul li { font-size: 1em; border-bottom: 1px solid #fff; transition: all 0.5s ease 0s; padding: 5px 0px;}.pushy-navigation ul li a { padding:15px 0px;position:  relative; text-transform: none; border-left: 3px solid transparent; font-family: 'Proza Libre', sans-serif;  font-size: 1em; line-height: 1.3;font-weight: 400; font-style: normal; color: #fff; transition: all 0.5s ease 0s; }.pushy-navigation ul li a:hover {background: var(--secondary-color); color: var(--white); padding-left: 15px;}.pushy-navigation ul li ul {/*background: #eeeeee;*/ }.pushy-navigation ul li ul li a { font-family: 'Proza Libre', sans-serif;  font-size: 1em; line-height: 1.3;font-weight: normal; font-style: normal; color: #2c7cc0; transition: all 0.5s ease 0s; text-transform: none;}.pushy-navigation ul li ul li a:hover {background: var(--secondary-color-transparent-hover); color: #fff;}.pushy-navigation ul li ul li:last-of-type {border-bottom: 0px;}.pushy a {  display: block;}/*.pushy-contact p a {padding: 5px 30px; color: #fff;}*/.inner-position {width: 100%; display: table-cell; vertical-align: middle;}.pushy-extra-buttons {padding:  25px;display:  flex;}.pushy-extra-buttons a {width:  49%; margin-right: 1%;color: #fff;}.pushy {z-index: 999999;}/*************************************** Header Bar ***************************************/.header-bar-wrapper {width:  100%; padding:  20px; display:  flex; align-items: center;}.header-bar-logo {width:  20%;}.header-bar-logo img {width:  250px;}.header-bar-navigation {width:  80%; display:  flex; flex-direction: column;}.header-bar-social {width:  100%; text-align: right; margin-bottom:  15px;}.header-bar-social i {font-size: 1.5em; color: var(--white); margin-right: 10px; transition: var(--transition-fade);}.header-bar-social i:hover {color: var(--secondary-color);}.header-bar-nav {width:  100%; text-align: right;}/* NAVIGATION */.nav-box {position: relative;}#navInsprimary {display:  inline-block; text-align: right; width:  100%;}#primary {width:  100%; height:  100%; margin: 0px 0px 0px 0px; padding-left: 0px;  display: flex; justify-content: flex-end; }#primary>li {height:  100%; padding: 0 0px; display: inline-block; vertical-align: middle;  list-style-type: none; position: relative; text-align: center;}#primary>li:hover { }#primary>li>a { height: 100%;  align-items: center;  text-align: center;  justify-content: center; padding:  0px 10px;display: flex;  transition: all 0.5s ease 0s; margin: 0 0px;   transition: all 0.5s ease 0s; font-family: "Lexend", sans-serif; font-optical-sizing: auto;  font-size: 1em; font-weight: 700; font-style: normal; color: var(--white); position: relative;  text-decoration: none; text-transform: uppercase; }#primary>li>a:hover {color: var(--secondary-color);}#primary>li>a.linkActive {color:var(--secondary-color);}/* Dropdown LV1 */#primary>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}#primary>li:hover>ul {display: block; min-width:  220px; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 9999; background:var(--main-color); padding: 0px; }#primary>li>ul>li { text-align:  left; border-bottom: 1px solid var(--white);}#primary>li>ul>li:last-of-type {border-bottom: 0px;}#primary>li>ul>li:hover {background: var(--main-color-hover); }#primary>li>ul>li>a {padding: 10px 10px !important; font-family: "Lexend", sans-serif;  font-size: 1em; font-weight: normal; font-style: normal; color: var(--white); height: auto;  display: block; border: none; text-decoration:none; }#primary>li>ul>li>a:hover {text-decoration: none;}#primary li>ul>li {position: relative;}  /* Dropdown LV2 */#primary>li>ul>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}/*************************************** Home  Page***************************************/.header-bar-social svg { transition: all 0.5s ease 0s; fill: var(--white); width: 30px;}.header-bar-social a:hover svg {fill: var(--main-color-hover);}.footer-connect svg { transition: all 0.5s ease 0s; fill: var(--white); width: 30px;}.footer-connect a:hover svg {fill: var(--main-color-hover);}.previewFrame .home-banner-wrapper {max-height:  700px;}.home-banner-wrapper {width: 100%; height:  80vh; min-height: 550px; background:url("/broadoakfinancial-co-uk/_img/img/property-4.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; position:  relative;}.darken-color-overlay {width: 100%; height: 100%; background: var(--main-color-transparent);}.title-overlay {    width: fit-content;    height: 100%;    background: var(--secondary-color-transparent);    padding-top: 30px;    padding-bottom: 30px;    padding-left: 35px;    padding-right: 35px;    margin: 0 auto;    border-left: 5px solid var(--main-color);}.home-title-overlay {width: 80%; height: 100%; background: var(--secondary-color-transparent); padding-top: 30px; padding-bottom: 30px; margin: 0 auto; border-left: 5px solid var(--main-color);}.home-banner-text {position: absolute; top: 50%; transform: translateY(-50%); width:  100%; text-align:  center;}.home-banner-text h1 {color: var(--white);}.home-banner-text h2 {color: var(--white);}.home-banner-bottom-text {position: absolute; bottom: 50px; left: 0px; width:  100%;}.home-banner-contact-wrapper {width: 100%; display:  flex;}.home-banner-contact-item {width:  50%; text-align: center;}.home-banner-contact-item-title {width:  100%;  font-size: 1.25em; color: var(--main-color); font-family: "Lexend", sans-serif; margin-bottom:  10px;}.home-banner-contact-item-value {width:  100%;  font-size: 1.25em; color: var(--white); font-family: "Lexend", sans-serif;}.home-banner-contact-item-value a {font-family: "Lexend", sans-serif; color: var(--white);}.about-wrapper {padding: 100px 0px; background: var(--white)}.about-text .about-text-inner {columns: 1;}.about-more-btn {width:  100%; display:  block;}.about-heading span {display: block; color: var(--secondary-color)}.small-link-boxes-wrapper {display: flex; margin-bottom: 0.5%; background: var(--white);}.small-link-box {width: 19.6%; height: 300px; text-align: center; margin-right: 0.5%;}.small-link-box:last-of-type {margin-right:  0px;}.small-link-box .darken-color-overlay {background:var(--secondary-color-transparent); display: flex; align-items: center; justify-content: center; flex-direction: column; transition: all 0.5s ease 0s; }.small-link-box:hover .darken-color-overlay {background: var(--main-color-hover);}.small-link-box h3 {color: var(--white);  font-size: 2em;}.small-link-box h3 span {display:  block;}/***************************************.small-link-box:hover h3 {color: var(--secondary-color); }***************************************/.small-link-box div {display:  none;}.small-link-box:hover a {display:  inline-block;}.large-link-boxes-wrapper {width:  100%; display:  flex; margin-bottom:  0.5%;}.large-link-box-left {width: 60%; margin-right:  0.5%;}.large-link-box-right {width:  39.5%;}.large-link-boxes-wrapper .darken-color-overlay {display:  flex; align-items: flex-end; padding: 25% 25px 25px 25px; }.large-link-box-inner {width:  100%; max-width: 450px}.large-link-box-inner h2 span {display:  block; color: var(--white);}.large-link-box-inner p {color: var(--white);}.contact-wrapper {display:  flex; width:  100%;}.contact-wrapper-left {width: 40%; border-left: 10px solid var(--main-color); background: var(--secondary-color); padding: 100px 25px;}.contact-heading h2 span {color: #fff; display: block;}.contact-inner-left p, .contact-inner-right p  {color: #fff;}.contact-wrapper-right {width: 60%;}.footer {width:  100%; background: var(--footer-color);}.footer-top {padding: 35px 0px;}.footer-connect a i {font-size: 1.5em; color: var(--white); margin-right: 10px; transition: var(--transition-fade);}.footer-connect a i:hover {color: var(--main-color-hover);}.footer h3 {color: var(--footer-headings);}.footer-explore #navInsfooter {display:  inline-block; text-align: right; width:  100%;}.footer-explore #footer {width:  100%; height:  100%; margin: 0px 0px 0px 0px; padding-left: 0px;}.footer-explore #footer>li {width:  50%; height:  100%;  padding: 0 0px; float:  left; vertical-align: middle;  list-style-type: none; position: relative; margin-bottom:5px; }.footer-explore #footer>li:hover { }.footer-explore #footer>li>a { height: 100%;display: flex;  transition: all 0.5s ease 0s; margin: 0 0px;   transition: all 0.5s ease 0s; font-family: "Lexend", sans-serif; font-optical-sizing: auto;  font-size: 0.875emem; font-weight: 400; font-style: normal; color: var(--white); position: relative;  text-decoration: none;   }.footer-explore #footer>li>a:hover {color: var(--secondary-color);}.footer-explore #footer>li>a.linkActive {color:var(--secondary-color);}.footer-explore #footer>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}.footer-contact-inner {display:  flex;}.footer-contact-left {width: 100%;}.footer-contact-right {width: 50%;}.footer-contact-left p {color: var(--white);  font-size:  0.875em;}.footer-contact-right p {color: var(--white);  font-size:  0.875em;}.footer-contact-left p a {transition: all 0.5s ease 0s;color: var(--white);}.footer-contact-left p a:hover {color: var(--secondary-color); }.footer-bottom {padding:  25px 20px; border-top:  1px solid var(--secondary-color); text-align: center;}.footer-bottom p {color: var(--white); margin-bottom: 0px;}.footer-bottom p a {transition: all 0.5s ease 0s; color: var(--white);}.footer-bottom p a:hover {color: var(--secondary-color);}/***************************************Inner Pages***************************************/.inner-banner-wrapper {margin-bottom: 0.5%; background: url("/broadoakfinancial-co-uk/_img/img/property-1.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center top;}.inner-banner-text {padding: 100px 0px; text-align: center;}/***************************************.inner-banner-text h1:after {width:  60px; height:  3px; background: var(--white); display:  block; margin: 20px auto 0 auto; content:"";}***************************************/.inner-split-section {width:  100%; max-width: 1500px; margin: 0 auto 0.5% auto; display:  flex; }.inner-split-section:nth-of-type(odd) {flex-direction: row-reverse;}.inner-split-section-image {width:  50%; }.inner-split-section-image.position-top {background-position: center top !important;}.inner-split-section-image p {margin: 0px;}.inner-split-section-text {width:  50%; padding: 65px 0px; background: var(--white)}.inner-split-section-text.double-padding {padding: 130px 0px;}.inner-split-section-text h2 { font-size: 2em;}.inner-split-section-text h3 { font-size: 1.5625em;}.inner-split-section-text a {color: var(--main-color); text-decoration: underline; transition: all 0.5s ease 0s;}.inner-split-section-text a:hover {color: var(--secondary-color); }.title-overlay h1 {color: var(--white);}.service-split .inner-split-section-text h2:after {width:  60px; height:  3px; background: var(--secondary-color); display:  block; margin: 20px 0 0 0; content:"";}.service-split:nth-of-type(odd) {flex-direction: row-reverse;}.image-gallery {width: 100%; display:  flex; flex-wrap: wrap;}.image-gallery-item { width:  31.33%; margin-right: 2%; margin-bottom: 20px;}.image-gallery-title {display:  none;}.image-gallery-item-created,.image-gallery-item-updated,.image-gallery-item-description {display:  none;}.image-gallery-item-image-link {width: 100%; height:  300px; display:  block;}.image-gallery-item-image-link img {width: 100%; height: 100%; object-fit: cover;}.image-gallery-item-title {display:  none; width:  100%; margin-top: 20px; font-family: "Barlow", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;  font-size: 1.125em; color: var(--main-color);}.inner-split-section-image .editItem .bgPat {min-height:  20px; min-width:  100%;}.inner-simple-wrapper {padding: 65px 0px;}.inner-blog-summary {width:  100%; display:  flex; flex-wrap:  wrap}.latest-news-inner-item {width:  49%; margin-right: 1%; margin-bottom:  20px; background: var(--white); transition: all 0.5s ease 0s; border: 1px solid var(--main-color); border-bottom: 5px solid var(--main-color);}.latest-news-inner-item:hover {background: var(--main-color);}.latest-news-inner-item-image {width: 100%; padding-top: 55%;}.latest-news-inner-item-details {width:  100%; padding: 25px;}.latest-news-inner-item .latest-news-date {transition: all 0.5s ease 0s;}.latest-news-inner-item:hover .latest-news-date {color: var(--white);}.latest-news-inner-item .latest-news-title h3 {transition: all 0.5s ease 0s;}.latest-news-inner-item:hover .latest-news-title h3 {color: var(--white);}.blog-inner-text h1 { font-size: 3.125em;}.blog-inner-text h2 { font-size: 2em;}.blog-inner-text h3 { font-size: 1.5625em;}.blog-inner-text a {color: var(--main-color); text-decoration: underline; transition: all 0.5s ease 0s;}.blog-inner-text a:hover {color: var(--secondary-color); }.blog-inner-text {}.inner-blog-date {margin-bottom: 20px; font-family: "Lexend", sans-serif;}.contact-details-box {padding: 20px; background: var(--secondary-color);}.contact-details-box h3 {color: var(--white);}.contact-details-box p {color: var(--white);}.contact-details-box p a {color: var(--white); transition: all 0.5s ease 0s; text-decoration: none;}.contact-details-box p a:hover {color: var(--main-color); }.contact-details-box .contact-social svg { transition: all 0.5s ease 0s; fill: var(--white); width: 30px;}.contact-details-box .contact-social a:hover svg {fill: var(--main-color);}.inner-simple-wrapper a {color: var(--main-color); text-decoration: underline; transition: all 0.5s ease 0s;}.inner-simple-wrapper a:hover {color: var(--secondary-color); }.txt--hlght--1 {padding: 15px;color: #155724;  background-color: #d4edda; border: 1px solid #c3e6cb; border-radius: 3px; display:  block;}.txt--hlght--2 {padding: 15px;color: #004085;  background-color: #cce5ff; border: 1px solid #b8daff; border-radius: 3px; display:  block;}.txt--hlght--3 {padding: 15px;color: #721c24;  background-color: #f8d7da; border: 1px solid #f5c6cb; border-radius: 3px; display:  block;}   .txt--hlght--1 a {color: #155724;}.txt--hlght--2 a {color: #004085;}.txt--hlght--3 a {color: #721c24;}.videos-inner {width:  100%; display:  flex; flex-wrap: wrap;}.videos-inner .video-popup {width: 49%; margin-right: 1%; margin-bottom: 20px; padding:  0px; text-decoration: none;background: var(--secondary-color); }.videos-inner .video-popup:hover {background: var(--main-color);}.videos-inner .video-popup .video-img {padding-top: 56.25%;}.videos-inner .video-popup h4 {}.video-title {width:  100%; padding: 10px; text-align: center;  transition: all 0.5s ease 0s;}.video-title h4 {color: var(--white); margin-bottom: 0px;}.services-more {width:  100%; display:  block;}.services-more-btn {display:  inline-block; font-family: "Lexend", sans-serif; font-optical-sizing: auto; transition: all 0.5s ease 0s;  padding: 10px 25px; background: var(--main-color);  font-size: 1.125em; color: var(--white) !important; text-align: center; text-decoration: none !important;}.services-more-btn:hover {background: var(--main-color-hover); color: var(--white);}.services-more-spacer {margin-bottom: 20px;}.service-gallery-outer .image-gallery-item:first-of-type {display: initial;}.service-gallery-outer .image-gallery-item:first-of-type a {display:  inline-block; font-family: "Lexend", sans-serif; font-optical-sizing: auto; transition: all 0.5s ease 0s;  padding: 10px 25px; background: var(--main-color) !important;  font-size: 1.125em; color: var(--white) !important; text-align: center; text-decoration: none !important;}.service-gallery-outer .image-gallery-item:first-of-type a:hover {background: var(--main-color-hover) !important; color: var(--white);}.service-gallery-outer .image-gallery-item:first-of-type a:before {content:"View Photos";}.inner-full-section {background: var(--white); padding: 65px 0px; max-width: 1500px; width: 100%; margin: 0 auto 0.5% auto; }.inner-simple-wrapper {padding: 65px 0px;}.inner-simple-wrapper a {color: var(--main-color); text-decoration: underline; transition: all 0.5s ease 0s;}.inner-simple-wrapper a:hover {color: var(--secondary-color); }.txt--hlght--1 {padding: 15px;color: #155724;  background-color: #d4edda; border: 1px solid #c3e6cb; border-radius: 3px; display:  block;}.txt--hlght--2 {padding: 15px;color: #004085;  background-color: #cce5ff; border: 1px solid #b8daff; border-radius: 3px; display:  block;}.txt--hlght--3 {padding: 15px;color: #721c24;  background-color: #f8d7da; border: 1px solid #f5c6cb; border-radius: 3px; display:  block;}   .txt--hlght--1 a {color: #155724;}.txt--hlght--2 a {color: #004085;}.txt--hlght--3 a {color: #721c24;}.team-item {width: 100%; position: relative; background: var(--secondary-color); padding: 100px 25px 25px 25px; border-radius: 5px; margin-top: 100px;}.team-img {position:  absolute; top: 0%; transform: translateY(-50%); width: 150px; height:  150px; border-radius: 50%;}.team-details h3 {color: var(--white); margin-bottom: 0px; font-size: 30px; font-size: 1.875em;}.team-details p strong {color: var(--main-color); }.team-details p {color: var(--white)}.contact-details-outer {width: 100%; display:  flex; }.contact-details-item {width: 32.33%; margin-right: 1.5%; padding: 50px 25px 25px 25px; border-radius: 5px; background: var(--secondary-color); position: relative;}.contact-details-item:last-of-type {margin-right: 0px;}.contact-details-icon {width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--main-color); position: absolute; top:  0; left: 50%; transform: translate(-50%, -50%);}.contact-details-icon i {color: var(--white); }.contact-details-text {text-align: center; color: var(--white); display:  flex; align-items: center; align-items: center; justify-content: center; height: 100%;}.telephone .contact-details-text {flex-direction: column;}.contact-details-text p, .contact-details-text p a {color: var(--white); }.case-studies-wrapper {width: 100%; display:  flex; flex-wrap: wrap; }.case-study-item {width: 49%; margin-right: 2%; background: var(--secondary-color); margin-bottom: 25px; position: relative; padding-bottom: 80px;}.case-study-item:nth-of-type(even) {margin-right: 0px;}.case-study-item-image {width: 100%; height: 300px; background: url("/broadoakfinancial-co-uk/_img/img/photo-icon.svg") var(--main-color-hover); background-repeat: no-repeat; background-size: 35%; background-position: center center;}.case-study-item-image img {width: 100%; height: 100%; object-fit: cover;}.case-study-item-title {padding: 25px 25px 0px 25px;  }.case-study-item-title h3 {color: var(--white)}.case-study-item-title p {color: var(--main-color)}.case-study-item-title .btn-main {position: absolute; bottom: 25px; left: 25px;}.btn-main {padding: 15px 20px; background: var(--main-color); color: var(--white); text-align: center; display:  inline-block; transition: all 0.5s ease 0s;;}.btn-main:hover {background: var(--main-color-hover);}.case-study-inner-title p {color: var(--main-color)}.testimonial-item {width: 100%; min-height: 140px; padding: 25px 25px 25px 85px; background: var(--secondary-color); position: relative;}.testimonial-item i.fa-quote-left {position: absolute; top:  25px; left: 25px; color: var(--white); font-size: 50px;}.testimonial-item i.fa-quote-right {position: absolute; top:  65px; left: 25px; color: var(--white); font-size: 50px;}.case-key-points {width: 100%; padding: 25px; background: var(--main-color); margin-bottom: 20px;}.case-key-points p {color: var(--white);}.case-key-points ul {padding: 0px;}.case-key-points ul li {margin-bottom: 10px; list-style-type: none; padding-left: 30px; position: relative; color: var(--white)}.case-key-points ul li:before {width: 20px; height: 20px; content:""; background:url("/broadoakfinancial-co-uk/_img/img/logo-icon.svg"); background-size: cover; background-position:  center center; font-size: 18px; display:  inline-block; margin-right: 10px; color:  var(--main); position: absolute; left:  0px;}.case-study-image {width: 100%; height: 500px; margin-bottom: 20px; background: url("/broadoakfinancial-co-uk/_img/img/photo-icon.svg") var(--main-color-hover); background-repeat: no-repeat; background-size: 35%; background-position: center center;}.case-study-image img {width: 100%; height: 100%; object-fit: cover;}.additional-images {width: 100%; padding: 25px; background: var(--secondary-color-hover); margin-top: 20px;}/***************************************Form***************************************/.defaultForm {width: 100%;*zoom: 1;padding:  25px; background: var(--main-color);}.defaultForm:before, .defaultForm:after {content: " ";display: table;}.defaultForm:after {clear: both;}.defaultForm .inputset {float: left;width: 100%; margin-right:  0%;position: relative;margin-bottom: 20px;}.defaultForm .inputset .form_error_specific {position: absolute;top: 0;right: 0;color: Tomato;display: none;}.defaultForm .inputset label {display: block;width: 100%;font-family: "Lexend", sans-serif;  font-size: 1em; color: var(--white);}.defaultForm .inputset label.label {display: inline-block;}.defaultForm .inputset label.label input {width: initial;display: inline-block;margin-left: 0.625em;border-radius: 10px;}.defaultForm .inputset input, .defaultForm .inputset select {width: 100%; background: #fff; padding: 15px; border: 0px;font-family: "Lexend", sans-serif;  font-size: 1em;}.defaultForm .inputset textarea {width: 100%;height: 10.625em;background: #fff; padding: 15px; border: 0px;font-family: "Lexend", sans-serif;   font-size: 1em;}.inputset.inputsetcheck label:first-of-type {margin-bottom: 0.3125em;padding-bottom: 0.3125em;border-bottom: 1px solid #cccccc;}.inputset label.form_header {font-weight: bold;}.defaultForm .form_submit {}.defaultForm .form_submit {float: left;}.defaultForm .form_submit .fbElementButton {font-family: "Lexend", sans-serif; border: 0px;display:  inline-block;transition: all 0.5s ease 0s; background: var(--secondary-color); padding: 15px 30px; color: var(--white);}.defaultForm .form_submit .fbElementButton:hover {background: var(--white); color: var(--secondary-color)}.form_error {font-family: "Lexend", sans-serif;   font-size: 1em; font-style: normal; padding: 10px; background: #ff0000; color: #fff; margin-bottom: 10px;}/***************************************Media Queries***************************************/@media all and (max-width: 1070px) and (min-width: 0px) {.inner-split-section {flex-direction: column; margin-bottom: 0px !important; width: 80%;}.inner-split-section:nth-of-type(odd) {flex-direction: column; margin-bottom: 0px !important; width: 80%;}.inner-split-section-image {width:  100%; height: 600px; }.inner-split-section-text {width:  100%;}.inner-split-section-text.double-padding {padding: 65px 0px;}.service-split:nth-of-type(odd) {flex-direction: column-reverse;}.about-heading h2 {font-size: 2.5em;}}@media all and (max-width: 1024px) and (min-width: 0px) {.large-link-box-left {width: 50%;}.large-link-box-right {width: 50%;}.three.columns.footer-connect,.three.columns.footer-explore,.four.columns.footer-contact {width: 100% !important; margin-left: 0px !important;}.footer-top {padding-bottom: 0px;}.footer-connect {margin-bottom: 20px; text-align: center;}.footer-explore {margin-bottom: 20px; display: flow-root; text-align: center;}.footer-explore {}.footer-contact { text-align: center;}.footer-contact-left {width:  100%;}.footer-explore #footer > li {display:  block !important; width:  100%;}.footer-explore #footer > li a {text-align: center; display:  block;}}@media all and (max-width: 965px) and (min-width: 0px) {.header-bar-nav #primary {display:  none;}.mobile-nav {width:  100%; height:  100%; display: flex; align-items: center; justify-content: flex-end;}.menu-btn {display:  inline-block;}.header-bar-logo {width:  50%;}.header-bar-navigation {width:  50%;}.header-bar-social {margin-bottom: 0px;}.header-bar-nav div#navInsprimary.nav {display:  none;}.header-bar-social {display:  none;}.about-heading h2 {font-size: 2em;}}@media all and (max-width: 938px) and (min-width: 0px) {.contact-details-outer {flex-direction: column; }.contact-details-item {width: 100%; margin-bottom: 45px; }.contact-details-item:last-of-type {margin-bottom: 0px;}}@media all and (max-width: 900px) and (min-width: 0px) {.small-link-boxes-wrapper {flex-wrap: wrap;}.small-link-box {width: 49.75%; margin-right: 0.5%; margin-bottom: 0.5%;}.small-link-box:nth-of-type(even) {margin-right: 0%;}.small-link-box:last-of-type {margin-right: 0%; margin-bottom: 0%; width: 100%;}.contact-wrapper {flex-direction: column;}.contact-wrapper-left {width: 100%;}.contact-wrapper-right {width: 100%; height:  400px;}}@media all and (max-width: 800px) and (min-width: 0px) {.about-text .about-text-inner {columns: 1;}.large-link-boxes-wrapper {flex-direction: column;}.large-link-box-left {width: 100%; margin-bottom: 0.5%;}.large-link-box-right {width: 100%;}.latest-news-heading {margin-bottom: 20px;}.latest-news-items-wrapper {flex-direction: column;}.latest-news-item {width:  100%; margin-bottom: 20px;}.videos-inner .video-popup {width: 100%; margin-right: 0%; }}@media all and (max-width: 768px) and (min-width: 0px) {.case-study-item {width: 100%; margin-right: 0%; background: var(--secondary-color); margin-bottom: 25px; position: relative; padding-bottom: 80px;}}@media all and (max-width: 690px) and (min-width: 0px) {.latest-news-inner-item {width:  100%; margin-right:0px;}}@media all and (max-width: 650px) and (min-width: 0px) {h1 { font-size: 2.8125em;}h2 { font-size: 2.1875em;}.image-gallery-item {width:  48%;}.contact-details-box {margin-top:  20px;}.inner-split-section {width:  100%;}.inner-split-section:nth-of-type(odd) {width:  100%;}}@media all and (max-width: 480px) and (min-width: 0px) {.home-banner-wrapper {min-height: 650px;}.home-banner-contact-wrapper {flex-direction: column;}.home-banner-contact-item {width: 100%;}.home-banner-contact-item:first-of-type {margin-bottom: 10px;}.small-link-box {width: 100%; margin-right: 0%; margin-bottom: 0.5%;}.image-gallery-item {width:  100%; margin-right:  0px;}}
/* not required */