/*--------------------------------------------- reset---------------------------------------------------------------*/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-wrap: break-word;
}
html {
	scroll-behavior: smooth;
}

body {
	margin:0;
	padding:0;
	background-color:#ededed;
}

img {
	max-width:100%;
}

/*--------------------------------------------- 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; }
}

/*--------------------------------------------- colors---------------------------------------------------------------*/

:root {
  --primary: #28572A;
  --dark: #183719;
  --mid: #50a253;
  --light: #73dd77;
  --pale: #d9edd7;
  --white: #ffffff;
  --black: #333333;
  --bg-tint: #f2f2f2;
}

.lime-txt {
	color:var(--mid);
}

.green-txt {
	color:var(--dark);
}

.white-txt{
	color:var(--white);
}

/*--------------------------------------------- text---------------------------------------------------------------*/
html body {
	font-family: 'PT Sans', sans-serif;
	font-weight:400;
	font-size:20px;
	line-height:1.4em;
	color:var(--black);
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Nunito Sans', sans-serif;
	padding:0;
	margin-bottom:0.5em;
	font-weight:700;
	color:var(--primary);
}

h1 {
	font-size: 32px;
	line-height: 36px;
}

h2 {
	font-size: 28px;
	line-height: 32px;
}

h3 {
	font-size: 24px;
	line-height: 28px;
}

h4 {
	font-size: 20px;
	line-height: 24px;
}

h5 {
	font-size: 18px;
	line-height: 22px;
}

h6 {
	font-size: 16px;
	line-height: 20px;
}

.tac {
	text-align:center;
}

.disclosure {
	font-size:18px;
}


blockquote {
	border-left: 5px solid var(--dark);
	padding:20px 40px;
	color:var(--black);
	font-size:22px;
	line-height:32px;
	width:66%;
}

.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: 60px;
	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: 26px; 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:400 }
.middleweight { font-weight:400; }
.heavyweight { font-weight: 700; }

.sub {
			font-size: 0.6875rem;
			font-weight: 800;
			letter-spacing: 0.1818em;
			padding-bottom: 0.25em;
			text-transform: uppercase;
}

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

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

/*--------------------------------------------- svg---------------------------------------------------------------*/
.st0{fill:var(--dark);}
.st1{fill:var(--primary);}
.stt{fill:var(--light);}

/*--------------------------------------------- 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---------------------------------------------------------------*/

.grid2 img, .gridzrev2 img {
  margin-bottom:20px;
  display:flex;
  align-content: center;
}

.grid2, .gridzrev2 {
  width:100%;
  max-width:600px;
  margin:0 auto 64px auto;
}

@media (min-width: 900px) {
  .grid2 {
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap:64px;
    max-width: 100%;
  }

  .grid3 {
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap:64px;
  }

  .grid4 {
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap:64px;
  }

  .gridzrev2 {
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap:64px;
    grid-template-areas: "a b";
    max-width: 100%;
  }

  .gridzrev2 .right {
    grid-column: 2;
    grid-row: 1 / 2;
  }

  .gridzrev2 .left {
    grid-column: 1;
    grid-row: 1 / 2;
  }

  .grid2 img, .gridzrev2 img {
    margin:0;
  }

  .asym3 {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 64px;
  }

  .asym4 {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 64px;
  }

  .asym3rev {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 64px;
  }

  .asym4rev {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-gap: 64px;
  }
}



.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; }

@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%; }
}

@media (max-width: 768px) {
		.col-3, .col-4 { width:100%; }
		.onethird, .twothirds { width:100%; }
		.third { width: 100%; margin:0 0 20px 0; }
		.quarter { 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 #ededed; }
.bl { border-left:1px solid #ededed; }
.bt { border-top:1px solid #ededed; }
.bb { border-bottom: 1px solid #ededed; }

@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:var(--white);
	background:var(--dark);
	border:none;
	font-size:16px;
	border-radius:2px;
	transition: all 500ms ease;
	margin-top:20px;
	font-family: 'PT Sans', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:1.4em;
}

button:hover, button:focus {
	background:var(--primary);
	color:var(--white);
	cursor:pointer;
	transform: scale(1.10);
}

button.rev {
	padding:15px 30px;
	color:var(--dark);
	background:var(--primary);
	border:none;
	font-size:16px;
	border-radius:2px;
	transition: all 500ms ease;
	margin-top:20px;
	font-family: 'PT Sans', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:1.4em;
}

button.rev:hover, button.rev:focus {
	background:#237066;
	color:var(--white);
	cursor:pointer;
	transform: scale(1.10);
}

button.alt {
	padding:15px 30px;
	color:var(--white);
	background:var(--dark);
	border:none;
	font-size:16px;
	border-radius:2px;
	transition: all 500ms ease;
	margin-top:20px;
	font-family: 'PT Sans', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:1.4em;
}

button.alt:hover, button.alt:focus {
	background:#58595b;
	color:var(--white);
	cursor:pointer;
	transform: scale(1.10);
}

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

button.revghost:hover, button.revghost:focus {
  background:var(--mid);
  border: 1px solid var(--mid);
  color: var(--dark);
  cursor:pointer;
  transform: scale(1.10);
}


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

.card {
	  background: var(--white);
	  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;
}

.card h2 { font-family: 'PT Sans', sans-serif; font-weight:400; font-size: 20px; line-height:24px; }


@media only screen and (max-width : 900px) { .card { width:100%; margin-bottom:20px; } }

section { padding:40px 20px; }
section .title { text-align:center; margin:0; padding:0; }

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

/*--------------------------------------------- chip---------------------------------------------------------------*/
.chip { background:var(--white); 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: 'PT Sans', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:1.4em;
	margin-bottom:20px;
 }

textarea {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius:2px;
	margin-bottom: 15px;
	box-sizing: border-box;
	color: var(--black);
	font-family: 'PT Sans', sans-serif;
	font-weight:400;
	font-size: 16px;
	width:100%;
	height:50%;
	margin-bottom:20px;
}

input.submit {
	background: var(--mid);
	color:var(--white);
	border: 0 none;
	border-radius: 2px;
	cursor: pointer;
	padding: 15px 30px;
	font-family: 'PT Sans', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:1.4em;
}

input.submit:hover {
	background: var(--light);
	color: var(--primary);
	transform: scale(1.10);
  transition: all 500ms ease;
}

input[type=text]::-webkit-input-placeholder { color: var(--black)!important; font-weight:400;font-size:16px; }
input[type=text]::-moz-placeholder { color: var(--black)!important; font-weight:400;font-size:16px; }
input[type=text]:-ms-input-placeholder { color: var(--black)!important; font-weight:400;font-size:16px; }
input[type=text]:-moz-placeholder { color: var(--black)!important; font-weight:400;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: var(--black)!important; font-weight:400;font-size:16px; }
input[type=email]::-moz-placeholder { color: var(--black)!important; font-weight:400;font-size:16px; }
input[type=email]:-ms-input-placeholder { color: var(--black)!important; font-weight:400;font-size:16px; }
input[type=email]:-moz-placeholder { color: var(--black)!important; font-weight:400;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: var(--black)!important; font-weight:400;font-size:16px; }
textarea::-moz-placeholder { color: var(--black)!important; font-weight:400;font-size:16px; }
textarea:-ms-input-placeholder { color: var(--black)!important; font-weight:400;font-size:16px; }
textarea:-moz-placeholder { color: var(--black)!important; font-weight:400;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+ */

button[type=submit] {
	padding:15px 30px;
	color:var(--white);
	background:var(--dark);
	border:none;
	font-size:16px;
	border-radius:2px;
	transition: all 500ms ease;
	margin-top:20px;
	font-family: 'PT Sans', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:1.4em;
}

button[type=submit]:hover, button[type=submit]:focus {
	background:var(--primary);
	color:var(--white);
	cursor:pointer;
	transform: scale(1.10);
}

/*--------------------------------------------- parallax---------------------------------------------------------------*/
.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
  	background-size: cover;
}

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

/*--------------------------------------------- z-pattern---------------------------------------------------------------*/
.zbottom {
	background-repeat: no-repeat!important;
  background-position: center;
  background-size: cover;
	min-height:400px;
}

.zbottom img, .ztop img { width:100% }
.ztop { padding: 120px; }
.zreverse { flex-direction:row; }

@media (max-width: 1024px) {
	.zreverse { flex-direction:column-reverse; }
	.ztop { padding: 60px; }
}

@media (max-width: 480px) {
	.ztop { padding: 20px; }
}

/*--------------------------------------------- nav---------------------------------------------------------------*/
nav { margin-top: -9px; }
nav li { list-style: none; display:inline-flex; }
nav li:hover { cursor:pointer; }
nav li a { 
	text-decoration: none; 
	color:var(--black); 
	display:block; 
	padding:0px 20px; 
	font-size: 1.2em; 
}
nav li:hover > a { color:var(--light); }

#toggle {
	padding: 10px;
	z-index: 10;
	background:transparent;
	border:none;
	margin-top:-10px!important;
	display:none;
	position:absolute;
	top:5px;
	right:20px;
	z-index:30;
}

#toggle svg { width:30px; }

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

	#top-menu {
		position:absolute;
		top:0px;
		right: -9999px;
		width:250px;
		background: var(--dark);
		padding: 48px 0 0 0;
		list-style: none;
		width: 250px;
		font-family: 'PT Sans', sans-serif;
		height:200vh;
		margin-top:0;
		z-index:20;
	}

	/* #top-menu ul {
		margin-top:48px;
	} */

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

	#top-menu li:hover a, #top-menu li.active a {
		background: var(--primary);
		color: var(--white);
	}

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

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

li.login > a {
	background:var(--primary);
	color:var(--white);
	padding: 12px 24px;
	border-radius:5px;
	transition: all 500ms ease;
}

li.login:hover > a, li.login:focus > a {
	background:var(--dark);
	color:var(--mid);
}

@media (max-width: 1340px) {
	li.login > a { border-radius:0; }
}

/*--------------------------------------------- header---------------------------------------------------------------*/
header {
	padding:32px 20px 20px 20px;
	width:100%;
}

header svg { width:240px; margin-top:-10px; height:80px; }

@media (max-width: 810px) {
		header svg { margin:0 auto; height:60px; }
}

#branding {
	max-height:250px;
	margin-bottom: 24px;
}

@media (min-width:600px){
	#branding {
		max-width:250px;
	}
}

/*--------------------------------------------- sections---------------------------------------------------------------*/
#services {
	background:var(--dark);
	color:var(--white);
}

#services h2 {
	color:var(--light);
}


#hero h1, #hero h2, #hero h3, #hero h4, #hero h5, #hero h6,
#last h1, #last h2, #lastt h3, #last h4, #last h5, #last h6 { color:var(--mid)!important; }

#hero {
	background-color:var(--white);
	overflow:hidden;
}

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

/* #hero h1 {
	filter:drop-shadow(0 0 0.5rem var(--black));
} */

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

.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; }

#second {
	/*height:60vh;*/
	background-color:var(--white);
 }

#third { background: #ccc; }
#third h2 { color:var(--black); }

#fourth {
	background-color:var(--white);
}

#fourth h4 {
	margin-top:24px;
}

@media (min-width:600px) {
	#fourth {
		padding:60px 40px;
	}

	#fourth h4 {
		margin-top:0;
	}
}

#fourth .indivsm a svg { display:inline-block; width:40px; margin-right:10px; }
.stsm{ fill:var(--primary); }
.stsm:hover{ fill:var(--dark); }

#fourth a, #fourth a:visited { color:var(--primary); text-decoration:none; }
#fourth a:hover { color:var(--dark); }

#fourth .half { padding:0 20px; }
#fourth .half img { width:100%; }

#second .wrap, #third .wrap, #fourth .wrap { margin:auto; }

@media (max-width: 1024px) {
	#hero { padding:40px 10px; }
}

#network img, #network .half img { width:100%; min-width:200px; }
#network .title, #network .half .title { font-weight: 400; font-size:1.125em; line-height:1.625em; text-align:left;  }
#network a, #network a:visited { color:#87C663; text-decoration:none; }
#network a:hover, #network a:focus { color:#79BBCD; }


#network h2 {
	margin-top:40px;
}

@media(min-width:600px) {
	#network h2 {
		margin-top:0;
	}
}

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

#network .plogo, #fifth .plogo svg { width: 260px; }
#network .half p { padding-right:40px; }

@media (max-width: 1024px) {
  #network .twothirds.padr60 { padding-right:0; }
  #network .onethird.bl { border-left:none; border-top:1px solid #ccc; margin-top:20px; }
  #network .onethird.padl40 { padding-left:0; }
}

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

#process {
	background:var(--primary);
	color:var(--white);
	padding-top:40px;
}

#process h2 {
	color:var(--white);
}

#process h3, #process h4 {
	color:var(--light);
}

#process .half { padding:20px; }

.contact a, .contact a:visited {
	color:var(--white);
}

.contact h3 {
	color:var(--light);
}

#services-head {
	background:var(--light);
	color:var(--white);
	padding:24px;
	margin:0;
}



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

#brokercheck {
	width:100%;
	text-align:center;
	color:var(--white);
	background:var(--dark);
	padding:20px;
}

#brokercheck a { color:#ccc; }
#brokercheck a:hover { color:var(--white); }

#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;
}

/*--------------------------------------------- profile---------------------------------------------------------------*/
.profile {
	width:280px;
	height:280px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
 }


@media (max-width:800px) {
	.profile { width:80vw; height:80vw; margin:0 auto 20px auto; }
	.bio { width:100%; }
	.bio.padl60 { padding-left:0; }
	}

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

	.cd-container {
	  width: 90%;
	  max-width: 768px;
	  margin: 2em auto;
	}
	.cd-container::after {
	  /* clearfix */
	  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);
	  /* image replacement properties */
	  overflow: hidden;
	  text-indent: 100%;
	  white-space: nowrap;
	  background: rgba(80, 162, 83, 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 {
	  /* the button becomes visible */
	  visibility: visible;
	  opacity: 1;
	}
	.cd-top.cd-fade-out {
	  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	  opacity: .5;
	}
	.no-touch .cd-top:hover {
	  background-color: #237066;
	  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;
	  }
	}
/*--------------------------------------------- footer---------------------------------------------------------------*/
footer { 
	background: var(--white); 
	color: var(--black); 
}

footer a, footer a:visited { 
	color: var(--primary); 
	text-decoration: none; 
}

footer a:hover, footer a:focus { 
	color:var(--mid);
	text-decoration:underline; 
}

/* .flogo { max-width:350px;margin:0 auto; } */

.flogo img {
	max-height:250px;
	margin:0 auto 24px auto;
}

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