/*--------------------------------------------- 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:#fff; overflow-x: hidden; }

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

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

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

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

/*--------------------------------------------- text---------------------------------------------------------------*/
html body { font-family: 'Maven Pro', sans-serif; font-weight:400; font-size:16px; line-height:1.4em; color:#333; }
h1, h2, h3, h4, h5, h6 { font-family: 'Muli', sans-serif; padding:0; margin-bottom:0.5em; font-weight:700; color:#218380; }

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


blockquote { border-left: 5px solid #218380; padding:20px 40px; color:#333; 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; letter-spacing: -.03em; }
.xxxlarge { font-size:48px; line-height: 48px; letter-spacing: -.03em; }
.massive { font-size: 60px; line-height: 66px; letter-spacing: -.03em; }
.mega { font-size: 72px; line-height: 72px; letter-spacing: -.03em; }

@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:300; }
.middleweight { font-weight:400; }
.heavyweight { font-weight: 700; }

.sans { font-family: 'Maven Pro', sans-serif; }
.serif { font-family: 'Muli', sans-serif; }

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

.designation { font-size: 0.9rem; }

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

/*--------------------------------------------- brand colors---------------------------------------------------------------*/
.twine { color:#218380; }
.wgray { color:#2b2a2a; }
.cgray { color: #534f4d; }
.offwht { color:#d7d2cb; }
.ifpam { color:#00a176; }
.ifppa { color:#659ec8; }
.ifpig { color:#97c6d5; }
.ifpis { color:#005a96; }
.ifppm { color:#75B09C; }
.ifpt { color:#ffdf00; }
.ifpdg { color:#CC6600; }

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

/*--------------------------------------------- grid---------------------------------------------------------------*/
.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:30%; }
.twothirds { width: 63%;}
.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; }
  .onethird, .twothirds { width:100%; }
  .third { width: 100%; margin:0 0 20px 0; }
  .quarter { width: calc(50% - 20px); }
  .half { width:100%; margin:0 0 20px 0; }
}

@media (max-width: 768px) {
    .col-3, .col-4 { width:100%; }
    .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;
}

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

.boxed {
  width:100%;
  max-width: 1440px!important;
  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; }
.mt20 { margin-top:20px; }
.mt40 { margin-top:40px; }
.mb0 { margin-bottom: 0; }
.mb20 { margin-bottom:20px; }
.mb40 { margin-bottom:40px; }
.mb60 { margin-bottom:60px; }
.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;}
.padtb0 { padding-top:0; padding-bottom:0; }
.padt0 { padding-top:0!important; }
.padb0 { padding-bottom:0!important; }
.nopad { padding:0; }

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

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

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

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

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

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

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

button.ghost:hover, button.ghost:focus {
  background:#333;
  border: 1px solid #333;
  color: #218380;
  cursor:pointer;
  transform: scale(1.10);
}

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

button.revghost:hover, button.revghost:focus {
  background:#218380;
  border: 1px solid #218380;
  color: #333;
  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;
}

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

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

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

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

input[type="text"], input[type="email"] {
  padding:20px;
  width:100%;
  border-radius:2px;
  border:none;
  font-family: 'Maven Pro', sans-serif;
  font-weight:300;
  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: #333;
  font-size: 13px;
  width:100%;
  height:50%;
  margin-bottom:20px;
}

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

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

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

@media (max-width: 480px) {
  input[type="text"], input[type="email"], textarea { width:90%; }
}

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

/*--------------------------------------------- cta---------------------------------------------------------------*/
.cta .wrap { margin:auto; text-align:center; }
.cta h3, .cta button { display:inline-flex;  }

.cta h3 {
	margin:0;
	color:#fcdb12;
}

.cta {
	background: #218380;
	padding:40px;
}

.cta button {
	margin-top:0;
	margin-left:40px;
}

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

/*--------------------------------------------- nav---------------------------------------------------------------*/
nav li { list-style: none; display:inline-flex; }
nav li:hover { cursor:pointer; }
nav li a { text-decoration: none; color:#333; display:block; padding:0px 20px; }
nav li:hover > a { color:#218380; }

@media (max-width: 900px) {
    nav { display: none; }
}

/*--------------------------------------------- header---------------------------------------------------------------*/
header {
  padding:10px 20px 0 20px;
  position:fixed;
  z-index:20;
  top:0;
  left:0;
  width:100%;
  height:74px;
  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 svg { width:300px; height:74px; margin-top:-10px; }

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

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

#first {
  background-repeat: no-repeat!important;
  background-position: center;
  background-size: cover;
  background-blend-mode: multiply;
  /*background-color:rgba(194, 154, 91, 1.0);*/
  background-color:#218380;
  overflow:hidden;
  padding: 100px 80px 40px 80px;
}

#first .profile {
  background-repeat: no-repeat!important;
  background-position: center;
  background-size: cover;
  width:33.3333%;
  float:left;
  margin-top:33px;
}

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

#first .bio {
  width:calc(66.6666% - 80px);
  padding-left:80px;
  float:left;
}

#first .indivsm a svg { display:inline-block; width:40px; margin-right:10px; }
#first a, #first a:visited { color:#ededed; text-decoration:none; }
#first a:hover { color:#fcdb12; }
#first p { color: #fff; }
#first .disclosure { font-size:0.85em; line-height:1.35em; }

.stsm { fill:#fcdb12; transition: all 500ms ease; }
.indivsm a:hover .stsm { fill:#fff; }

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

@media (max-width: 1200px) {
  #first .profile { width:25%; }
  #first .bio { padding-left:40px; width:calc(75% - 40px); }
  #first .boxed { padding:0; }
}

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

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

#second {
    background-color:#fff;
    overflow:hidden;
}

@media (max-width: 1200px) {
    #second { padding: 0; }
}

#third { background: #f2f2f2; padding:60px; }
#third h2 { color:#218380; margin:0 0 40px 0; }

@media (max-width: 1580px) {
   #third { padding: 60px 20px; }
}


#fourth { background-color:#fff; padding:60px 40px; }
#fourth .quarter, #fourth .third { padding:0 20px; }
#fourth .quarter img, #fourth .third img { width:100%; min-width:200px; }
#fourth .quarter .title, #fourth .third .title { font-weight: 400; font-size:1.125em; line-height:1.625em; text-align:left;  }
#fourth .quarter .bio, #fourth .third .bio {  }
#fourth .quarter .disclosure, #fourth .third .disclosure { font-size:0.85em; line-height:1.35em; }
#fourth a, #fourth a:visited { color:#218380; text-decoration:none; }
#fourth a:hover, #fourth a:focus { color:#76bed0; }

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



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

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

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

#last { background:#218380; }
#last form { margin:auto; }

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


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

.pad20 { padding:20px; }
.aic { align-items: center; }

/*--------------------------------------------- footer---------------------------------------------------------------*/
footer { background: #2b2a2a; color: rgba(215, 210, 203, 1.0); }
footer a, footer a:visited { color: rgba(215, 210, 203, 1.0) }
footer a:hover { color:#fff; }