/*--------------------------------------------- reset---------------------------------------------------------------*/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html { scroll-behavior: smooth; }
body { margin:0; padding:0; background-color:#ededed; }

a, a:visited { color:#c29a5b; text-decoration:none; }
a:hover { color:#666; }

/*--------------------------------------------- mobile---------------------------------------------------------------*/
@media (max-width: 480px) {
		.mhide { display:none; }
		.mshow { display: static; }
}

@media (min-width: 480px) {
		.mshow { display: none; }
}

@media (max-width: 768px) {
		.tabhide { display:none; }
		.tabshow { display: static; }
}

@media (min-width: 768px) {
		.tabshow { display: none; }
}

/*--------------------------------------------- text---------------------------------------------------------------*/

:root {
  font-size: 12px;
}

@media (min-width: 400px) and (max-width: 800px) {
  :root {
    font-size: calc( 12px + (24 - 12) * ( (100vw - 400px) / ( 800 - 400) ));
  }
}
@media (min-width: 800px) {
  :root {
    font-size: 18px;
  }
}

html body { font-family: 'Catamaran', sans-serif; font-weight:300; font-size:16px; line-height:1.4em; color:#333; }
h1, h2, h3, h4, h5, h6 { font-family: 'Abhaya Libre', serif; padding:0; margin-bottom:0.5em; font-weight:500; color:#c29a5b; }

h1 { font-size:2em; line-height:1.1em;  }
h2 { font-size:1.6em; line-height:1.1em;  }
h3 { font-size:1.4em; line-height:1.1em;  }
h4 { font-size:1em; line-height:1em;  }
h5 { font-size:0.8em; line-height:1em;  }
h6 { font-size:0.5em; line-height:1em;  }

.tac { text-align:center; }


blockquote {
	border-left: 5px solid #c29a5b;
	padding:20px 40px;
	color:#333;
	font-size:22px;
	line-height:32px;
	width:33%;
	float:right;
}

blockquote .sub { line-height:1.4em; }

.xxsmall { font-size:12px; line-height: 16px; }
.xsmall { font-size: 14px; line-height: 19px; }
.small { font-size: 16px; line-height: 21px; }
.medium { font-size: 18px; line-height: 25px; }
.large { font-size: 24px; line-height: 34px; }
.xlarge { font-size:30px; line-height: 36px; }
.xxlarge { font-size: 36px; line-height: 40px; }
.xxxlarge { font-size:48px; line-height: 54px; letter-spacing: 0.02em; }
.massive { font-size: 60px; line-height: 66px; }
.mega { font-size: 72px; line-height: 72px; }

@media (max-width: 480px) {
	.large { font-size: 18px; line-height: 22px; }
	.xlarge { font-size: 18px; line-height: 22px; }
	.xxlarge { font-size: 18px; line-height: 22px; letter-spacing: -.03em; }
	.xxxlarge { font-size: 24px; line-height: 33px; letter-spacing: -.03em; }
	.massive { font-size: 36px; line-height: 38px; letter-spacing: -.03em; }
	.mega { font-size: 40px; line-height: 42px; letter-spacing: -.03em; }
}

.lightweight { font-weight:300; }
.middleweight { font-weight:400; }
.heavyweight { font-weight: 700; }

.sans { font-family: 'Catamaran', sans-serif; }
.serif { font-family: 'Abhaya Libre', serif; }

.sub {
			font-size: 0.6875rem;
			letter-spacing: 0.1818em;
}

.designation { font-size: 0.9rem; }
.disclosure { font-size:0.85em; line-height:1.35em; }

ul { list-style: outside none disc; padding-left:14px; margin:20px 40px; }
ol { list-style: outside none decimal; padding-left:14px; }
ul li, ol li { margin-bottom:7px; }

/*--------------------------------------------- brand colors---------------------------------------------------------------*/
.bl1 { color:#c29a5b; }
.bl2 { color:#68A7C9; }
.bl3 { color:#B3D3E6; }
.bl4 { color:#32639D; }
.prpl { color:#B769AA; }
.gry { color:#8A94A0; }
.wht { color:#fff; }
.ed { color:#ededed; }
.blk { color:#333; }

/*--------------------------------------------- svg---------------------------------------------------------------*/
.st0{fill:#c29a5b;}
.st1{fill:#76A664;}
.stt{fill:#333333;}

/*--------------------------------------------- flexbox---------------------------------------------------------------*/
.flxp { display:flex; }
.flxc { display: flex; align-items: center; justify-content: center; }
.flxsb { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flxw { display:flex; flex-wrap:wrap; }
.jc { justify-content:center; }
.aic { align-items: center; }
.stretch { align-items: stretch; }

/*--------------------------------------------- grid---------------------------------------------------------------*/

section { padding:40px 20px; }

#primary { margin-top:80px; }
#primary img { width:100%; margin-bottom:40px; }

@media (max-width: 350px) {
		section { padding:20px 0; }
}

.col-1 { width:100% }
.col-2 {
		align-items: stretch;
		width:46%;
}

.col-3 {
		align-items: stretch;
		width:32%;
		padding: 40px;
		margin-bottom:40px;
}

.col-4 {
 		align-items: stretch;
 		width:23%;
 		padding: 40px;
 		margin-bottom:40px;
}

.onethird { width:33.333%; }
.twothirds { width: 66.666%;}
.onehalf { width: 50% }
.onequarter { width:25%; }
.threequarters { width:75%; }

.half { width: calc(50% - 20px); margin: 0 10px 20px 10px; }
.third { width: calc(33.3333% - 20px); margin: 0 10px 20px 10px; }
.quarter { width: calc(25% - 20px); margin: 0 10px 20px 10px; }
.fifth { width: calc(20% - 20px); margin: 0 10px 20px 10px; }

@media (max-width: 1200px) {
	.fifth { width: calc(33.3% - 20px); margin: 0 10px 20px 10px; }
}

@media (max-width: 1024px) {
	.col-4 { width:50%; margin: 0 10px 20px 10px; }
	.col-2 { width:100%!important; }
	.quarter { width: calc(50% - 20px); }
	.half { width:100%; margin:0 0 20px 0; }
	.onehalf { width:100%; }
	.third { width: 100%; margin:0 0 20px 0; }
}

@media (max-width: 768px) {
		.col-3, .col-4 { width:100%; }
		.onethird, .twothirds { width:100%; }
		.quarter, .fifth { width: 100%; margin:0 0 20px 0; }
}

.twocol {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
	-moz-column-gap: 40px; /* Firefox */
	column-gap: 40px;
}

.threecol {
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
		-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
		-moz-column-gap: 40px; /* Firefox */
		column-gap: 40px;
}

@media (max-width: 750px) {
			.threecol {
				-webkit-column-count: 1; /* Chrome, Safari, Opera */
				-moz-column-count: 1; /* Firefox */
				column-count: 1;
			}
			.twocol {
				-webkit-column-count: 1; /* Chrome, Safari, Opera */
				-moz-column-count: 1; /* Firefox */
				column-count: 1;
			}
}

.boxed {
	width:100%;
	max-width: 1440px!important;
	min-width: 320px;
	margin:0 auto;
	padding: 40px;
}

.wide {
	width:100%;
	max-width: 980px!important;
	min-width: 320px;
	margin:0 auto;
	padding: 40px 0;
}

.narrow {
	width:100%;
	max-width:800px;
	min-width:320px;
	margin:0 auto;
	padding: 20px 0;
}

.tight {
	width:100%;
	max-width:600px;
	min-width:320px;
	margin:0 auto;
	padding: 20px 0;
}

.tiny {
	width:100%;
	max-width:320px;
	min-width:300px;
	margin:0 auto;
	padding: 20px 0;
}

@media (max-width: 1439px) {
	.boxed { padding:40px; }
}

@media (max-width: 979px) {
	.wide { padding:40px; }
}

@media (max-width: 799px) {
	.narrow { padding: 0 40px;}
}

@media (max-width: 750px) {
	.narrow { padding:40px; }
}

@media (max-width: 500px) {
		.boxed, .wide, .narrow { padding:20px; }
}

.collapse { margin:0!important; padding:0!important; }

/*--------------------------------------------- spacing---------------------------------------------------------------*/

.mp0 { margin:0; padding:0; }
.mb0 { margin-bottom: 0; }
.mt0 { margin-top:0; }
.mr0 { margin-right:0; }
.ml0 { margin-left:0 }
.mt20 { margin-top:20px; }
.mr20 { margin-right:20px; }
.ml20 { margin-left:20px; }
.mrl20 { margin-right:20px; margin-left:20px; }
.mb20 { margin-bottom:20px; }
.mt40 { margin-top:40px; }
.mr40 { margin-right:40px; }
.ml40 { margin-left:40px; }
.mrl40 { margin-right:40px; margin-left:40px; }
.mb40 { margin-bottom:40px; }
.mt60 { margin-top:60px; }
.mr60 { margin-right:60px; }
.ml60 { margin-left:60px; }
.mrl60 { margin-right:60px; margin-left:60px; }
.mb60 { margin-bottom:60px; }
.nomar { margin:0; }

.pad20 { padding:20px; }
.padtb20 { padding:20px 0 20px 0; }
.padb20 { padding-bottom:20px; }
.padt20 { padding-top:20px; }
.padlr20 { padding:0 20px;}
.padr20 { padding-right:20px;}
.padl20 { padding-left:20px;}
.pad40 { padding:40px; }
.padtb40 { padding:40px 0 40px 0; }
.padb40 { padding-bottom:40px; }
.padt40 { padding-top:40px; }
.padlr40 { padding:0 40px;}
.padr40 { padding-right:40px;}
.padl40 { padding-left:40px;}
.pad60 { padding:60px; }
.padtb60 { padding:60px 0 60px 0; }
.padb60 { padding-bottom:60px; }
.padt60 { padding-top:60px; }
.padlr60 { padding:0 60px!important;}
.padr60 { padding-right:60px;}
.padl60 { padding-left:60px;}
.padtb0 { padding-top:0; padding-bottom:0; }
.padt0 { padding-top:0!important; }
.padb0 { padding-bottom:0!important; }
.nopad { padding:0; }

.br { border-right:1px solid #ccc; }
.bl { border-left:1px solid #ccc; }
.bt { border-top:1px solid #ccc; }
.bb { border-bottom: 1px solid #ccc; }

@media (max-width: 1024px) {
	.half.br, .half.bl { border:none; }
	.half.padr20, .half.padl20, .half.padr40, .half.padl40, .half.padr60, .half.padl60 { padding:0; }
}

@media (max-width: 480px) {
	.padlr40 { padding:0;}
}

/*--------------------------------------------- buttons---------------------------------------------------------------*/

button {
	padding:15px 30px;
	color:#fff;
	background:#c29a5b;
	border:none;
	font-size:16px;
	border-radius:2px;
	transition: all 500ms ease;
	margin-top:20px;
	font-family: 'Catamaran', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:1.4em;
}

button:hover, button:focus {
	background:#2a2b2b;
	color:#fff;
	cursor:pointer;
	transform: scale(1.10);
}

button.rev {
	padding:15px 30px;
	color:#c29a5b;
	background:#2a2b2b;
	border:none;
	font-size:16px;
	border-radius:2px;
	transition: all 500ms ease;
	margin-top:20px;
	font-family: 'Catamaran', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:1.4em;
}

button.rev:hover, button.rev:focus {
	background:#fff;
	color:#333;
	cursor:pointer;
	transform: scale(1.10);
}

button.alt {
	padding:15px 30px;
	color:#fff;
	background:#c29a5b;
	border:none;
	font-size:16px;
	border-radius:2px;
	transition: all 500ms ease;
	margin-top:20px;
	font-family: 'Catamaran', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:1.4em;
}

button.alt:hover, button.alt:focus {
	background:#f6f6f6;
	color:#333;
	cursor:pointer;
	transform: scale(1.10);
}

button.revghost {
  padding:15px 30px;
  color:#fff;
  background: transparent;
  border:1px solid #fff;
  font-size:16px;
  border-radius:2px;
  transition: all 500ms ease;
  margin-top:20px;
  font-family: 'Catamaran', sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.4em;
}

button.revghost:hover, button.revghost:focus {
  background:#B3D3E6;
  border: 1px solid #B3D3E6;
  color: #32639D;
  cursor:pointer;
  transform: scale(1.10);
}


/*--------------------------------------------- cards ---------------------------------------------------------------*/

.card {
	  background: #fff;
	  align-items: stretch;
		padding:40px;
		border-radius:2px;
		margin-bottom:20px;
		transition: all 500ms ease;
}

.card:hover, .card:focus {
	  -moz-box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 20px 0px;
	  -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 20px 0px;
	  box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 20px 0px;
	  -moz-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -moz-transform;
	  -o-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -o-transform;
	  -webkit-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -webkit-transform;
	  transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform;
	  -moz-transition-duration: 0.2s;
	  -o-transition-duration: 0.2s;
	  -webkit-transition-duration: 0.2s;
	  transition-duration: 0.2s;
	  -moz-transition-timing-function: linear;
	  -o-transition-timing-function: linear;
	  -webkit-transition-timing-function: linear;
	  transition-timing-function: linear;
}

/*--------------------------------------------- chip---------------------------------------------------------------*/
.chip { background:#fff; transition: all 500ms ease; border-radius:2px; margin: 0 7.5px 15px 7.5px; min-height:150px; max-height:250px; }
.chip:hover, .chip:focus { box-shadow: 0 10px 20px 0 rgba(00, 00, 00, 0.2); transform: scale(1.05); }
.chip img{ max-width:60%; max-height:80%; }
.chip::before {
    content: "";
    display: block;
    padding-top: 100%;
}

@media (max-width: 630px) { .chip img{ width:40%; } }

@media (min-width: 2001px) { .chip { width: calc(12.5% - 15px); }  }
@media (max-width: 2000px) { .chip { width: calc(14.285% - 15px); }  }
@media (max-width: 1800px) { .chip { width: calc(16.666%% - 15px); }  }
@media (max-width: 1500px) { .chip { width: calc(20% - 15px); }  }
@media (max-width: 1200px) { .chip { width: calc(25% - 15px); }  }
@media (max-width: 1000px) { .chip { width: calc(33.3333% - 15px); } }
@media (max-width: 600px) { .chip { width: calc(50% - 15px); } }
@media (max-width: 350px) { .chip { width: calc(100% - 15px); } }

/*------------------------------ forms ---------------------------------- */
form placeholder { font-size:16px; }

input[type="text"], input[type="email"] {
	padding:20px;
	width:100%;
	border-radius:2px;
	border:none;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:1.4em;
	margin-bottom:20px;
 }

textarea {
	padding:20px;
	border: 1px solid #ccc;
	border-radius:2px;
	margin-bottom: 15px;
	box-sizing: border-box;
	color: #333;
	font-size: 13px;
	width:100%;
	height:50%;
	margin-bottom:20px;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:1.4em;
}

input.submit {
	background: #2b2a2a;
	color:#c29a5b;
	border: 0 none;
	border-radius: 2px;
	cursor: pointer;
	padding: 15px 30px;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:1.4em;
}

input.submit:hover {
	background: #f6f6f6;
	color: #333;
	transform: scale(1.10);
  transition: all 500ms ease;
}

form select {
	margin-bottom: 20px;
	height: 62.4px;
	border: 0 none;
	border-radius: 2px;
	color:#929f92;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:1.4em;
	padding-left: 20px!important;
}
form select, form select option { width:100%; }

form select option {
	color:#333;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:4em;
}

input[type=text]::-webkit-input-placeholder { color: #333!important; font-weight:300;font-size:16px }
input[type=text]::-moz-placeholder { color: #333!important; font-weight:300;font-size:16px }
input[type=text]:-ms-input-placeholder { color: #333!important; font-weight:300;font-size:16px }
input[type=text]:-moz-placeholder { color: #333!important; font-weight:300;font-size:16px }
input[type=text]:focus::-webkit-input-placeholder { color:transparent!important; }
input[type=text]:focus:-moz-placeholder { color:transparent!important; } /* FF 4-18 */
input[type=text]:focus::-moz-placeholder { color:transparent!important; } /* FF 19+ */
input[type=text]:focus:-ms-input-placeholder { color:transparent!important; } /* IE 10+ */
input[type=email]::-webkit-input-placeholder { color: #333!important; font-weight:300;font-size:16px }
input[type=email]::-moz-placeholder { color: #333!important; font-weight:300;font-size:16px }
input[type=email]:-ms-input-placeholder { color: #333!important; font-weight:300;font-size:16px }
input[type=email]:-moz-placeholder { color: #333!important; font-weight:300;font-size:16px }
input[type=email]:focus::-webkit-input-placeholder { color:transparent!important; }
input[type=email]:focus:-moz-placeholder { color:transparent!important; } /* FF 4-18 */
input[type=email]:focus::-moz-placeholder { color:transparent!important; } /* FF 19+ */
input[type=email]:focus:-ms-input-placeholder { color:transparent!important; } /* IE 10+ */

textarea::-webkit-input-placeholder { color: #333!important; font-weight:300;font-size:16px }
textarea::-moz-placeholder { color: #333!important; font-weight:300;font-size:16px }
textarea:-ms-input-placeholder { color: #333!important; font-weight:300;font-size:16px }
textarea:-moz-placeholder { color: #333!important; font-weight:300;font-size:16px }
textarea:focus::-webkit-input-placeholder { color:transparent!important; }
textarea:focus:-moz-placeholder { color:transparent!important; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent!important; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent!important; } /* IE 10+ */

/*--------------------------------------------- header---------------------------------------------------------------*/

header {
	padding:10px 20px 0 20px;
	position:fixed;
	z-index:20;
	top:0;
	left:0;
	width:100%;
	height:90px;
	background:#fff;
	-webkit-box-shadow: 0px 6px 20px 0px rgba(85,85,85,0.33);
	-moz-box-shadow: 0px 6px 20px 0px rgba(85,85,85,0.33);
	box-shadow: 0px 6px 20px 0px rgba(85,85,85,0.33);
}

header .branding {
	width:240px;
	height:48px;
	transform: translateY(-20px);
}

@media (max-width: 1060px) {
		header .branding {
			margin:0 auto;
			transform: translateY(0px);
		}
}

@media (max-width: 540px) {
		header .branding { width:340px; }
}

@media (max-width: 430px) {
		header .branding { width:260px; height:30px; }
}

@media (max-width: 350px) {
		header .branding { width:200px; height:24px; }
}

.main_h {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  top: -100px;
  z-index:999;
}

.sticky {
  opacity: 1;
  top: 0px;
}

/*--------------------------------------------- nav---------------------------------------------------------------*/
nav li { list-style: none; display:inline-flex; }
nav li:hover { cursor:pointer; }

nav li a, nav li a:visited {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 30px 20px;
    font-size: 18px;
}

nav li:hover > a, nav li:focus > a { color:#c29a5b; }

#toggle { padding: 10px; z-index: 10;  background:transparent;  border:none; margin-top:0!important; display:none; }
#toggle svg { width:30px; }

@media (max-width: 1060px) {
		#toggle { display:block; }

		#top-menu {
			position:fixed;
			top:90px;
			right: -9999px;
			background: #2a2b2b;
		  padding: 20px 0 0 0;
		  list-style: none;
		  width: 250px;
		  font-family: 'Montserrat', sans-serif;
		  height:105vh;
		}

		#top-menu li { list-style: none; width:100%; }
		#top-menu li a {
		    text-decoration: none;
		    color: #fff;
		    display: block;
		    padding: 20px 20px 20px 40px;
		    font-weight:400;
				width:100%;
		}

		#top-menu li:hover a, #top-menu li.active a {
		    background: #c29a5b;
		    color: #fff;
		}

		#top-menu li:last-child {
		  border-bottom: none;
		}

		#top-menu ul { padding-left: 0; }
}

/*--------------------------------------------- hero---------------------------------------------------------------*/
#hero h1, #hero h2, #hero h3, #hero h4, #hero h5, #hero h6 { color:#fff!important; }

#hero {
	min-height: 100vh;
	background-repeat: no-repeat!important;
	background-position: center;
	background-size: cover;
	background-blend-mode: multiply;
	background-color:#c29a5b;
	overflow:hidden;
}

#hero .wrap { z-index:2; width:100%; text-align:center; padding:20px; }

#hero svg, #hero img, #hero h1 { filter: drop-shadow(0 0 3px #333); }

@media (max-width: 1026px) {
	#hero .wrap { transform: translateY(-60px);}
}

#hero p { color: rgba(215, 210, 203, 1.0); }

@media (max-width: 1024px) {
	#hero { max-height:100vh; }
}

.video-container { position: relative; }
.video-container video {
	height: auto;
	min-width: 100%;
	min-height: 100%;
	opacity: 0.5;
	mix-blend-mode: multiply;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	object-fit: cover;
	z-index:-1;
}

.video-container .videofallback {
	height: auto;
	min-width: 100%;
	min-height: 100%;
	opacity: 0.5;
	mix-blend-mode: multiply;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-repeat: no-repeat!important;
	background-position: top center;
	background-size: cover;
	z-index:-1;
}

/*--------------------------------------------- brokercheck---------------------------------------------------------------*/

#brokercheck {
	opacity:1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	color:#fff;
	background:#2a2b2b;
	padding:10px;
	z-index: 100;
}

#brokercheck a { color:#c29a5b; }
#brokercheck a:hover { color:#fff; }

#brokercheck.bc-is-invisible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 0;
}

#brokercheck.bc-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: .5;
}

/*--------------------------------------------- services---------------------------------------------------------------*/
#services { background: #fff; }
#services .wrap { margin:auto; }
#services h2 { margin-bottom:20px; }

#services .card {
	background:#f6f6f6;
	display:flex;
	flex-direction:column;
}

#services button {
	margin-top:auto;
	width:-moz-fit-content;
	width:fit-content;
}

/*--------------------------------------------- home sections---------------------------------------------------------------*/
#first h1, #first h2, #first h3, #first h4, #first h5, #first h6,
#last h1, #last h2, #lastt h3, #last h4, #last h5, #last h6 { color:#fff!important; }

#first {
  background-repeat: no-repeat!important;
  background-position: center;
  background-size: cover;
  background-blend-mode: multiply;
  background-color:#333;
  overflow:hidden;
  padding: 100px 80px 40px 80px;
}

#first .profile {
  background-repeat: no-repeat!important;
  background-position: center;
  background-size: cover;
  width:33.3333%;
}

#first .profile::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.bio {
  width:66.6666%;
  padding-left:80px;
}

@media (max-width: 1040px) {
		.profile, .bio { width:100%; }
		.bio { padding-left:0; }
}

.disclosure { font-size:0.85em; line-height:1.35em; }

@media (max-width: 1350px) {
  #first { background-position: center 65px; }
}

@media (max-width: 768px) {
  #first { padding: 100px 40px 40px 40px; }
}

@media (max-width: 600px) {
  #first .profile, #first .bio { width: 100%; float:none; }
}

/*--------------------------------------------- parallax---------------------------------------------------------------*/
.parallax {
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
  	background-size: cover;
		min-height:50vh;
		background-color: #c29a5b;
		/*background-blend-mode: multiply;*/
}

@media only screen and (max-width: 768px) {
    .parallax { background-attachment: scroll; }
}

/*--------------------------------------------- cta---------------------------------------------------------------*/
.cta .wrap { margin:auto; text-align:center; }
.cta h3, .cta button { display:inline-flex;  }
.cta h3 { margin:0 30px 0 0; color:#fff!important; }
.cta button { margin-top: 0; }

.cta {
	background: #2a2b2b;
	padding:40px;
}

@media (max-width: 1221px) {
	.cta h3 { margin-right:0; margin-bottom:30px; }
}

.gldcta .wrap { margin:auto; text-align:center; }
.gldcta h3, .gldcta button { display:inline-flex;  }
.gldcta h3 { margin:0 30px 0 0; color:#333!important; }
.gldcta button { margin-top: 0; }

.gldcta {
	background: #c29a5b;
	padding:40px;
}

@media (max-width: 1221px) {
	.cta h3 { margin-right:0; margin-bottom:30px; }
}

/*--------------------------------------------- team---------------------------------------------------------------*/

#team { background-color:#fff; padding:60px 40px; }
#team .third { padding:0 20px;margin-bottom:40px; }
#team .third img { width:100%; min-width:200px; }
#team .third h4 { margin-bottom:0;font-size:1.4em; margin-bottom:4px; }
#team .third .designation { margin-top:0; }
#team .third .title { font-weight: 400; font-size:1.125em; line-height:1.625em; text-align:left; margin-top:10px;  }
#team .third .bio {  }
#team .third .disclosure { font-size:0.85em; line-height:1.35em; }
#team a, #team a:visited { color:#c29a5b; text-decoration:none; }
#team a:hover { color:#ccc; }

@media (max-width: 480px) {
  #team { padding:40px 0; }
  #team .third { padding: 0; }
}

/*--------------------------------------------- contact---------------------------------------------------------------*/

#contact { background-color:#ededed; padding-top:0; }
#contact .plogo, #contact .plogo svg { width: 260px; }
#contact .half p { padding-right:40px; }
#contact h1, #contact h2, #contact h3, #contact h4, #contact h5, #contact h6 { color:#fff!important; }
#contact h2 { margin-bottom:40px; }

@media (max-width: 1024px) {
  #contact .half p { padding-right:0; }
  #contact .half { margin-bottom:40px; }
}

@media (max-width: 480px) {
  #contact h2 { padding:0; }
}

#contact { background:#c29a5b; }
#contact form { margin:auto; }

#contact .wrap { margin:auto; }

/*--------------------------------------------- video---------------------------------------------------------------*/

.video-container { position: relative; }
.video-container video {
	height: auto;
	min-width: 100%;
	min-height: 100%;
	opacity: 0.5;
	mix-blend-mode: multiply;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.video-container video { object-fit: cover; }

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom:40px
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoWrapper object, .videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


	/*--------------------------------------------- back to top ---------------------------------------------------------------*/

	.cd-container {
	  width: 90%;
	  max-width: 768px;
	  margin: 2em auto;
	}
	.cd-container::after {
	  content: '';
	  display: table;
	  clear: both;
	}
	.cd-top {
	  display: inline-block;
	  height: 40px;
	  width: 40px;
	  position: fixed;
	  bottom: 40px;
	  right: 10px;
	  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	  overflow: hidden;
	  text-indent: 100%;
	  white-space: nowrap;
	  background: rgba(194, 154, 91, 0.8) url("../../assets/images/cd-top-arrow.svg") no-repeat center 50%;
	  visibility: hidden;
	  opacity: 0;
	  -webkit-transition: all 0.3s;
	  -moz-transition: all 0.3s;
	  transition: all 0.3s;
	}
	.cd-top.cd-is-visible {
	  visibility: visible;
	  opacity: 1;
	}
	.cd-top.cd-fade-out { opacity: .5; }
	.cd-top:hover {
	  background-color: #c29a5b;
	  opacity: 1;
	}

	@media only screen and (min-width: 768px) {
	  .cd-top {
	    right: 20px;
	    bottom: 20px;
	  }
	}
	@media only screen and (min-width: 1024px) {
	  .cd-top {
	    height: 60px;
	    width: 60px;
	    right: 30px;
	    bottom: 30px;
	  }
	}

/*--------------------------------------------- wealth management---------------------------------------------------------------*/

body.wm ul ul { list-style-type: square; }

/*--------------------------------------------- contact---------------------------------------------------------------*/

.map embed, .map iframe, .map object {
    margin-bottom: 0;
    width: 100%;
		min-height:480px!important;
}

/*--------------------------------------------- footer---------------------------------------------------------------*/
footer { background: #2a2b2b; color: rgba(215, 210, 203, 1.0); }
footer a, footer a:visited { color:#ccc; text-decoration: none; }
footer a:hover, footer a:focus { color:#fff; }

@media(max-width: 1024px) {
	ul.padt60 { padding-top:0!important; }
}
