@import url('https://fonts.googleapis.com/css?family=DM+Sans&display=swap');

@import url('https://fonts.googleapis.com/css?family=Roboto+Serif&display=swap');

:root {
	--bs-primary-rgb: #fff;
	/* --nav-color: #777;
	--nav-color: white; */
	/* --nav-color-bg: rgba(119,119,119,0.5); */
	--nav-color-bg: transparent;
	--bs-offcanvas-color: var(--bs-primary-rgb);
	--bs-nav-link-font-size: 60px;
	--bs-body-font-size: 1.3rem;
	--bs-body-font-family: 'font2-m';
	--dark-blue: #1B2A4A;
	--light-blue: #019EE3;
	--the-btn-text-color: #1B2A4A;
	--the-btn-hover-color: #019EE3;
}

:root {
	--the-white: #fff;
	--the-black: #1B2A4A;
	--the-light-grey: #fafafa;
	--the-white: #ffffff;
	--the-white-dark: #F9F9F8;
	--the-white-darker: #F6F5F3;
	/* --nav-color: #513311; */
	--nav-color: #1B2A4A;
	--bs-link-hover-color: #019EE3;
	color: var(--dark-blue);
	--the-btn-text-color: var(--the-white);
	--bs-font-sans-serif: 'ab', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans",
		"Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-sans-serif: 'ab'
}


.offcanvas-xxxxl, .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
	/* --bs-offcanvas-bg: white; */
	/* --bs-offcanvas-width: 100%; */
	--bs-offcanvas-width: 100%;
  --bs-offcanvas-bg: #1B2A4A;
}


body {
	transition: 0.2s all;
}

.hidden {
	display: none !important;
}




/* this was in footer... */
.modal-dialog {
margin-top: 30px;
}
/* .modal {
top: 0;
} */

.modal {
	/* border-radius: 8px !important;
	top: 20vh; */
}

.modal-backdrop {
	z-index: 1029;
}

.modal-header {
	border-bottom: none;
}

.modal-content {
padding: 18px;
/* margin: 20px; */
background-color: var(--dark-blue);
color: white;
}

.modal-content .btn-close {
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

#newEnquiryModal h2, .modal-title {
  color: var(--light-blue);
}

#newEnquiryModal option, #newEnquiryModal h3, #newEnquiryModal h4, #newEnquiryModal p, #newEnquiryModal label {
  color: var(--dark-blue);
}

.fixed-top {
z-index: 1029;
}
.col-form-label {
font-size: 17px;
	/* float: left; */
	float: none;
}
/* textarea {
	height: 200px;
} */


/* .modal-body select { */
/*   padding-right: 300px; */
/* } */
.gec-input, .next-btn, input, input[type=email], input[type=tel], input[type=text], select, textarea {
/* border: solid 1.5px #777 !important;  */
border: 1px solid #ced4da !important;
/* height: 48px; */
}
.select-container {
width: 100%;
/* padding-right: 200px; */
}


.form-part {
  margin-bottom: 5px !important;
}
.grp-title {
  margin-top: 40px !important;
}
/* #description-wrap, */
#registration_wrap, #landlord_wrap, #purpose_wrap, #landlord_wrap2, #purpose_wrap2, #buying_wrap {
  display: none;
}

#breif_description {
	height: 300px;	
}

em {
font-size: 14px !important;
color: red !important;
}
.has-error .form-control {
border-color: #a94442 !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
}

.checkbox label {
font-size: 14px !important;
}
#agree, #same {
height: auto;
padding-right: 20px;
margin-right: 20px;
}

/* end footer */


.footer-lnk, .sfm a, .linkedinlink {
	color: var(--the-black);
}

.linkedinlink {
	text-decoration: underline !important;
}

.separate-box h2, .separate-box p, .splash h1, .splash h2, .splash h3, .splash p {
	color: #fff !important;
}

.lead-container {
	min-height: 850px;
}

.splash-header {
	font-size: 80px !important;
	font-weight: 400 !important;
}






.icon-arrow {
	height: 50px;
}
/* .btn-text { */
/* font-size: 16px; */
/* } */
.graphic-lrg {
	/*   max-height: 600px; */
	width: auto !important;
}

/*   .owl-carousel-projects { */
/*     margin-left: -5px */
/*   } */
.owl-dots {
	margin-top: -50px;
}




/* XXXXX */
.dropdown-menu {
	border: none;
}
.dropdown-menu, .dropdown-item, .dropdown-item:focus, .dropdown-item:hover {
background-color: var(--dark-blue);
color: white !important;
}

.bf1 {
/* height: 42px;
text-decoration: none;
width: 150px; */
/* display: block; */
}
.bf1:hover {
	color: white;
	text-decoration: none;
}

.bf2 {
/* min-height: 40px;
min-width: 200px; */
}

/* HEADER */
/* XXXXX get from customiser */
#main-nav {
	background: #eee;
	background: #fff;
}
#main-nav .nav-link {
	color: var(--dark-blue);
	font-size: 17px !important;
}

#main-nav {
  background: transparent;
}
#main-nav .nav-link {
  color: white;
}

#main-nav .active .nav-link {
color: var(--light-blue) !important;
}

.wbf73 .sfm [aria-current]:not([aria-current="false"]) {
	color: var(--light-blue) !important;
}

#main-menu .nav-link {
/* color: white !important; */
}

#main-nav {
background: var(--dark-blue) !important;
}



.cont-nav {
margin: 15px 0px;
}

#page-wrapper {
	margin-top: 100px;
}

/* FOOTER */

.site-info {
	/* font-size: .7rem !important; */
	font-size: 11px !important;
	/* margin: 10px 30px; */
	margin: 10px 4px;
	display: block;
	text-align: center;
}
/* XXXXX get from customiser */
#wrapper-footer {
	/* background: #fcfcfc; */
}
/* XXXXX get from customiser */
#wrapper-sub-footer {
background: #fff;
padding-bottom: 0;
}





/* XXXXXXXXXXXX FIX THIS!!! IMPORT!! */



@font-face {
	font-family: 'font1-m';
	src: url('../fonts/font1-m.otf');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'font1-bk';
	src: url('../fonts/font1-bk.otf') format("opentype"), url('../fonts/font1-bk2.woff') format("woff");
	/* src: url('../fonts/font1-bk2.woff'); */
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'font1-b';
	src: url('../fonts/font1-b.otf');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'font2-bk';
	font-weight: 400;
	src: url('../fonts/font2-bk.otf');
}

@font-face {
	font-family: 'font2-m';
	font-weight: 400;
	src: url('../fonts/font2-m.otf');
}

@font-face {
	font-family: 'font2-b';
	font-weight: 400;
	src: url('../fonts/font2-b.otf');
}

@font-face {
	font-family: 'font2-l';
	font-weight: 400;
	src: url('../fonts/font2-l.otf');
}


.site body, .site input, .site a, .site p, .site span, .site li {
	font-family: 'font2-bk', Arial, sans-serif;
	/* font-family: 'font2-m', Arial, sans-serif !important; */
	/* color: #513311 !important; */
	/* XXXXX */
	font-size: 18px;
}

.sfm a {
	font-family: 'font2-bk', Arial, sans-serif !important;
}



#wrapper-sub-footer a {
	font-family: 'font2-bk', Arial, sans-serif;
	font-size: 16px;
}

h1, h2 {
	font-family: 'font1-b', 'DM Sans', 'Roboto Serif', Arial, sans-serif !important;
	font-weight: 300 !important;
}
h3, h4 {
	font-family: 'font2-m', 'DM Sans', 'Roboto Serif', Arial, sans-serif !important;
	font-weight: 300 !important;
}
h1.extreme {
	font-size: 5rem !important;
}
h1 {
	font-size: 3.5rem !important;
}
h2 {
	font-size: 2.5rem !important;
}

.navbar-brand img {
	/* max-width: 300px; */
	/* max-width: 200px;
	max-width: 140px; */
	/* height: auto;
	width: auto; */
	 /* height: 60px important; */
  	 width: auto important;
  	 /* max-width: 300px;
  	 max-height: 60px; */
}

.offcanvas .navbar-brand img {
height: 35px;
width: auto;
margin: 20px 0px;
}
/* #main-nav .img-fluid {
	max-width: 300px;
	height: auto;
} */

.logo-img img {
/* 	max-height: 245px;
	max-height: 140px; */
	max-height: 45px;
	margin-left: 5px;
}

.btn-close {
/* color: #fff;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1…1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
border: none; */
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.offcanvas-body {
	margin-left: 5px;
}

/* navbarNavOffcanvas */
.offcanvas {
	background-color: var(--bs-offcanvas-bg) !important;
}

.offcanvas {
/* margin-left: 100px; */
/* margin-left: 50px; */
}

.navbar-toggler {
	background: var(--nav-color-bg);
}




.cont-nav {
	padding: 0px 40px;
}

@media (min-width: 4400px) {
  .navbar-expand-xxxxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxxxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxxxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxxxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxxxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxxxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxxxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxxxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxxxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxxxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

.navbar-toggler-icon {
	width: 2.2rem;
	height: 2.2rem; 
/* background-image: var(--bs-navbar-toggler-icon-bg);
background-size: 100%; */
}

.navbar-toggler {
	border: none;
}
.burger-sauce {
	padding-right: 0px
}

.navlinker a,
.nav-link {
font-size: 25px !important;
/* text-align: center;
line-height: 5rem; */
}

.navlinker a {
	color: white !important;
	text-decoration: none;
}

/* inside drawer slide menu * /
.nav-link {
font-size: 59px !important;
text-align: center;
line-height: 5rem;
}*/


.offcanvas-header .btn-close {
	/* margin-right: 112px !important; */
	/* margin-top: 30px !important; */
	margin-right: 5px !important;
	margin-top: 1px;
	
	/* color: white !important;
	width: 2.5rem; */
	/* height: 2.5rem; */
	/* background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; */
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(55,117,153, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
  /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,159,227, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important; */
  /* 
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
  */
}

.navbar-toggler {
  border-color: pink;
} 



.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: none;
}



/* 

.navcol1 {
	width: 25%;
}

.navcol2 {
	width: 50%;
}

.navcol3 {
	width: 25%;
}

 */







body.admin-bar .site {
	top: 32px
}

body.admin-bar #main-nav {
	margin-top: 32px
}

.navbar {
	background: 0 0
}

.navbar.scroll {
	background: rgba(255, 255, 255, .8)
}

.nav-item {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 15px
}

.navlinker a,
.nav-link {
	/* color: var(--nav-color) !important */
	color: var(--nav-color);
}

.navbar-dark {
	--bs-navbar-color: transparent
}

.navbar-toggler-icon-or {
	background-image:
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2881, 51, 17, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
		!important
}

.navbar-dark-orXXXXX {
	--bs-navbar-color: transparent !important;
	--bs-navbar-hover-color: var(--the-black) !important;
	--bs-navbar-disabled-color: var(--the-black) !important;
	--bs-navbar-active-color: var(--the-black) !important;
	--bs-navbar-brand-color: var(--the-black) !important;
	--bs-navbar-brand-hover-color: var(--the-black) !important;
	--bs-navbar-toggler-border-color: var(--the-black) !important;
	--bs-navbar-toggler-icon-bg: url(data : image/ svg + xml, % 3csvg xmlns = 'http://www.w3.org/2000/svg' viewBox = '0 0 30 30' % 3e % 3cpath stroke =
		'rgba%2881, 51, 17, 0.55%29' stroke-linecap = 'round' stroke-miterlimit = '10' stroke-width = '2' d =
		'M4 7h22M4 15h22M4 23h22'/ % 3e % 3c/ svg % 3e) !important;
	--bs-navbar-toggler-icon-bg: url(data : image/ svg + xml, % 3csvg xmlns = 'http://www.w3.org/2000/svg' viewBox = '0 0 30 30' % 3e % 3cpath stroke =
		'rgba%280, 0, 0, 0.55%29' stroke-linecap = 'round' stroke-miterlimit = '10' stroke-width = '2' d =
		'M4 7h22M4 15h22M4 23h22'/ % 3e % 3c/ svg % 3e)
}

/* .burger-sauce {
	padding-right: 26px
} */















.fwbg {
	/* margin-bottom: 50px !important */
	
}

@media ( max-width :1550px) {
	/* .btn-form-menubar {
		margin-left: 7px !important;
		font-size: 15px !important;
		padding: 15px 10px !important;
	}
	.nav-item {
		margin-left: 5px;
		margin-right: 5px;
	} */
}

@media ( max-width :1250px) {
	/* .btn-form-menubar {
		margin-left: 5px !important;
		font-size: 15px !important;
		padding: 15px 7px !important;
	}
	.nav-item {
		margin-left: 2px;
		margin-right: 2px;
	} */
	
}





@media ( max-width : 1200px) {
	.logo-img img {
		max-height: 35px;
	}
}

@media ( max-width : 1000px) {
}

@media ( max-width : 992px) {
	.navlinker a,
	.nav-link {
		padding: 12px 20px;
		/* font-family: am; */
		/* font-size: 1rem */
		margin: 0px 10px;
		display: block;
	}
}


@media ( max-width : 800px) {
}

@media ( max-width : 768px) {
	/* body.admin-bar #main-nav {
		margin-top: 0
	} */

	.logo-img {
		max-height: none;
	}
	.logo-img img {
		/* height: 40px;
		margin-left: 10px; */
		height: auto;
		margin-left: 0px;
		width: 100%;
		max-width: 100%;
	}
	#navbarNavOffcanvas img {
/* 		height: 40px; */
		height: 35px;
		width: auto
	}
	.extend-mobile-nav {
		width: -webkit-fill-available !important
	}
	.offcanvas-header {
		padding: 0px 7px;
		/* padding: 0px; */
		margin-left: 5px;
		max-height: 70px;
	}
	.logo-img-offcanvas {
		padding: 7px 0px;
	}
	.offcanvas-header .btn-close  {
		/* padding: 20px 33px */
		padding-top: 18px;
	}
	.navbar-toggler {
		border: none
	}
	.navlinker a,
	#main-nav .nav-link {
		font-size: 25px !important;
	}
	/* .offcanvas-body {
		max-height: 42vh;
	} */
	.btn-form-menubar {
		margin-left: 35px !important;
		width: fit-content;
	}
	.btn-form.btn-form-menubar {
		margin-top: 15px !important;
	}
	.navbar-brand  {
		padding-bottom: 0px !important;
		padding-top: 8px !important;
	}
}
	
	
@media ( max-width : 500px) {
	.lead-container {
		min-height: 700px;
	}
	.splash-header {
		font-size: 48px !important;
		margin-top: -50px !important;
	}
	.key-attributes {
		font-size: 3rem;
	}
	.key-a-h3 {
		margin: 0px !important;
	}
	.graphic-lrg {
		max-height: 400px;
		margin: auto;
	}
	.simw95s {
		text-align: center !important;
	}
	.offcanvas-header .btn-close {
		margin-right: 4% !important;
	}
	#navbarNavOffcanvas img {
		height: 35px;
	}
}

@media ( max-width : 450px) {
}