/* 
    Colours:
    #1D181A - Text dark grey
    #ED1D24 - Red
    #00000029 - Light grey
*/

body {
    margin: 0;
	padding: 0;
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    color: #1D181A;
    display: flex;
    height: 100%;
    flex-direction: column;
}

html {
    scroll-behavior: smooth;
}
  

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

.w-15 {
    width: 15%;
}

h1,h2, h3, h4, h5, h6 {
	margin-top: 0;
}

.h1, h1 {
    font-size: 2.5rem;
    font-weight: 400;
}

.h2, h2 {
    font-size: 2rem;
}

.h3 {
    font-weight: 400;
}

p,
li,
a {
    font-size: 15px;
    line-height: normal;
}

strong {
    font-weight: 700;
}

ul {
	padding-left: 20px;
}

a small {
    color: #272727;
}

a:hover, a:focus {
	border-bottom: 0;
	text-decoration: none;
    color: inherit;
}

i {
    vertical-align: middle;
}

.grey-back {
    background-color: #C1C1C1;
}

.grey-back:hover {
    background-color: #ED1D24;
    cursor: pointer;
}

.dark-grey-back {
    background-color: #1D181A;
}

.divider {
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 15px;
}

.border-bottom {
    border-bottom: 1px solid #272727!important;
}
.the-product {
    padding-bottom: 10%;
}
.logo img {
    width: 8%;
    vertical-align: top;
    padding-top: 10px;
}

.red-txt {
    color: #ED1D24;
    font-weight: 500;
}
.dark-grey-back li {
    padding-bottom:5px;
}
.dark-grey-back ul {
    padding-left:0!important;
}
p.grey-back {
    font-size: 12px;
    font-weight: 900;
    line-height: 35px;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: none;
}

button:focus {
    outline: none;
}

.btn-primary.red {
    padding: 5px 10px!important;
    line-height: 25px;
    background-color: #ED1D24;
    color: #fff;
    vertical-align: middle;
    font-size: 15px;
    border: 1px solid #ED1D24;
    border-radius:  5px;
    font-weight: 300;
    text-transform: uppercase;
}

.btn-primary.red:hover {
    background-color: transparent;
    color: #ED1D24;
    border: 1px solid #ED1D24;
}

a,
.side_menu {
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

header {
    background-color: #fff;
}

header .btn-primary.red {
    padding: 5px 10px!important;
    line-height: 25px;
    background-color: #ED1D24;
    color: #fff;
    vertical-align: middle;
    font-size: 13px;
    border: 1px solid #ED1D24;
    border-radius: 5px;
    font-weight: 300;
}

.header-details {
    float: right;
    padding-top: 10px;
}

.header-details a {
    color: #1D181A;
    font-weight: 500;
}

.header-details i {
    color: #ED1D24;
}

.header-details .social i {
    font-size: 25px;
    color: #1D181A;
}

/* MENU CONTAINER ----- */
.lock-scroll {
    overflow: hidden;
}

.side_menu {
    background: #fff;
    min-height: 100%;
    left: -280px;
    position: absolute;
    top: 0;
    width: 280px;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
}

.side_menu .container {
    padding: 0 1em;
}

/* Dropdown styles */
.office-dropdowns .dropdown .dropdown-toggle {
    font-size: 20px;
}
.office-dropdowns .dropdown .dropdown-toggle::after {
    display: none;
}

.office-dropdowns .dropdown-menu {
    position: absolute;
    top: 50px!important;
    left: -10px!important;
    z-index: 1000;
    /* display: none; */
    float: left;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: .25rem;
    box-shadow: 0px 7px 8px 1px #adb5bd5e;
    min-width: 250px;
    max-width: 250px;
    width: auto;
}

.office-dropdowns .dropdown-menu a, .office-dropdowns .dropdown-menu p {
    font-size: 17px;
    line-height: normal;
    font-weight: 300;
    vertical-align: middle;
    margin-bottom: 0;
}

.office-dropdowns .dropdown:hover .dropdown-menu {
    display: block;
}

.header-details span {
    font-size: 25px;
    vertical-align: middle;
}

.details-dropdown {
    position: relative;
    padding: 0;
    margin-right: 0;
    display: inline-block;
    border: none;
    line-height: 20px;
    vertical-align: middle;
}

.details-dropdown summary {
    list-style: none;
    list-style-type: none;
}

.details-dropdown > summary::-webkit-details-marker {
    display: none;
}

.details-dropdown .dropdown-content {
    position: absolute;
    margin: 16px 0;
    padding: 0;
    min-width: 310px;
    width: auto;
    left: 0;
    margin-left: 0;
    box-sizing: border-box;
    z-index: 9999999;
    background: #fff;
    border-radius: 0;
    list-style: none;
    text-align: left;
    box-shadow: 0px 0px 4px rgba(0 0 0 / 23%);
	padding-left: 0;
	left: 0;
	/* visibility: hidden;
	opacity: 0;
	display: none; */
}

.button:focus .dropdown-content, .button:hover .dropdown-content {
    outline: none;
    color: #fff;
	visibility: visible;
	opacity: 1;
	display: block;
}

.details-dropdown dl dt {
    line-height: 35px;
    vertical-align: middle;
}
  
.details-dropdown dl dd {
    padding: 5px 15px;
    margin: 0;
    display: block;
    line-height: 25px;
    vertical-align: middle;
}

.details-dropdown dd a {
    font-weight: 300;
}

.details-dropdown dd a:link, .details-dropdown dd a:visited {
    display: contents;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    color: #000;
    text-decoration: none;
}

.details-dropdown dd a:hover {
    background-color: #fff;
    color: #000;
}

/* Close the details-dropdown with outside clicks */
.details-dropdown > summary::before {
    display: none;
}

.details-dropdown[open] > summary::before {
    content: ' ';
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
}

/* HAMBURGER STYLES ----- */
.burger_box a.menu-icon {
    display: block;
    float: none;
    line-height: 55px;
    padding: 0;
    opacity: 1;
    width: 55px;
    z-index: 100;
    /* vertical-align: middle; */
    text-align: center;
}

.burger_box a.menu-icon:hover,
.burger_box a.menu-icon.opened {
    opacity: 1;
}

.burger_box a.menu-icon.opened {
    background: #1D181A;
}

.burger_box .menu-icon_box {
    display: inline-block;
    height: 15px;
    position: relative;
    text-align: left;
    width: 25px;
}

.burger_box .menu-icon_line {
    background: #000;
    border-radius: 2px;
    display: inline-block;
    height: 3px;
    position: absolute;
    width: 100%;
}

.burger_box .menu-icon_line--1 {
    top: 2px;
}

.burger_box .menu-icon_line--2 {
    top: 10px;
}

.burger_box .menu-icon_line--3 {
    top: 18px;
}

.burger_box .menu-icon_line--1 {
    transition: top 200ms 250ms, transform 200ms;
    -webkit-transition: top 200ms 250ms, -webkit-transform 200ms;
}

.burger_box .menu-icon_line--2 {
    transition: opacity 0ms 300ms;
    -webkit-transition: opacity 0ms 300ms;
}

.burger_box .menu-icon_line--3 {
    transition: top 100ms 300ms, transform 200ms;
    -webkit-transition: top 100ms 300ms, -webkit-transform 200ms;
}

.burger_box .menu-icon.opened .menu-icon_box {
    transform: scale3d(0.9, 0.9, 0.9);
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
}

.burger_box .menu-icon.opened .menu-icon_line {
    top: 10px;
}

.burger_box .menu-icon.opened .menu-icon_line--1 {
    transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transition: top 100ms, transform 200ms 250ms;
    -webkit-transition: top 100ms, -webkit-transform 200ms 250ms;
}

.burger_box .menu-icon.opened .menu-icon_line--2 {
    opacity: 0;
    transition: opacity 200ms;
    -webkit-transition: opacity 200ms;
}

.burger_box .menu-icon.opened .menu-icon_line--3 {
    transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transition: top 200ms, transform 200ms 250ms;
    -webkit-transition: top 200ms, -webkit-transform 200ms 250ms;
}

/* STAGGER LIST ----- */
.sidenav .logo img {
    width: 60%;
    margin: 10px 10px 30px 10px;
}

.sidenav .nav-link.active, .dropdown-item.active {
    color: #ED1D24!important;
    background-color: #fff;
    border-color: transparent;
    font-weight: 500;
}

.sidenav .nav-link {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #1D181A;
    font-weight: 500;
    text-transform: uppercase;
}

/* .sidenav .dropdown {
    position: relative;
    padding: 0;
} */

.sidenav .dropdown-menu.show {
    display: contents;
}

.sidenav .dropdown-toggle i {
    font-size: 15px;
    float: right;
}

.sidenav .dropdown-toggle::after {
    display: none;
}

/* .sidenav .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #1D181A;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
} */

.list_load {
    display: none;
    list-style: none;
    padding: 0;
}

.list_item {
    margin-left: -20px;
    opacity: 1;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.list_item a {
    color: #1D181A;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
}

.list_item a:hover {
    background: rgba(255,255,255,.2);
}

/* Home */
/* .home-header {
    background-image: url('/images/texture.jpg');
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    padding: 10vh 0;
} */

.home-header .red-txt {
    font-size: 30px;
    font-weight: 600;
}

.header-hover-links .card-img-overlay {
    opacity: 0;
}

.header-hover-links .card-img-overlay:hover {
    opacity: 1;
    border-radius: .25rem!important;
}

.home-header .card-img-overlay .card-title {
    font-weight: 500;
    font-size: 20px;
}

.card-title {
    text-transform: uppercase;
    font-weight: 400;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
}

.card-img-overlay.bg-dark {
    background-color: rgba(0,0,0,0.5)!important;
}

.testimonials i {
    font-size: 30px;
    color: #ED1D24;
}

.testimonial-quote {
    font-size: 25px;
}

.home-links .card-img-overlay.bg-dark:hover {
    background-color: rgb(237 29 36 / 50%)!important;
    cursor: pointer;
}

.home-links a {
    color: #fff;
}

.social-icon i {
    font-size: 50px;
    color: #1D181A;
}

.becoming-a-client-block {
    background-image:url('/images/2023/becoming-a-client2.jpg');
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;
    min-height: 476px;
    max-height: 480px;
    height: auto;
}

@supports (-ms-ime-align:auto) {
    .consultation-block {
        height: 1231px!important;
    }
}

/* .fancybox-slide--iframe .fancybox-content {
    width  : 1000px;
    height : 800px;
    max-width  : 100%;
    max-height : 100%;
    margin: 0;
} */

/* Services */
.card-title {
    font-weight: 500;
}

.body-bg {
    background-image: url('/images/background-pattern.jpg');
    background-position: top;
    background-size: 100%;
    min-height: 100vh;
    padding: 10vh 0;
    background-repeat: no-repeat;
    border: 0;
}

/* .overlay{
    position: fixed;
    display: none;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0,0,0,0.8);
    z-index: 99;
  } */

.icon-cards .card {
    min-height: 200px;
    margin: auto;
    text-align: center;
    position: relative;
}

.icon-cards .card a {
    color: #1D181A;
}

.icon-cards .card-body {
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    margin: auto;
    padding: 30px;
}

.icon-cards .card-body i {
    font-size: 50px;
    line-height: 60px;
}

.icon-cards .card-body .icon {
    height: 90px;
    width: auto;
    margin: auto;
}

.icon-cards .card-body .card-title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
}

.icon-cards .card-body:hover {
   background-color: #ED1D24;
   color: #fff;
   cursor: pointer;
   border-radius: 5px;
   transition: all 0.5s ease-in-out;
}
.card-body, .new {
    /* min-height: 81px; */
    padding: 0 1.25rem 0.5rem;
    height: auto;
}

.services img {
    width: 70%;
    height: auto;
}

.services a {
    color: #1D181A;
}

.services .card-body, .cloud-accounting .card-body, .about .card-body {
    min-height: 80px;
}

.book {
    background-image: url('/images/footer-image.jpg');
    background-position: top -30px center;
    background-size: cover;
    background-repeat: no-repeat;
}

.book .d-flex {
    min-height: 60vh;
    padding: 20vh 0;
    background-color: #1d181a66!important;
}

.book h2 {
    font-size: 3rem;
    font-weight: 400;
}

.challenges-header .card-body {
    min-height: 260px;
   
}
.fiduciary-services .card-body {
    padding: 0!important;
}
.learn-more {
    padding: 10% 0;
}

.learn-more h2 {
    font-size: 50px;
    line-height: 60px;
}

.learn-more p {
    font-size: 30px;
}

.learn-more a>i:hover {
    color: #ED1D24!important;
}

.learn-more i {
    font-size: 50px;
    color: #ED1D24;
}

.contact-header .header-details {
    float: none!important;
    padding-top: 10px;
}

.contact-header .header-details p {
    font-weight: 500;
    font-size: 18px;
}

.modal-header {
    border-bottom: none!important;
    background-color: #ed1d24;
    display: block;
    margin: 0!important;
    /* vertical-align: middle; */
    padding: 15px 20px;
}

.modal-title {
    margin-bottom: 0;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
}

.modal-content button {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 30px;
    background-color: #fff;
    /* float: right; */
    vertical-align: middle;
    display: inline-block;
}
.modal-body {
    padding: 1.5rem;
}

.modal-body li {
    font-size: 15px;
    line-height: 30px;
}

.modal-body p, .modal-body a {
    font-size: 15px;
    line-height: 25px;
    color: #1D181A;
}

.close{
	opacity: 100;
	display: inline-block;
	margin-top: 0;
}

.modal-header .close {
    padding: 5px 10px;
    margin: 0;
}

.feedback-form textarea {
    width: 88%;
}

textarea.form-control {
    height: 200px;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: 25px 15px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1D181A;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #E9E9E9;
    border-radius: 5px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control:focus {
    color: #1D181A;
    background-color: #fff;
    border-color: #E9E9E9;
    outline: 0;
    box-shadow: none;
}

.comment label {
    vertical-align: top;
}

.qinner label {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    line-height: 12px;
    margin-right: 0px;
    font-size: 12px;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 10px;
}

.error {
	margin-top: 15px;
	padding: 10px;
	background-color: #C0352C;
	color: #fff;
	display: none;
}

.output {
	margin-top: 15px;
	padding: 10px;
	background-color: #6cedbc;
	color: #fff;
	display: none;
}

#email2, #email3 {
	display: none;
}

#map {
    height: 600px;
    width: 100%;
}

.gm-style img {
    max-width: 25%;
}

.gm-style a {
    color: #1D181A;
}

.gm-style-iw-chr {
    position: absolute;
    right: 0px;
    top: 0;
    padding: 0;
}

.gm-style-iw.gm-style-iw-c {
    padding-inline-end: 0px;
    padding-bottom: 0px;
    padding-top: 15px!important;
    min-width: 300px!important;
    max-width: 300px!important;
    max-height: 425px!important;
    min-width: 0px;
}

/* Footer */
footer img {
    width: 20%;
    height: auto;
}

footer a, footer p {
    color: #1D181A;
}