/*--------------------------------------------- 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; }
}
/*--------------------------------------------- svg---------------------------------------------------------------*/
.st0 { fill:#173158; }

/*--------------------------------------------- text---------------------------------------------------------------*/
html body { font-family: 'Martel', serif; font-weight:300; font-size:16px; line-height:1.4em; color:#333; }
h1, h2, h3, h4, h5, h6 { font-family: 'Martel', serif; padding:0; margin-bottom:0.5em; font-weight:900; color:#00AEA1; }

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 #00AEA1; 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:300; }
.heavyweight { font-weight: 700; }

.sans { font-family: 'Martel', serif; }
.serif { font-family: 'Martel', 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; }

/*--------------------------------------------- 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:#00AEA1;
  border:none;
  font-size:16px;
  border-radius:2px;
  transition: all 500ms ease;
  margin-top:20px;
  font-family: 'Martel', serif;
  font-weight:300;
  font-size:16px;
  line-height:1.4em;
}

button:hover, button:focus {
  background:#595A5A;
  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: 'Martel', serif;
  font-weight:300;
  font-size:16px;
  line-height:1.4em;
}

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

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

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

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

button.revghost:hover, button.revghost:focus {
  background:#00AEA1;
  border: 1px solid #00AEA1;
  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: 'Martel', serif; font-weight:300; 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: 'Martel', 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: #ffffff;
  color:#00AEA1;
  border: 0 none;
  border-radius: 2px;
  cursor: pointer;
  padding: 15px 30px;
  font-family: 'Martel', serif;
  font-weight:300;
  font-size:16px;
  line-height:1.4em;
}

input.submit:hover {
  background: #595A5A;
  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 a.rsk-lgq { display:inline-flex;  }

.cta h3 { transform:translateY(6px); }

.cta {
  height:300px;
  background: #173158;
  background-blend-mode: multiply;
  padding:40px;
}

a.rsk-lgq {
  padding:15px 30px;
  color:#fff;
  background:#00AEA1;
  border:none;
  font-size:16px;
  border-radius:2px;
  transition: all 500ms ease;
  margin:0 0 0 20px;
  font-family: 'Martel', serif;
  font-weight:300;
  font-size:16px;
  line-height:1.4em;
  text-decoration: none;
}

a.rsk-lgq:hover, a.rsk-lgq:focus {
  background:#595A5A;
  color:#fff;
  cursor:pointer;
  transform: scale(1.10);

}

/*--------------------------------------------- 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:#00AEA1; }

@media (max-width: 960px) {
    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, header img { width:300px; height:55px; margin-top:0; }

@media (max-width: 960px) {
    header svg, header img { margin:0 auto; width:280px; }
}

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

#brokercheck {
	width:100%;
	text-align:center;
	color:#fff;
	background:#173158;
	padding:20px;
  margin-top:74px;
}

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


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

#hero {
  background-repeat: no-repeat!important;
  background-position: bottom center;
  background-size: cover;
  background-blend-mode: multiply;
  background-color:#00AEA1;
  overflow:hidden;
  padding: 100px 80px 40px 80px;
  min-height:50vh;
  text-align:center;
}

#hero .wide { min-height:50vh; }
#hero { color:#ffffff!important; }
#hero h1 { color:#fff!important; margin-bottom:10px; }
#hero p { margin-top:0; }

#first { padding: 0 70px; }

#first .profile {
  background-repeat: no-repeat!important;
  background-position: center;
  background-size: cover;
  width:100%;
  margin-bottom:40px;
}

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

#first a, #first a:visited { color:#00AEA1; text-decoration:none; }
#first a:hover { color:#595A5A; }
#first .disclosure { font-size:0.85em; line-height:1.35em; }

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

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

@media (max-width: 1024px) {
  #first .half.padr40 { padding-right:0; }
  #first .half.padl40 { padding-left:0; }
}

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

#ifp { padding-top:80px; }

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

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

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

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


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

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

.badge-wrap {
  width:220px;
  margin:0 auto;
}

.badge-wrap img {
  width:100%;
}

@media (min-width:900px){
  .marquis {
    margin:0;
    display: grid;
    grid-template-columns: 220px 1fr;
    grid-gap: 24px;
    align-items:center;
  }
}


#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, #fifth button, #last .submit { margin-bottom:40px; }
}

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

#last { background:#00AEA1; }
#last form { margin:auto; }
#last h2 {
  margin-bottom:6px;
}

#last p {
  color:#fff;
  margin:0 0 40px 0;
  font-size:21px;
}

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



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