@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro');

html, body {
	height: 100%;
}
body {
	font-family: 'Lato', sans-serif;
	color: #7B6F51;
	overflow-y: scroll;
	overflow-x: hidden;
}
.hide_me {
	opacity: 0;
}
.show_me {
	opacity: 1;
}
img {
	max-width: 100%;
	height: auto;
}
a {

}
a:hover {
	text-decoration: none;
}
.brydg-cbils h1,
.brydg-cbils h2,
.brydg-cbils h3,
.brydg-cbils h4,
.brydg-cbils h5 {
	margin: 30px 0;
}
h1, h2, h3, h4, h5 {
	font-weight: 300;
	margin-bottom: 30px;
}
.clearfix::after {
	content: "";
	display: table;
	clear: both;
}

/*----------------
colours
-----------------*/

.brydg-red-bg {
	background: #b44700;
}
.brydg-blue-bg {
	background: #3f879e;
}
.brydg-gold-bg {
	background: #b99e5b;
}
.brydg-white-bg {
	background: #ffffff;
}
.brydg-red-tx {
	color: #b44700;
}
.brydg-blue-tx {
	color: #3f879e;
}
.brydg-gold-tx {
	color: #b99e5b;
}
.brydg-white-tx {
	color: #ffffff !important;
}
.brydg-sky-tx {
	color: #90CADD !important;
}

/*----------------
backgrounds
-----------------*/

#bg {
	min-height: 100%;
	position: relative;
}
#bg.request {
	height: 100%;
}
@media screen and (min-width: 770px) {
	#bg.request {
		overflow: hidden;
	}
}
#video {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	z-index: -1;
}
#video video {
	display: block;
	min-width: 100%; 
	min-height: 100%;
	height: auto;
	margin: 0 auto;
	background-size: cover;
}
#video::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.78);
	top: 0; left: 0;
	right: 0; bottom: 0;
}
#video::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0,0,0,0) 90%, rgba(0,0,0,1) 100%);
	top: 0; left: 0;
	right: 0; bottom: 0;
}
#satellite-view {
	display: none;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 104%;
	transition: opacity 1s;
}
@media screen and (min-width: 770px) {
	#satellite-view {
		display: block;
	}
}
.wrapper {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}
.wrapper::after {
	content: "";
	display: table;
	clear: both;
}

/*----------------
loader
-----------------*/

#overlay {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
	background: #000;
}
#overlay.active {
	visibility: hidden;
	z-index: 0;
}
.loader-container {
	position: absolute;
	z-index: 5;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.loader-container p {
	color: #fff;
	font-weight: 700;
}
.loader {
	display: inline-block;
	border: 8px solid #f3f3f3;
	border-radius: 50%;
	border-top: 8px solid #408aa1;
	border-right: 8px solid #c3ac6b;
	border-bottom: 8px solid #ba4a00;
	border-left: 8px solid #ffffff;
	width: 60px;
	height: 60px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
.area-page .loader-container {
	position: static;
	z-index: auto;
	left: auto;
	top: auto;
	transform: none;
	text-align: center;
}
.area-page .loader-container p {
	color: #7a6d54;
	font-weight: 700;
}
.area-page .loader {
	border-left: 8px solid #000000;
}
span.loader {
	width: 26px;
	height: 26px;
	border-width: 3.5px;
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/*----------------
home header
-----------------*/

.home .header {
	margin-bottom: 20px;
	border-bottom: solid 1px #979797;
	transition: background-image .2s;
}
.header::after {
	content: "";
	display: table;
	clear: both;
}
.request .header {
	background: #000;
}
@media screen and (min-width: 770px) {
	.home .header {
		position: fixed;
		z-index: 100;
		width: 100%;
		transition: background-image .5s;
		margin-bottom: 0;
		border-bottom: none;
		background-image: url(../img/header-trans.png);
		background-repeat: repeat;
		background-position: left top;
		background-size: cover !important;
	}
	.home .header.active {
		background-image: url(../img/header.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: cover !important;
	}
	.request .header {
		background: none;
	}
	.home .header form {
		float: left;
		margin: 20px 10px;
	}
	.home .header form select {
		font-family: 'Lato', sans-serif;
		font-size: 16px;
		max-width: 70px !important;
		width: 70px !important;
		height: auto !important;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		border: none !important;
		box-shadow: none !important;
		border-radius: 0;
		background: url(/public/img/dropdown-arrow.svg) #fff no-repeat right 10px center;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		cursor: pointer;
		border-right: solid 1px #ccc !important;
	}
	.home .header form select:focus {
		background: url(/public/img/dropdown-arrow.svg) #fff no-repeat right 10px center;
	}
	.home .header form select.active {
		-webkit-border-bottom-left-radius: 0 !important;
		-moz-border-radius-bottomleft: 0 !important;
		border-bottom-left-radius: 0 !important;
	}
	.home .header form input[type="text"] {
		width: 500px;
		height: 50px;
		padding: 10px;
		outline: none;
		border: none;
		background: #fff;
		vertical-align: top;
		font-family: 'Lato', sans-serif;
		font-size: 24px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0; 
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		outline: none;
		box-shadow: none !important;
	}
	
	.home .header form input.active {
		-webkit-border-bottom-left-radius: 0;
		-moz-border-radius-bottomleft: 0;
		border-bottom-left-radius: 0;
	}
	.home .header form i {
		font-size: 24px;
		width: 50px;
		height: 50px;
		border: none;
		vertical-align: top;
		text-align: center;
		line-height: 50px;
		background: #fff;
		color: #000;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		-webkit-appearance: none;
	}
	.home .header form i.active {
		-webkit-border-bottom-right-radius: 0;
		-moz-border-radius-bottomright: 0;
		border-bottom-right-radius: 0;
	}
}

/*----------------
branding
-----------------*/

.branding {
	padding: 15px 0;
	position: relative;
	z-index: 3;
}
@media screen and (min-width: 770px) {
	.branding {
		margin: 0;
		padding: 20px 30px;
		border-bottom: none;
		float: left;
	}
}

/*----------------
menu trigger
-----------------*/

.menu-trigger {
	display: block;
	position: absolute;
	left: 10px;
	margin: 0;
}
.menu-trigger img {
	max-width: none;
	display: block;
	padding-top: 1px;
}
@media screen and (min-width: 770px) {
	.menu-trigger {
		position: static;
		display: inline-block;
		float: none;
		width: auto;
		vertical-align: middle;
		margin-right: 20px;
		overflow: visible;
		margin-top: -6px;
	}
}
.request .menu-trigger {
	display: none;
}
@media screen and (min-width: 770px) {
	.request .menu-trigger {
		display: inline-block;
	}
}

/*----------------
logo
-----------------*/

.logo {
	display: block;
	text-align: center;
}
.logo img:nth-of-type(1) {
	display: block;
	width: 35px;
	height: auto;
	position: absolute;
	right: 10px;
	top: 9.5px;
}
.logo img:nth-of-type(2) {
	display: block;
	max-width: 125px;
	height: auto;
	margin: 0 auto;
}
@media screen and (min-width: 770px) {
	.logo {
		display: inline-block;
		text-align: left;
		vertical-align: middle;
	}
	.logo img:nth-of-type(1) {
		display: inline-block;
		width: auto;
		position: static;
		right: auto;
		top: auto;
	}
	.logo img:nth-of-type(2) {
		display: inline-block;
		max-width: 160px;
		height: auto;
		margin-left: 15px;
		margin-top: -7px;
	}
}

/*----------------
back button
-----------------*/

.back {
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	box-shadow: 0 6px 8px -5px rgba(0, 0, 0, 0.5);
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	color: #423922;
	line-height: 50px;
	font-size: 24px;
	left: 10px;
}
@media screen and (min-width: 770px) {
	.back {
		display: none;
	}
}
.back:hover {
	color: #423922;	
}
.back i {

}

/*----------------
content area
-----------------*/

.home .content-area {
	clear: both;
	color: #fff;
	max-width: 90%;
	margin: 0 auto;
	padding-bottom: 0;
}
@media screen and (min-width: 770px) {
	.home .content-area {
		position: absolute;
		z-index: 1;
		max-width: 620px;
		top: 50%;
		left: 96px;
		transform: translateY(-50%);
		padding: 0;
		margin: 0;
	}
}
.home .content-area > p:nth-of-type(1) {
	margin-bottom: 0;
}
.home .content-area > p:nth-of-type(1),
.home .content-area > p:nth-of-type(2) {
	font-size: 7.5vw;
	font-weight: 300;
	line-height: 1.2em;
}
.home .content-area > p:nth-of-type(3) {
	font-size: 4.2vw;
	max-width: 400px;
}
@media screen and (min-width: 770px) {
	.home .content-area > p:nth-of-type(1),
	.home .content-area > p:nth-of-type(2) {
		width: 620px;
		font-size: 50px;
	}
	.home .content-area > p:nth-of-type(3) {
		font-size: 25px;
	}
}

.home .content-area > form {
	position: relative;
	box-shadow: 5px 10px 20px 0 rgba(0, 0, 0, 0.5);
	margin-bottom: 20px;
}
.content-area select {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	max-width: 70px !important;
	width: 70px !important;
	height: auto !important;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0;
	background: url(/public/img/dropdown-arrow.svg) #fff no-repeat right 10px center;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	cursor: pointer;
	border-right: solid 1px #ccc !important;
}
.content-area select:focus {
	background: url(/public/img/dropdown-arrow.svg) #fff no-repeat right 10px center;
}
.content-area select.active {
	-webkit-border-bottom-left-radius: 0 !important;
	-moz-border-radius-bottomleft: 0 !important;
	border-bottom-left-radius: 0 !important;
}
.content-area input[type="text"] {
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	padding: 10px 0;
	background: #fff;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0; 
	-moz-border-radius: 0;
	border-radius: 0;
	border: none !important;
	box-shadow: none !important;
	-webkit-border-top-right-radius: 5px !important;
	-webkit-border-bottom-right-radius: 5px !important;
	-moz-border-radius-topright: 5px !important;
	-moz-border-radius-bottomright: 5px !important;
	border-top-right-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.content-area input.active {
	-webkit-border-bottom-right-radius: 0 !important;
	-moz-border-radius-bottomright: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.content-area #postcode i {
	font-size: 24px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: #000;
	z-index: 10;
	cursor: pointer;
}
#postcode input[type="text"]::-webkit-input-placeholder {
	color: #ccc;
}
#postcode input[type="text"]::-moz-placeholder {
	color: #ccc;
}
#postcode input[type="text"]:-ms-input-placeholder {
	color: #ccc;
}
#postcode input[type="text"]:-moz-placeholder {
	color: #ccc;
}
.pca .pcaautocomplete {
    margin-left: -68px !important;
    /* margin-top: -5px !important; */
}

.address-error {position:absolute;z-index:10;margin-top:-55px;background:#fff;border-radius:10px;padding:10px;visibility:hidden;opacity:0;transition:opacity 0.3s;}	
.address-error::after {content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#fff transparent transparent transparent;}	
.address-error p {font-size:13px;color:#333;margin-bottom:0px;}	


/*----------------
navigators
-----------------*/

.navigators {
	width: 100%;
}
@media screen and (min-width: 770px) {
	.navigators {
		position: absolute;
		bottom: 0;
		text-align: center;
		background: rgba(0,0,0,0.7);
		-webkit-animation-name: fadeInUpBig;
		animation-name: fadeInUpBig;
	}
}
@media screen and (min-width: 1330px) {
	.navigators {
		padding-left: 96px;
		text-align: left;
	}
}
.navigators::after {
	content: "";
	display: table;
	clear: both;
}
.navigators > span {
	display: none;
	vertical-align: middle;
}
@media screen and (min-width: 1330px) {
	.navigators > span {
		display: inline;
		margin-right: 30px;
	}
}
.navigators a {
	display: block;
	vertical-align: middle;
	padding: 15px 20px;
	margin: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
	display: flex;
}
/* .navigators a:nth-of-type(1) {
	background: #b44700;
    border-bottom: solid 10px #7d3201;
} */
.navigators a:nth-of-type(1) {
	background: #408aa1;
	border-bottom: solid 10px #1d677e;
}
.navigators a:nth-of-type(2) {
	background: #c3ac6b;
	border-bottom: solid 10px #a38c49;
}
@media screen and (min-width: 770px) {
	.navigators a {
		display: inline-block;
		padding: 20px 0;
		padding-right: 30px;
		position: relative;
		overflow: hidden;
		border-bottom: none !important;
		background: none !important;
		margin: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.navigators a:before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 0;
		right: 100%;
		bottom: 0;
		height: 10px;
		-webkit-transition-property: right;
		transition-property: right;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	/* .navigators a:nth-of-type(1):before {
		background: #c93838;
	} */
	.navigators a:nth-of-type(1):before {
		background: #2098D1;
	}
	.navigators a:nth-of-type(2):before {
		background: #c3ac6b;
	}
	.navigators a.active:before, .navigators a.current:before, .navigators a:focus:before, .navigators a:active:before {
		right: 0;
	}
}
.navigators a > img {
	vertical-align: middle;
	margin-right: 10px;
}
@media screen and (min-width: 770px) {
	.navigators a > img {
		padding-left: 30px;
		vertical-align: middle;
		border-left: solid 1px #fff;
		margin-right: 20px;
	}
	.navigators a:first-of-type > img {
		border-left: none;
	}
}
@media screen and (min-width: 1330px) {
	.navigators a:first-of-type > img {
		border-left: solid 1px #fff;
	}
}
.navigators a > span {
	vertical-align: middle;
	width: 135px;
	font-size: 13px;
	color: #ffffff;
	line-height: normal;
}
@media screen and (min-width: 770px) {
	.navigators a > span {
		display: none;
	}
}
@media screen and (min-width: 1065px) {
	.navigators a > span {
		display: inline-block;
	}
}

/*----------------
scroll down
-----------------*/

#scroll-down {
	display: none;
}

@media screen and (min-width: 770px) {
	#scroll-down {
		display: block;
		position: absolute;
		bottom: 100px;
		left: 50%;
		transform: translateX(-50%);
		width: 21px;
		height: 54px;
		background: url(/public/img/scroll-down.png);
		text-indent: -9999px;
	}
}

/*----------------
main body
-----------------*/

.main-body {
	display: block;
}
.brydg-capital,
.brydg-exchange {
	display: none;
}
.brydg-capital h2,
.brydg-cbils h2 {
	font-size: 40px;
	color: #7b6f51;
}
.brydg-capital h2 span,
.brydg-cbils h2 span {
	color: #c3ac6b;
}
.brydg-capital .section,
.brydg-cbils .section {
	padding-top: 0;
}
.brydg-capital .section:first-of-type {
	padding: 30px 0;
}
@media screen and (min-width: 770px) {
	.brydg-cbils .section:first-of-type {
		padding: 0;
	}
}
.brydg-capital .section::after,
.brydg-cbils .section::after {
	content: "";
	display: table;
	clear: both;
}
.brydg-capital .section h2,
.brydg-capital .section h3,
.brydg-cbils .section h2,
.brydg-cbils .section h3 {
	max-width: 790px;
}
.brydg-capital .section p,
.brydg-cbils .section p {
	max-width: 790px;
	font-size: 20px;
	font-weight: 300;
}
.brydg-capital .section ul,
.brydg-cbils .section ul {
	max-width: 790px;
	font-size: 20px;
	font-weight: 300;
}
.brydg-capital .section .client-input,
.brydg-cbils .section .client-input {
	display: block;
}
.brydg-capital .section .client-login,
.brydg-cbils .section .client-login {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
@media screen and (min-width: 770px) {
	.brydg-exchange {
		display: block;
	}
	.brydg-capital .section .client-login,
	.brydg-cbils .section .client-login {
		position: absolute;
		right: 0;
		width: 290px;
		margin-bottom: 0;
	}
	.brydg-capital .section .client-login.active,
	.brydg-cbils .section .client-login.active {
		position: fixed;
		top: 111px;
		left: 50%;
		margin-left: 310px;
	}
	.brydg-capital .section .client-login p,
	.brydg-cbils .section .client-login p {
		font-size: 13px;
		margin: 0;
		font-weight: 400;
	}
}
.brydg-capital .section input,
.brydg-cbils .section input {
	width: 100%;
	height: 56px;
	border-radius: 5px;
	border: solid 1px #b8af99;
	padding: 10px 20px;
	margin-bottom: 20px;
	outline: none;
	font-size: 24px;
}

/*----------------
cbils
-----------------*/

.brydg-cbils .client-login p {
	/*color: #c3ac6b;*/
	margin-top: 10px !important;
	padding: 0 10px;
}
.brydg-cbils .client-login p:first-of-type {
	font-weight: 300 !important;
}
@media screen and (min-width: 770px) {
	.brydg-cbils .client-login p {
		font-size: 13px;
		/*color: #c3ac6b;*/
	}
	.brydg-cbils .client-login ul {
		font-size: 13px;
	}
}

@media screen and (min-width: 770px) {
	.columns {
		display: flex;
		max-width: 790px;
		align-items: flex-start; 
	}
}
.left-01 {
	margin-bottom: 30px;
}
.right-01 {
	border-radius: 5px;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.25);
	background-color: #ffffff;
	padding: 30px;
	border-top: solid 10px #c3ac6b;
	padding-left: 50px;
}
@media screen and (min-width: 770px) {
	.left-01 {
		margin-bottom: 0;
	}
	.right-01 {
		margin-left: 40px;
	}
}
.right-01 ul {
	padding: 0;
	font-weight: 700 !important;
	list-style: none;
}
.right-01 ul li {
	margin-bottom: 5px;
}
.right-01 ul li::before {
	content: "▪";
	color: #c3ac6b;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
}
.left-02 {
	border-radius: 5px;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.25);
	background-color: #ffffff;
	padding: 30px 50px;
	border-top: solid 10px #c3ac6b;
	margin-bottom: 30px;
	text-align: center;
}
@media screen and (min-width: 770px) {
	.left-02 {
		margin-right: 40px;
		margin-bottom: 0;
		text-align: left;
	}
}
.left-02 p {
	font-size: 150px !important;
	line-height: 1;
}
.left-02 span {
	display: block;
	font-size: 60px !important;
}
.right-02 {

}

.additional-details-trigger {
	display: block;
	border-top: solid 1px #c3ac6b;
	cursor: pointer;
	margin-top: 20px;
	padding: 10px 0;
}
.additional-details-trigger i {
	padding: 0 10px;
	color: #c3ac6b;
}
.additional-details {
	display: none;
}

/*----------------
mobile inside
-----------------*/

#bg.mobile-inside {
	display: none;
}
#bg.mobile-inside + .main-body {
	display: block;
}
#bg.mobile-inside + .main-body .brydg-exchange,
#bg.mobile-inside + .main-body .brydg-capital,
#bg.mobile-inside + .main-body .brydg-cbils {
	display: block;
}
@media screen and (min-width: 770px) {
	#bg.mobile-inside {
		display: block;
	}
}

/*----------------
mobile headers
-----------------*/

.main-body > .header {
	background: #000;
}
@media screen and (min-width: 770px) {
	.main-body > .header {
		display: none;
	}
}

/*----------------
mobile headers - capital and exchange
-----------------*/

@media screen and (min-width: 770px) {
	.mobile-header {
		display: none;
	}
}
.mobile-header a {
	display: block;
	float: left;
	width: 51px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #fff;
}
.mobile-header a i {
	width: 28px;
	height: 28px;
	line-height: 25px;
	border: solid 2px #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.mobile-header-content {
	float: left;
	width: calc(100% - 51px);
	height: 80px;
	position: relative;
}
.mobile-header-content img {
	display: block;
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
}
.mobile-header-content span {
	display: block;
	font-size: 13px;
	color: #fff;
	width: calc(100% - 170px);
	padding-right: 20px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

/*----------------
mobile headers - capital and exchange colors
-----------------*/

.capital-header {
	background: #c3ac6b;
}
.exchange-header {
	background: #3f879e;
}
.cbils-header {
	background: #c3ac6b;
}
.capital-header a,
.exchange-header a,
.cbils-header a {
	background-color: rgba(0, 0, 0, 0.1);
}

/*----------------
intro statement
-----------------*/

.intro-statement {
	background-color: #f2f1ed;
	padding: 20px;
}
#cbils .intro-statement {
	margin-bottom: 20px;
}
@media screen and (min-width: 770px) {
	.intro-statement {
		padding: 20px 96px;
	}
	#cbils .intro-statement {
		margin-bottom: 0;
	}
}
.intro-statement p {
	max-width: 850px;
	font-size: 24px;
	font-weight: 300;
	margin: 0;
}

/*----------------
sections
-----------------*/

.section {
	padding: 30px 0;
}
@media screen and (min-width: 770px) {
	.section {
		padding: 0;
		padding-top: 30px;
	}
}
section#timeline {
	padding: 0;
	padding-bottom: 20px;
	position: relative;
}
section#timeline .wrapper > h2 {
	font-size: 20px;
	color: #7b6f51;
	margin-bottom: 0;
	margin-top: 35px;
}
section#timeline .wrapper > h2 span {
	display: block;
	font-size: 50px;
	font-weight: 700;
}
@media screen and (min-width: 770px) {
	section#timeline {
		padding: 0;
	}
}
.section::after {
	content: "";
	display: table;
	clear: both;
}

/*----------------
section header
-----------------*/

.section .header {
	padding-bottom: 30px;
}
@media screen and (min-width: 770px) {
	.section .header {
		float: left;
		width: 40%;
		/* anchor scrolling
		padding-top: 121px;
		margin-top: -91px;*/
	}
	.section:nth-of-type(1) .header {
		background: url(../img/01.png) no-repeat right bottom -10px;
	}
	.section:nth-of-type(2) .header {
		background: url(../img/finfluencer-programme.png) no-repeat right top;
		background-size: 40%;
	}
	.section:nth-of-type(3) .header {
		background: url(../img/02.png) no-repeat right bottom;
	}
}
.section .header > * {
	margin: 0;
}
.section .header h2 {
	font-size: 20px;
	color: #b99e5b;
	margin-bottom: 20px;
}
.section .header h2 span {
	display: block;
	font-size: 50px;
	font-weight: 700;
}
.section .header p {
	font-size: 14px;
	line-height: normal;
	color: #b99e5b;
}
.section .header p.value {
	font-size: 30px;
	font-weight: 300;
	color: #625534;
	margin-bottom: 15px;
}
.section:nth-of-type(2) .header p.value:last-of-type,
.section:nth-of-type(3) .header p.value:last-of-type {
	margin-bottom: 0;
}
.section .header p:last-of-type {
	margin-bottom: 20px;
}

/*----------------
section content area
-----------------*/

.section .content-area {
	margin-bottom: 30px;
}
.section .content-area h4 {
	font-size: 18px;
	font-weight: 700;
	color: #625536;
	margin-bottom: 5px;
}
.section .content-area p {
	font-size: 14px;
	color: #7b6f51;
}
.section .content-area ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.section .content-area ul li {
	font-size: 14px;
	color: #7b6f51;
}
.section .content-area ul li::before {
	content: "★";
	padding-right: 8px;
	color: rgba(0,0,0,0.35);
}
@media screen and (min-width: 770px) {
	.section .content-area {
		float: left;
		width: 40%;
		padding: 50px;
		padding-top: 0px;
		margin-bottom: 0;
	}
}
.odd {
	background: #fff;
}
.even {
	background: #f2f1ed;
}

/*----------------
section additional content area
-----------------*/

@media screen and (min-width: 770px) {
	.section .additional-content-area {
		float: left;
		width: 20%;
		position: relative;
		color: #7b6f51;
	}
}
section button {
	font-size: 24px;
	color: #fff;
	border-radius: 5px;
	box-shadow: 0 13px 15px -5px rgba(3, 3, 3, 0.3);
	border: none;
	margin-bottom: 5px;
	padding: 10px 15px;
	width: 100%;
	text-align: left;
	outline: none !important;
	cursor: pointer;
	transition: all .25s;
	position: relative;
	overflow: hidden;
	transform: translateZ(0);
}
section button.brydg-red-bg {
	border: solid 1px #b44700;
}
section button.brydg-blue-bg {
	border: solid 1px #3f879e;
}
section button.brydg-gold-bg {
	border: solid 1px #b99e5b;
}
section:not(#bg) button:hover {
	transform: translateY(-5px);
	box-shadow: 0 23px 15px -5px rgba(3, 3, 3, 0.15);
}
section button::after {
	content: "";
	display: table;
	clear: both;
}
section button i {
	width: 28px;
	height: 28px;
	line-height: 27px !important;
	border: solid 2px #fff;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	font-size: 13px;
	float: right;
	margin: 5px 0;
}

section button.brydg-red-bg:focus,
section button.brydg-red-bg:active {
	color: #b44700;
}
section button.brydg-blue-bg:focus,
section button.brydg-blue-bg:active {
	color: #3f879e;
}
section button.brydg-gold-bg:focus,
section button.brydg-gold-bg:active {
	color: #b99e5b;
}
section button.brydg-red-bg:focus i,
section button.brydg-red-bg:active i {
	color: #b44700;
	border: solid 1px #b44700;
}
section button.brydg-blue-bg:focus i,
section button.brydg-blue-bg:active i {
	color: #3f879e;
	border: solid 1px #3f879e;
}
section button.brydg-gold-bg:focus i,
section button.brydg-gold-bg:active i {
	color: #b99e5b;
	border: solid 1px #b99e5b;
}

/*--------------------------
 Shutter Out Horizontal 
 -------------------------*/

 .hvr-shutter-out-horizontal {
 	display: inline-block;
 	vertical-align: middle;
 	-webkit-transform: perspective(1px) translateZ(0);
 	transform: perspective(1px) translateZ(0);
 	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 	position: relative;
 	-webkit-transition-property: color;
 	transition-property: color;
 	-webkit-transition-duration: 0.3s;
 	transition-duration: 0.3s;
 }
 .hvr-shutter-out-horizontal:before {
 	content: "";
 	position: absolute;
 	z-index: -1;
 	top: 0;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	background: #fff;
 	-webkit-transform: scaleX(0);
 	transform: scaleX(0);
 	-webkit-transform-origin: 50%;
 	transform-origin: 50%;
 	-webkit-transition-property: transform;
 	transition-property: transform;
 	-webkit-transition-duration: 0.3s;
 	transition-duration: 0.3s;
 	-webkit-transition-timing-function: ease-out;
 	transition-timing-function: ease-out;
 }
 .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
 	color: white;
 }
 .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
 	-webkit-transform: scaleX(1);
 	transform: scaleX(1);
 }

/*----------------
section one
-----------------*/

.section:nth-of-type(1) .additional-content-area button + p {
	margin-top: 10px;
}
.section:nth-of-type(2) .additional-content-area button + p {
	font-size: 11px;
	margin: 0;
	margin-top: 10px;
}
.section:nth-of-type(2) .additional-content-area button + p + ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.section:nth-of-type(2) .additional-content-area button + p + ul li::before {
	content: "•";
	padding-right: 8px;
	color: #a6a6a6;
}

/*----------------
section two
-----------------*/

.section:nth-of-type(3) .additional-content-area button + p {
	font-size: 12px;
	position: absolute;
	right: 5%;
}
@media screen and (min-width: 770px) {
	.section:nth-of-type(3) .additional-content-area button + p {
		right: 0;
	}
}
.section:nth-of-type(3) .additional-content-area p:nth-of-type(2) {
	font-size: 11px;
	margin: 0;
	margin-top: 15px;
}
.section:nth-of-type(3) .additional-content-area p:nth-of-type(2) + ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.section:nth-of-type(3) .additional-content-area p:nth-of-type(2) + ul li::before {
	content: "•";
	padding-right: 8px;
	color: #a6a6a6;
}

/*----------------
finfluencers 
-----------------*/

#finfluencers {
	background: #3F879E;
}

#finfluencers button:focus,
#finfluencers button:active {
	color: #3f879e;
}

@media screen and (min-width: 770px) {
	#finfluencers {
		padding-top: 0px;
	}
	
	#finfluencers .header,
	#finfluencers .content-area,
	#finfluencers .additional-content-area {
		padding-top: 30px;
	}
}

/*----------------
cbils
-----------------*/

@media screen and (max-width: 770px) {
	.video-player {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
	}
	.video-player iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

/*----------------
cbils faq
-----------------*/

.cbils-faq {
	max-width: 790px;
}
.cbils-faq:last-of-type {
	margin-bottom: 30px;
}
.cbils-faq h3 {
	border-top: solid 1px #999;
	padding: 15px 50px;
	cursor: pointer;
	position: relative;
	margin: 0;
	user-select: none;
}
.cbils-faq h3 i {
    padding: 0 15px;
    color: #c3ac6b;
    margin-left: -60px;
}
.cbils-faq .cbils-content {
	display: none;
	margin-bottom: 40px;
}

/*----------------
news
-----------------*/

.timeline-container {
	background: #000;
	padding: 30px 0;
}
.timeline-area {
	width: 90%;
	font-family: 'Lato', sans-serif;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.62);
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
@media screen and (min-width: 1100px) {
	.timeline-container {
		background: none;
		padding: 0;
	}
	.timeline-area {
		width: 300px;
		height: calc(100% - 150px);
		position: absolute;
		z-index: 101;
		right: 60px;
		top: 32px;
		/*top: 50%;
		transform: translateY(-50%);*/
		margin: 0;
		-webkit-animation-name: fadeInRightBig;
		animation-name: fadeInRightBig;
	}
}
/* .timeline-title {
	
	color: #7b6f51;
	padding: 7px 12px;
	font-size: 17px;
} */
.timeline-title {
	display: flex;
	justify-content: center;
	padding: 15px;
	padding-bottom: 0;
	background: rgb(168, 161, 141, 0.25);
}
.timeline-title > div {
	padding: 10px 15px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1;
	cursor: pointer;
}
.timeline-title svg {
	width: 28px;
	height: 28px;
}
.timeline-title .active {
	background: #fff;
	border-radius: 5px 5px 0 0;
}
.timeline-filters {
	background-image: linear-gradient(to bottom, #5a4f31, #7b6f51);
	padding: 5px;
}
.timeline-filters ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.timeline-filters ul::after {
	content: "";
	display: table;
	clear: both;
}
.timeline-filters ul li {
	float: left;
	font-size: 11px;
	color: #fff;
	text-align: center;
	margin-right: 8px;
	opacity: 0.5;
}
.timeline-filters ul li:last-of-type {
	margin-right: 0;
}
.timeline-filters ul li.active {
	opacity: 1;
}
.timeline-filters ul li a {
	color: #fff;
	text-decoration: none;
}

/*----------------
timeline area icons
-----------------*/

.timeline-area i {
	background: #fff;
	color: #7b6f51;
	padding: 4px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	font-size: 6px;
	vertical-align: top;
	margin-right: 4px;
}
.timeline-meta i {
	position: absolute;
	left: -7px;
}

/*----------------
timeline content
-----------------*/

.timeline-content {
	height: calc(100% - 93px);
	overflow: auto;
}
.us-news {
	display: none;
}
/* width */
.timeline-content::-webkit-scrollbar {
	width: 6px;
}
/* Track */
.timeline-content::-webkit-scrollbar-track {
	background: #f1f1f1; 
}
/* Handle */
.timeline-content::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 5px;
}
/* Handle on hover */
.timeline-content::-webkit-scrollbar-thumb:hover {
	background: #555; 
}
.timeline {
	list-style: none;
	padding: 15px;
	margin: 0;
	position: relative;
}
.timeline > li {
	position: relative;
	margin-bottom: 11px;
}
@media screen and (min-width: 770px) {
	.timeline > li {
		display: none;
		-webkit-animation-name: bounceInUp;
		animation-name: bounceInUp;
	}
}
.timeline > li:last-child {
	margin-bottom: 0;
}
.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}
.timeline > li:after {
	clear: both;
}
.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}
.timeline > li:after {
	clear: both;
}
.timeline > li > .timeline-panel {
	padding: 10px 15px;
	position: relative;
	border-radius: 3px;
	box-shadow: 0 0 8px 0 rgba(60, 53, 76, 0.3);
	background: #ffffff;
	color: #000000;
	font-size: 12px;
}
.timeline-date {
	margin: 0;
	margin-bottom: 6px;
	color: #9f9da3;
}
.timeline-body > p,
.timeline-body > ul {
	margin-bottom: 0;
	line-height: normal;
}
.timeline-body > a {
	color: #000;
}
.smallest-300 {
	font-size: 16px;
	font-weight: 300;
}
.smaller-900 {
	font-size: 19px;
	font-weight: 900;
}
.small-300 {
	font-size: 24px;
	font-weight: 300;
}
.small-900 {
	font-size: 24px;
	font-weight: 900;
}
.medium-300 {
	font-size: 34px;
	font-weight: 300;
}
.medium-900 {
	font-size: 34px;
	font-weight: 900;
}
.large-300 {
	font-size: 48px;
	font-weight: 300;
}
.large-900 {
	font-size: 48px;
	font-weight: 900;
}

/*----------------
timeline js
-----------------*/

#timeline-embed {
	height: 100vh !important;
	max-height: 600px;
}
@media screen and (min-width: 770px) {
	#timeline-embed {
		height: calc(100vh - 91px) !important;
	}
}
.tl-storyslider {
	font-family: 'Lato', sans-serif !important;
}
.tl-timeaxis-tick-text,
.tl-attribution {
	display: none !important;
}
.tl-headline-date {
	font-family: 'Lato', sans-serif !important;
    font-weight: normal !important;
    text-transform: none !important;
	margin-bottom: 10px !important;
}
.tl-storyslider h2.tl-headline {
	font-family: 'Lato', sans-serif !important;
    text-transform: none !important;
	font-size: 48px !important;
	color: #7b6f51 !important;
	margin-bottom: 25px !important;
	margin-top: 7px !important;
	line-height: 48px !important;
}
.tl-timeline p {
    font-family: 'Lato', sans-serif !important;
}
.tl-timeline .tl-slidenav-next,
.tl-timeline .tl-slidenav-previous,
.tl-timeline .tl-message,
.tl-timeline .tl-timegroup-message {
    font-family: 'Lato', sans-serif !important;
    font-weight: 700;
    text-transform: none !important;
}
.tl-timeera.tl-timeera-color1 .tl-timeera-background {
	background: #E5D2A2 !important;
}
.tl-timeera.tl-timeera-color2 .tl-timeera-background {
	background: #CAAD66 !important;
}
.tl-timeera.tl-timeera-color3 .tl-timeera-background {
	background: #A68940 !important;
}
.tl-timeera {
	height: 30px !important;
	bottom: 10px !important;
}
.tl-timeera .tl-timeera-content .tl-timeera-text .tl-headline {
	color: #fff !important;
	margin: 0 !important;
	line-height: 12px !important;
}
.tl-media-image.tl-media-shadow {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.tl-caption {
	font-family: 'Source Code Pro', monospace !important;
	line-height: 1.5em !important;
	color: #C3AC6B !important;
}
.tl-credit {
    font-family: 'Lato', sans-serif !important;
}
.mytooltip {
	display: none;
	box-sizing: content-box;
	position: absolute;
	z-index: 9999;
	left: 12%;
	top: 51%;
	width: 240px;
	height: 20px;
	line-height: 15px;
	padding: 5px;
	font-size: 13px;
	text-align: center;
	color: #fff;
	background: #C3AC6B;
	border: 4px solid #C3AC6B;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px 0px;
}
.mytooltip:after {
	box-sizing: content-box;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: #C3AC6B transparent transparent transparent;
	top: 34px;
	left: 20px;
}
.mytooltip.active {
	display: block;
}
.mytooltip p {
	color: #fff;
}

/*----------------
inside header
-----------------*/

.inside .header {
	background: #000;
	/*/padding: 0 10px 20px 10px;*/
}
@media screen and (min-width: 770px) {
	.inside .header {
		background: url(../img/header.jpg) #000 no-repeat left top;
		background-size: cover;
		padding: 0;
	}
}
.inside .header::after {
	content: "";
	display: table;
	clear: both;
}
.inside .header form {
	margin: 10px 10px 20px 10px;
}
@media screen and (min-width: 770px) {
	.inside .header form {
		float: left;
		margin: 20px 10px;
		animation-duration: .2s !important;
	}
}
.inside .header form input[type="text"] {
	width: calc(100% - 50px);
	height: 50px;
	padding: 10px;
	outline: none;
	border: none;
	background: #fff;
	vertical-align: top;
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0; 
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	outline: none;
	box-shadow: none !important;
}
@media screen and (min-width: 770px) {
	.inside .header form input[type="text"] {
		width: 500px;
	}
}
.inside .header form input.active {
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
}
.inside .header form i {
	font-size: 24px;
	width: 50px;
	height: 50px;
	border: none;
	vertical-align: top;
	text-align: center;
	line-height: 50px;
	background: #fff;
	color: #000;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-appearance: none;
}
.inside .header form i.active {
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
}

/*----------------
inside content area
-----------------*/

.inside .content-area {
	background: #fff;
	padding: 30px;
}
@media screen and (min-width: 770px) {
	.inside .content-area {
		margin-left: 100px;
		max-width: 790px;
		top: auto;
		transform: none;
		min-height: calc(100% - 91px);
		padding: 0;
		padding-bottom: 30px;
	}
	.inside .timeline-area {
		width: 300px;
		height: auto;
		position: absolute;
		right: 60px;
		top: 52px;
		bottom: 750px;
		transform: none;
		margin: 0;
	}
}
.inside .timeline > li {
	display: block;
}
.inside .content-area > h2 {
	font-size: 40px;
	margin-top: 30px;
	color: #c3ac6b;
}
.inside .content-area > p {
	font-size: 20px;
	font-weight: 300;
}
.inside .content-area > ul {
	font-size: 20px;
	font-weight: 300;
}
.inside .content-area > table {}
.inside .content-area > table tr {}
.inside .content-area > table tr td {
	font-size: 20px;
	font-weight: 300;
	padding: 2.5px 5px;
}

/*----------------
responsive video
-----------------*/

.video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*----------------
gmaps popup
-----------------*/

.gmaps-popup {
	font-family: 'Lato', sans-serif;
	text-align: center;
	color: #584d34;
	font-weight: 400;
}
.gmaps-popup .wrapper {
	max-width: 450px;
	width: auto;
}

.gmaps-popup .wrapper p:nth-of-type(1) {
	font-size: 27px;
	padding: 0 38px;
}

.gmaps-popup .wrapper a:focus {
	outline: none;
}

/* .gmaps-popup .wrapper p:nth-of-type(2) {
	border-top: solid 1px #d4d0c6;
	padding-top: 20px;
	margin-bottom: 0;
}
.gmaps-popup .wrapper p:nth-of-type(2) a {
	display: block;
	width: 375px;
	font-size: 24px;
	font-weight: 700;
	color: #ffffff;
	border-radius: 22px;
	background-color: #ff6500;
	padding: 5px 33px 8px 33px;
	margin: 0 38px;
	margin-bottom: 5px;
}
.gmaps-popup .wrapper p:nth-of-type(2) a:hover {
	text-decoration: none;
}
.gmaps-popup .wrapper p:nth-of-type(3) {
	font-size: 14px;
	margin-bottom: 30px;
} */

/*----------------
gmaps popup - computed styles
-----------------*/

.gm-style-iw-tc {
	display: none;
}
.gm-style .gm-style-iw-c {
	position: absolute;
	box-sizing: border-box;
	overflow: hidden;
	top: -20px;
	left: 0;
	transform: translate(-50%,-100%);
	background-color: white;
	border-radius: 5px;
	padding: 40px 0;
	box-shadow: 0 2px 7px 1px rgba(0,0,0,0.3);
}
.gm-style .gm-style-iw-d {
	box-sizing: border-box;
	overflow: auto !important;
}
.gm-style .gm-style-iw-t::after {
	background: white;
	box-shadow: -2px 2px 2px 0 rgba(178,178,178,.4);
	content: "";
	height: 30px;
	left: 0;
	position: absolute;
	top: -20px;
	transform: translate(-50%,-50%) rotate(-45deg);
	width: 30px;
}
.gm-style .gm-style-iw-d::-webkit-scrollbar-track,
.gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece {
	background: transparent;
}
.gm-ui-hover-effect {
	top: 0 !important;
	right: 0 !important;
}

/*----------------
gmaps custom
-----------------*/

.gmnoprint {
	display: none !important;
}

/*----------------
main menu
-----------------*/

#main-menu {
	display: none;
	position: fixed;
	z-index: 101;
	width: 100%;
	height: 100%;
	background: #312b1b;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	overflow: auto;
}
@media screen and (min-width: 770px) {
	#main-menu {
		max-width: 350px;
	}
}
/* width */
#main-menu::-webkit-scrollbar {
	width: 6px;
}
/* Track */
#main-menu::-webkit-scrollbar-track {
	background: #f1f1f1; 
}
/* Handle */
#main-menu::-webkit-scrollbar-thumb {
	background: #c3ac6b;
	border-radius: 5px;
}

/*----------------
main menu - header
-----------------*/

#main-menu .close-trigger {
	display: block;
	float: left;
	font-size: 35px;
	color: #fff;
	text-decoration: none;
	line-height: 56px;
	width: 56px;
	height: 56px;
	text-align: center;
}
#main-menu .close-trigger:hover {
	text-decoration: none;
}
#main-menu .menu-header {
	position: relative;
	background: #000;
}
#main-menu .menu-header::after {
	content: "";
	display: table;
	clear: both;
}
#main-menu .menu-header span {
	display: block;
	float: left;
	width: calc(100% - 56px);
	color: #fff;
	font-size: 20px;
	line-height: 56px;
}
#main-menu .menu-header img {
	width: 35px;
	height: auto;
	position: absolute;
	right: 10px;
	top: 11.5px;
}

/*----------------
main menu - container
-----------------*/

#main-menu .menu-container {
	padding-bottom: 40px;
	background: #000;
}
#main-menu .menu-container .menu {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 56px;
}
#main-menu .menu-container .menu::after {
	content: "";
	display: table;
	clear: both;
}
#main-menu .menu-container .menu li {
	font-family: 'Lato', sans-serif;
	font-size: 19px;
	padding-top: 10px;
	margin-bottom: 10px;
	border-top: solid 1px #575757;
}
#main-menu .menu-container .menu li a {
	display: block;
	color: #ffffff;
}
#main-menu .menu-container .menu li a span {
	display: block;
}
#main-menu .menu-container .menu ul {
	list-style: none;
	padding: 0;
	padding-left: 20px;
}
#main-menu .menu-container .menu ul li {
	padding-top: 0;
	margin-bottom: 10px;
	border-top: none;
}
#main-menu .menu-container .menu ul li a {
	color: #c3ac6b;
}

/*----------------
main menu - footer
-----------------*/

#main-menu .menu-footer {
	padding: 42px 10px 20px 56px;
}
#main-menu .menu-footer h3 {
	font-size: 40px;
	font-weight: 300;
	color: #c3ac6b;
	margin-bottom: 20px;
}
#main-menu .menu-footer #mc_embed_signup {
	margin-bottom: 25px;
}
#main-menu .menu-footer #mc_embed_signup input.email {
	width: 100%;
	font-size: 15px;
}
#main-menu .menu-footer .social-media a {
	font-size: 30px;
	color: #c0b9ad;
	margin-right: 15px;
}

/*----------------
property details
-----------------*/

.property-details {
	position: relative;
	z-index: 2;
	background: #fff;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding-bottom: 125px;
}
.property-details > p {
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #6d6248;
	margin: 0;
	padding: 10px 0;
	box-shadow: 0 4px 8px 0 rgba(60, 53, 76, 0.3);
}
@media screen and (min-width: 770px) {
	.property-details {
		max-width: 375px;
		top: 10px;
		left: 45px;
		padding-bottom: 0;
		overflow: hidden;
		height: calc(100% - 101px);
	}
	.property-details-content {
		position: relative;
		height: calc(100% - 42px);
		overflow: auto;
	}
	/* width */
	.property-details-content::-webkit-scrollbar {
		width: 6px;
	}
	/* Track */
	.property-details-content::-webkit-scrollbar-track {
		background: #f1f1f1; 
	}
	/* Handle */
	.property-details-content::-webkit-scrollbar-thumb {
		background: #888;
		border-radius: 5px;
	}
	/* Handle on hover */
	.property-details-content::-webkit-scrollbar-thumb:hover {
		background: #555; 
	}
}

/*----------------
property details slider
-----------------*/

.property-details-slider {
	overflow: hidden;
}
.property-details-slider::after {
	content: "";
	display: table;
	clear: both;
}
.property-details-slider-controls {
	position: absolute;
	margin-top: -143px;
	outline: 0;
	width: 36px;
	height: 36px;
	z-index: 9999;
	color: #423922;
	font-size: 20px;
	background: #fff;
	text-align: center;
	box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.5);
}
.property-details-slider-controls a {
	color: #423922;
}
.property-details-slider-controls i {
	display: block;
	line-height: 36px;
}
.property-details-slider-controls.slider-prev {
	left: 0;
	-webkit-border-top-right-radius: 3.5px;
	-webkit-border-bottom-right-radius: 3.5px;
	-moz-border-radius-topright: 3.5px;
	-moz-border-radius-bottomright: 3.5px;
	border-top-right-radius: 3.5px;
	border-bottom-right-radius: 3.5px;
}
.property-details-slider-controls.slider-next {
	right: 0;
	-webkit-border-top-left-radius: 3.5px;
	-webkit-border-bottom-left-radius: 3.5px;
	-moz-border-radius-topleft: 3.5px;
	-moz-border-radius-bottomleft: 3.5px;
	border-top-left-radius: 3.5px;
	border-bottom-left-radius: 3.5px;
}
#street-view {
	width: 100%;
	height: 250px;
}
#map-view {
	width: 100%;
	height: 250px;
}

/*----------------
property details section
-----------------*/

.property-details-section {
	border-top: solid 1px #cbc9c6;
	margin: 0 15px;
	padding: 13px 0;
}
.property-details-section p,
.property-details-section table {
	font-family: 'Lato', sans-serif;
	margin: 0;
	color: #4a4a4a;
}

/*----------------
property details - section one
-----------------*/

.property-details-section.section-one {
	text-align: center;
	border-top: 0;
}
.property-details-section.section-one p.property-details-type {
	font-size: 16px;
	font-weight: 400;
}
.property-details-section.section-one p.property-details-borough {
	font-size: 18px;
	font-weight: 700;
}

/*----------------
property details - section two
-----------------*/

.property-details-section.section-two {
	text-align: center;
	position: relative;
}
.property-details-section.section-two p:nth-of-type(1) {
	font-size: 21px;
}
.property-details-section.section-two p:nth-of-type(2) {
	font-size: 15px;
	margin-bottom: 3px;
}
.property-details-section.section-two p:nth-of-type(3) {
	font-size: 13px;
}
.property-details-section.section-two p.property-details-description i {
	margin-left: 5px;
	cursor: pointer;
}
.property-details-section.section-two p.property-details-description i:hover {
	color: #408aa1;
}

/*----------------	
property details - section two - habitable rooms tooltip	
-----------------*/	

.property-details-section.section-two .property-details-description-tooltip {	
	display: none;	
	position: absolute;	
	width: 100px;	
	background: #000;	
	-webkit-border-radius: 10px;	
	-moz-border-radius: 10px;	
	border-radius: 10px;	
	width: 100%;	
	padding: 10px;	
	margin-top: 10px;	
}	
.property-details-section.section-two .property-details-description-tooltip:before {	
	content: "";	
	position: absolute;	
	width: 0;	
	height: 0;	
	border-width: 10px;	
	border-style: solid;	
	border-color: transparent transparent #000000 transparent;	
	top: -20px;	
}	
.property-details-section.section-two .property-details-description-tooltip p {	
	font-size: 13px;	
	color: #fff;	
}	
span.tooltip {	
      position: absolute;	
      width: 100px;	
      height: 20px;	
      line-height: 20px;	
      padding: 10px;	
      font-size: 14px;	
      text-align: center;	
      color: rgb(113, 157, 171);	
      background: rgb(255, 255, 255);	
      border: 4px solid rgb(255, 255, 255);	
      border-radius: 5px;	
      text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;	
      box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px 0px;	
}	
span.tooltip:after {	
      content: "";	
      position: absolute;	
      width: 0;	
      height: 0;	
      border-width: 10px;	
      border-style: solid;	
      border-color: transparent transparent #000000 transparent;	
      /*top: -24px;	
      left: 50px;*/	
}

/*----------------
property details - section three
-----------------*/

.property-details-section.section-three {
	text-align: center;
}
/*
.property-details-section.section-three::after {
	content: "";
	display: table;
	clear: both;
}
*/
.property-details-section.section-three p:nth-of-type(1) {
	font-size: 17.5px;
	/*float: left;
	max-width: 200px;*/
}
.property-details-section.section-three p:nth-of-type(2) {
	font-size: 35px;
	/*float: right;*/
}

/*----------------
property details - section four
-----------------*/

.property-details-section.section-four table {
	width: 100%;
}
.property-details-section.section-four table tr th:first-of-type {
	text-align: left;
	font-size: 12px;
	font-weight: 400;
}
.property-details-section.section-four table tr th:last-of-type {
	text-align: right;
	font-size: 12px;
	font-weight: 400;
}
.property-details-section.section-four table tr:nth-of-type(2) {
	display: none;
}
.property-details-section.section-four table tr td:first-of-type {
	text-align: left;
}
.property-details-section.section-four table tr td:last-of-type {
	text-align: right;
	font-weight: 700;
}

/*----------------
property details - estimated value
-----------------*/

.property-details-section.estimated-value {
	text-align: center;
}
.property-details-section.estimated-value p:nth-of-type(1) {
	font-size: 15px;
}
.property-details-section.estimated-value p:nth-of-type(2) {
	font-size: 17px;
	font-weight: 700;
}
.property-details-section.estimated-value p:nth-of-type(3) {
	font-size: 13px;
}

/*----------------
property details - accordions
-----------------*/

.property-details-accordion {
	background: #fff;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 13px 15px;
	box-shadow: 0 -5px 9px 0 rgba(60, 53, 76, 0.3);
	border-top: 3px solid #000;
}
.property-details-accordion .accordion-title {
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-size: 17.5px;
	font-weight: 700;
	color: #4a4a4a;
	cursor: pointer;
}
.property-details-accordion .accordion-title::after {
	content: "";
	display: table;
	clear: both;
}
.property-details-accordion .accordion-title .icon-left {
	margin-right: 10px;
	line-height: 26px;
}
.property-details-accordion .accordion-title .icon-right {
	float: right;
	line-height: 26px;
	width: 22px;
	height: 15px;
	margin: 6px 0;
}
.property-details-accordion .accordion-title i:not(.icon-left) {
	font-size: 14px;
	margin-left: 5px;
	cursor: pointer;
}
.property-details-accordion .accordion-title i:not(.icon-left):hover {
	color: #408aa1;
}
.property-details-accordion .accordion-title span {
	font-size: 12px;
	font-weight: 400;
	float: right;
	max-width: 100px;
	text-align: right;
	line-height: normal;
}
.property-details-accordion .accordion-content {
	font-family: 'Lato', sans-serif;
	color: #4a4a4a;
	padding: 10px 0;
	display: none;
}

/*----------------
property details - accordions - colors
-----------------*/

.property-details-accordion.property-borough {
	border-color: #408aa1;
}
.property-details-accordion.property-crime {
	border-color: #ae4500;
}
.property-details-accordion.property-ppsq {
	border-color: #aa914b;
}
.property-details-accordion.property-ppsq2 {
	border-color: #aa914b;
}
.property-details-accordion.property-comparables {
	border-color: #408aa1;
}
.property-details-accordion.property-planning {
	border-color: #ae4500;
}
.property-details-accordion.property-underwriting {	
	border-color: #000000;	
}	
/*----------------	
underwriting results styling	
-----------------*/	
#propDetailsUnderwriting p{	
	/*border-color: #000000;*/	
	/*SASS / LESS frameorks to address within. Check out on web*/	
	margin-bottom: 4px;	
}	
#propDetailsUnderwriting td{	
	border-bottom: 1px solid black;	
}	
#propDetailsUnderwriting h1{	
	margin-top: 12px;	
	margin-bottom: 4px;	
}	
#propDetailsUnderwriting h2{	
	margin-top: 12px;	
	margin-bottom: 4px;	
}	
#propDetailsUnderwriting h3{	
	margin-top: 12px;	
	margin-bottom: 4px;	
}	
#propDetailsUnderwriting h4{	
	margin-top: 12px;	
	margin-bottom: 4px;	
}

/*----------------
accordions tooltips - below
-----------------*/

.information-tooltip-below {
	display: none;
	position: absolute;
	width: 100px;
	background: #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
	padding: 10px;
	margin-top: 10px;
}
.information-tooltip-below:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #000000 transparent;
	top: -20px;
}
.information-tooltip-below p {
	font-size: 13px !important;
	color: #fff;
}

/*----------------
accordions tooltips - above
-----------------*/

.information-tooltip-above {
	display: none;
	position: absolute;
	width: 100px;
	background: #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
	padding: 10px;
	margin-top: 10px;
}
.information-tooltip-above:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #000000 transparent;
	top: -20px;
}
.information-tooltip-above p {
	font-size: 13px !important;
	color: #fff;
}

/*----------------
borough guide accordion
-----------------*/

.borough-img {
	display: block;
	margin-bottom: 10px;
}
.borough-name {
	font-size: 17px;
	font-weight: bold;
	text-transform: capitalize;
	margin-bottom: 5px;
	color: #4a4a4a;
}
.borough-desc {
	font-size: 13px;
	margin-bottom: 30px;
	color: #4a4a4a;
}
.borough-stats p {
	width: 25%;
	float: left;
	font-size: 11px;
	text-align: center;
	margin-bottom: 0;
}
.borough-stats p i {
	display: block;
	font-size: 26px;
	margin-bottom: 5px;
}
.borough-stats p span {
	display: block;
	font-weight: 700;
	font-size: 15px;
}
.borough-stats::after {
	content: "";
	display: table;
	clear: both;
}

/*----------------
crime report accordion
-----------------*/

.property-details-accordion.property-crime .accordion-content p {
	font-size: 13px;
	margin-bottom: 0;
}
.property-details-accordion.property-crime .accordion-content > p:nth-of-type(1) {
	margin-bottom: 10px;
}
.crime-locations {
	margin-bottom: 10px;
}
.crime-locations p {
	padding: 5px 0;
	border-top: solid 1px #eee;
}
.crime-locations p:nth-of-type(1) {
	border-top: none;
}
.crime-locations p::after {
	content: "";
	display: table;
	clear: both;
}
.crime-locations p i {
	margin-right: 5px;
}
.crime-locations p span {
	display: inline-block;
	float: right;
	background: #aaa;
	color: #fff;
	width: 19px;
	height: 19px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 10px;
	font-weight: 700;
	text-align: center;
	line-height: 19px;
}
.crime-types p {
	padding: 5px 0;
	border-top: solid 1px #eee;
	text-transform: capitalize;
}
.crime-types p:nth-of-type(1) {
	border-top: none;
}
.crime-types p::after {
	content: "";
	display: table;
	clear: both;
}
.crime-types p span {
	display: inline-block;
	float: right;
	background: #aaa;
	color: #fff;
	width: 19px;
	height: 19px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 10px;
	font-weight: 700;
	text-align: center;
	line-height: 19px;
}

/*----------------
borough price per sq.ft. index accordion
-----------------*/

.property-details-accordion.property-ppsq2 .accordion-content {
	text-align: center;
}
.property-details-accordion.property-ppsq2 .accordion-content .loader-text {
	margin: 1rem 0;
}
.property-details-accordion.property-ppsq2 .accordion-content canvas {
	display: none;
}

/*----------------
sector price per sq.ft. index accordion
-----------------*/

.property-details-accordion.property-ppsq .accordion-content {
	text-align: center;
}
.property-details-accordion.property-ppsq .accordion-content .loader-text {
	margin: 1rem 0;
}
.property-details-accordion.property-ppsq .accordion-content canvas {
	display: none;
}

/*----------------
comparables accordion
-----------------*/

.property-details-accordion.property-comparables .accordion-content {
	text-align: center;
}
.property-details-accordion.property-comparables .accordion-content .loader-text {
	margin: 1rem 0;
}

/*----------------
comparables slides
-----------------*/

.property-details-accordion.property-comparables .comparables-slider {
	padding: 0;
	margin: 0;
	list-style: none;
}
.property-details-accordion.property-comparables .comparables-slider .slick-list {
	padding: 10px;
}
.property-details-accordion.property-comparables .comparables-slider .comparables-slide {
	width: 200px;
	/*height: 400px;*/
	border-radius: 5px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
	background-color: #ffffff;
	margin-right: 18px;
	color: #4a4a4a;
	overflow: hidden;
}
.property-details-accordion.property-comparables .comparables-slider .comparables-slide .comparables-slide-section {
	border-top: solid 1.2px #cbc9c6;
	padding: 5px;
}
.property-details-accordion.property-comparables .comparables-slider .comparables-slide .comparables-slide-section:first-child {
	border-top: none;
	padding: 0;
}
.property-details-accordion.property-comparables .comparables-slider .comparables-slide .comparables-slide-section p {
	margin: 0;
}
.property-details-accordion.property-comparables .comparables-slider .comparables-slide .comparables-slide-section p.comparable-address {
	font-size: 14px;
	font-weight: 700;
}
.property-details-accordion.property-comparables .comparables-slider .comparables-slide .comparables-slide-section p.comparable-type {
	font-size: 12px;
}
.property-details-accordion.property-comparables .comparables-slider .comparables-slide .comparables-slide-section p.comparable-attr {
	font-size: 10px;
}
.property-details-accordion.property-comparables .comparables-slider .comparables-slide .comparables-slide-section p.comparable-price {
	font-size: 18px;
	font-weight: 700;
	color: #ae4500;
}
.property-details-accordion.property-comparables .comparables-slider .comparables-slide .comparables-slide-section p.comparable-date {
	font-size: 12px;
}

/*----------------
comparables slide table
-----------------*/

.property-details-accordion.property-comparables .comparables-slider .comparables-slide table {
	width: 100%;
	font-size: 12px;
}
.property-details-accordion.property-comparables .comparables-slider .comparables-slide table tr th:first-of-type {
	text-align: left;
	font-size: 10px;
	font-weight: 400;
	opacity: 0.5;
}
.property-details-accordion.property-comparables .comparables-slider .comparables-slide table tr th:last-of-type {
	text-align: right;
	font-size: 10px;
	font-weight: 400;
	opacity: 0.5;
}
.property-details-accordion.property-comparables .comparables-slider .comparables-slide table tr:nth-of-type(2) {
	display: none;
}
.property-details-accordion.property-comparables .comparables-slider .comparables-slide table tr td:first-of-type {
	text-align: left;
}
.property-details-accordion.property-comparables .comparables-slider .comparables-slide table tr td:last-of-type {
	text-align: right;
}

/*----------------
Slick custom styles
-----------------*/

.slick-arrow {
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9999;
	background-color: #ffffff;
	box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.5);
	font-size: 20px;
	line-height: 36px;
	text-align: center;
	color: #423922;
}
.slick-arrow:hover {
	color: #423922;
}
.slick-prev {
	left: -15px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.slick-next {
	right: -15px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.slick-disabled {
	display: none !important;
}

/*----------------
footer
-----------------*/

.footer {
	background: #f2f1ed;
	padding: 30px 0;
}
@media screen and (min-width: 770px) {
	.footer {
		padding: 0;
		padding-bottom: 50px;
		margin-top: 50px;
	}
}

/*----------------
footer boxes
-----------------*/

.flex-container {
	padding: 0;
	margin-bottom: 35px;
	color: #7a6d54;
}
@media screen and (min-width: 770px) {
	.flex-container {
		display: flex;
		justify-content: flex-start;
		padding: 0;
		margin-bottom: 35px;
	}
}
.footer .box {
	border-bottom: solid 1px #d1cec8;
	padding: 20px;
	justify-content: center;
}
.one,
.two,
.three,
.four,
.five {
	display: flex;
}
.three,
.four,
.five {
	flex-direction: column;
	text-align: center;
}
.one > * + *,
.two > * + *,
.space-x-4 > * + * {
	margin-left: 1rem;
} 
.three > * + *,
.four > * + *, 
.five > * + *,
.space-y-4 > * + * {
	margin-top: 1rem;
} 
@media screen and (min-width: 770px) {
	.footer .box {
		-webkit-flex: 1; /* Safari 6.1+ */
		-ms-flex: 1; /* IE 10 */ 
		flex: 1;
		border-bottom: none;
		border-left: solid 1px #d1cec8;
		padding: 25px;
		justify-content: flex-start;
	}
	.three,
	.four,
	.five {
		text-align: left;
	}
}
.footer .box:first-of-type {
	border-left: none;
}
.footer .box a {
	color: #7a6d54;
}

.one h4,
.two h4 {
	font-size: 50px;
	font-weight: 300;
	color: #7a6d54;
	margin: 0;
}
.three h5,
.four h5,
.five h5 {
	font-size: 17px;
	font-weight: 700;
	color: #7a6d54;
	margin-bottom: 15px;
}
.one p,
.two p,
.three p,
.four p,
.five p {
	margin: 0;
}
.three ul,
.four ul,
.five ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.three li,
.four li,
.five li {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 0;
}
.three li a,
.four li a,
.five li a {
	color: #7a6d54;
}

/*----------------
footer socials
-----------------*/

.footer-socials {
	font-size: 30px;
	color: #c0b9ad;
	margin-bottom: 20px;
}
@media screen and (min-width: 770px) {
	.footer-socials {
		display: flex;
		justify-content: space-between;
	}
}

/*----------------
accredited footer
-----------------*/

.accredited-tag {
	display: flex;
	border-radius: 8px;
	overflow: hidden;
	max-width: 600px;
	background: #fff;
	align-items: center;
	/*height: 96px;*/
	margin-bottom: 20px;
}
.accredited-tag p {
	width: 70%;
	padding: 15px 20px;
	margin: 0;
	font-size: 10px;
	color: #7a6d54;
	font-weight: 300;
}
@media screen and (min-width: 770px) {
	.accredited-tag p {
		font-size: 13px;
	}
}
.accredited-tag img {
	width: 35%;
}

/*----------------
social media
-----------------*/

.footer-socials .social-media {
	margin-bottom: 10px;
}
@media screen and (min-width: 770px) {
	.footer-socials .social-media {
		text-align: right;
	}
}
.footer-socials .social-media a {
	color: #c0b9ad;
	margin-left: 15px;
}
.footer-socials .social-media a:first-child {
	margin-left: 0;
}

/*----------------
mailchimp newsletter
-----------------*/

#mc_embed_signup {
	position: relative;
}
#mc_embed_signup form {
	text-align: center;
	padding: 0;
}
#mc-embedded-subscribe-form input[type=checkbox] {
	display: inline; 
	width: auto;
	margin-right: 10px;
}
#mergeRow-gdpr {
	margin-top: 20px;
}
#mergeRow-gdpr fieldset label {
	font-weight: normal;
}
#mc-embedded-subscribe-form .mc_fieldset{
	border: none;
	min-height: 0px;
	padding-bottom: 0px;
}
#mc_embed_signup input.email {
	display: block;
	width: 100%;
	height: 42px;
	border-radius: 3px;
	background-color: #ffffff;
	border: none;
	outline: none;
	font-size: 18px;
	font-weight: 700;
	color: #7a6d54;
	padding: 0 100px 0 10px;
}
@media screen and (min-width: 770px) {
	#mc_embed_signup input.email {
		width: 430px;
		font-size: 22px;
	}
}
#mc_embed_signup .button { 
	width: 90px;
	height: 30px;
	border-radius: 5px;
	background-color: #c3ac6b;
	border: none;
	color: #fff;
	font-size: 16px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	margin: 6px;
	text-align: center;
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
}
.mc-field-group { display: inline-block; } /* positions input field horizontally */
#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

/*----------------
footer menu
-----------------*/

.footer-menu {
	margin-bottom: 20px;
}
.footer-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: 300;
}
.footer-menu > ul:after {
	content: "";
	display: table;
	clear: both;
}
.footer-menu > ul li {
	float: left;
	margin-left: 5px;
}
.footer-menu > ul li:first-of-type {
	margin-left: 0;
}
.footer-menu > ul li::before {
	content: "|";
	margin-right: 5px;
}
.footer-menu > ul li:first-of-type::before {
	content: "";
	margin-right: 0;
}
.footer-menu > ul li a {
	color: #7a6d54;
	border-bottom: solid 1px transparent;
}
.footer-menu > ul li a:hover {
	border-bottom: solid 1px #7a6d54;
}

/*----------------
footer copy
-----------------*/

.footer-copy p {
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #7a6d54;
}
.footer-copy-excerpt button {
	padding: 0;
	font-size: 13px;
	font-weight: 300;
	color: #7a6d54;
	background-color: transparent;
	border: 0;
	outline: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
@media screen and (min-width: 770px) {
	.footer-copy-excerpt {
		position: relative;
		padding-right: 70px;
	}
	.footer-copy-excerpt button {
		position: absolute;
		top: 0;
		right: 0;
	}
}
.footer-copy-excerpt button i {
	width: 16px;
	height: 16px;
}
.footer-copy-excerpt button span {
	cursor: pointer;
}
.footer-copy-excerpt button span:hover {
	text-decoration: underline;
}
.footer-copy-more {
	display: inline-block;
}
.footer-copy-hide {
	display: none;
}
.footer-copy-open .footer-copy-more {
	display: none;
}
.footer-copy-open .footer-copy-hide {
	display: inline-block;
}
.footer-copy-content {
	display: none;
	margin-top: 20px;
}
@media screen and (min-width: 770px) {
	.footer-copy-content {
		margin-top: 0;
	}
}

/*----------------
footer area (lenders)
-----------------*/

.footer-area {
	position: fixed;
	z-index: 2;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #fff;
	text-align: center;
	padding: 10px 0;
	box-shadow: 0 -5px 25px 0 rgba(0, 0, 0, 0.5);
}
.footer-area p {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #4a4a4a;
	margin-bottom: 10px;
}
.footer-area a:nth-of-type(1),
.footer-area a:nth-of-type(2) {
	display: inline-block;
	padding: 8.5px 35px;
	border-radius: 22px;
	background-color: #ff6500;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 6px;
}
.footer-area a:hover {
	text-decoration: none;
}
@media screen and (min-width: 770px) {
	.footer-area {
		display: none;
		position: fixed;
		z-index: 1;
		left: 0;
		bottom: 0;
		width: 100%;
		background: rgba(0,0,0,0.6);
		text-align: center;
		padding: 20px 0;
		box-shadow: none;
	}
	.footer-area p {
		display: none;
	}
	.footer-area a:nth-of-type(1) {
		display: none;
	}
	.footer-area a:nth-of-type(2) {
		display: inline-block;
		padding: 8.5px 35px;
		border-radius: 22px;
		background-color: #ff6500;
		font-family: 'Lato', sans-serif;
		font-size: 18px;
		font-weight: 700;
		color: #ffffff;
		margin-bottom: 6px;
	}
}

/*----------------
area pages
-----------------*/

.inside .content-area.area-page {
	max-width: 100%;
}
@media screen and (min-width: 770px) {
	.inside .content-area.area-page {
		margin-left: 0;
		max-width: none;
		top: auto;
		transform: none;
		min-height: 0;
		padding: 30px;
		padding-top: 0;
	}
}
.area-page h2 {
	margin-bottom: 0;
}
table.subareas {
	width: 100%;
}

/* tailwind styles */

.uppercase {
	text-transform: uppercase;
}
.font-bold {
	font-weight: 700;
}
.text-sm {
	font-size: 13px;
}
.tracking-3px {
	letter-spacing: 3px;
}
.whitespace-nowrap {
	white-space: nowrap;
}
@media screen and (min-width: 770px) { 
	#originators .wrapper {
		padding-bottom: 50px;
	}
}
.footer-menu {
	display: flex;
	flex-direction: column;
}
@media screen and (min-width: 770px) { 
	.footer-menu {
			flex-direction: row;
			justify-content: space-between; 
			align-items: center; 
	}
}
.hidden {
	display: none;
}
.max-w-lg {
max-width: 32rem;
}

.mx-auto {
margin-left: auto;
margin-right: auto;
}

.relative {
position: relative;
}

.text-sm {
font-size: 0.875rem;
}

.border-brown {
border-width: 1px;
border-color: #7a6d54;
}

.rounded-lg {
border-radius: 0.5rem;
}

.flex {
display: flex;
}

.items-center {
align-items: center;
}

.space-x-2 {
gap: 0.5rem;
}

.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}

.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}

[type="button"] {
appearance: button;
}

[data-dropdown-toggle="dropdown"] {
cursor: pointer;
}

.w-4 {
width: 1rem;
}

.h-4 {
height: 1rem;
}

.ml-2 {
margin-left: 0.5rem;
}

.absolute {
position: absolute;
}

.w-full {
width: 100%;
}

.bg-white {
background-color: #fff;
}

.text-base {
font-size: 1rem;
}

.z-50 {
z-index: 50;
}

.list-none {
list-style-type: none;
padding-left: 0;
}

.rounded {
border-radius: 0.25rem;
}

.shadow {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.my {
margin-top: 1rem;
margin-bottom: 1rem;
}

#dropdown, #countrySelectDropdown {
top: 100%;
}

.py-1[aria-labelledby="dropdown"] {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}

.py-1[aria-labelledby="dropdown"] > li {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}

.text-gray-700 {
color: #4a5568;
}

.hover\:bg-gray-100:hover {
background-color: #f7fafc;
}

.block {
display: block;
}

.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}

.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}

.text-gray-700 {
color: #4a5568;
}

.flex {
display: flex;
}

.items-center {
align-items: center;
}

.space-x-2 {
gap: 0.5rem;
}

.w-4 {
width: 1rem;
}