.header-container {z-index: 0;}
.fp-banner {height:calc(100vh - 20px); background-size:cover; width:100%; margin:0; background-position: 50% 50%; background-color:#a4b4be; position:relative; top:0;}
.fp-banner:after {content: ""; position: absolute; top: 0; left: 0; width:100%; height:calc(100vh - 20px); pointer-events: none;
}




.fp-body-container {background-color: transparent;  display:block; width:100%; max-width:1440px; padding:0 60px; position:relative; top:0; margin:0 auto;}

@media only screen and (max-width:900px) {
.fp-body-container {padding: 0 30px;}
}


#firm-intro {position:relative; top:80vh; min-height:500px; }
#firm-intro p {font-size: 20px; line-height:38px;}
#firm-intro-inset {width:calc(100% - 330px); padding-top:100px;}


.footer-container {position:relative; }

#statement-line1 p, #statement-line2 p {padding:16px 20px 14px 45px; margin:0; font-size: 52px; letter-spacing: 1px; }
#statement-line1 .dkbg, #statement-line2 .dkbg, #statement-line3 .dkbg {text-shadow:0 0 1px #000;}
#statement-line1 .ltbg, #statement-line2 .ltbg, #statement-line3  .ltbg {text-shadow:0 0 1px #fafcfe;}
#statement-line3 p {padding:15px 20px 10px 45px; margin:0 auto;}

#statement-line1, #statement-line2, #statement-line3 { position:absolute;  width:auto; left:-90px; padding-left:30px; }
#statement-line1 .dkbg, #statement-line2 .dkbg, #statement-line3 .dkbg {color:#fafcfe;}
#statement-line1 .ltbg, #statement-line2 .ltbg, #statement-line3 .ltbg {color:#22282c;}
#statement-line1 { top:calc(17vh); }
#statement-line2 { top:calc(17vh + 73px); }
#statement-line3 { top:calc(17vh + 146px);}
#fp-cta {display:block; position:absolute; left:-15px; top:calc(17vh + 219px);}
#statement-line3 {font-size: 28px;  min-height:58px;  font-style: italic; }

.fp-cta-button {display:block; margin: 0 0 15px 0; padding:8px 8px 8px 10px; font-size:20px; letter-spacing: 1px; text-transform: uppercase; border-radius:1px;}
.fp-cta-button.material-ripple.shadow-lift {-webkit-appearance:none; border-width:0; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
.fp-cta-button.material-ripple.shadow-lift.dkbg {background-color: #fafcfe; color: #22282c; }
.fp-cta-button.material-ripple.shadow-lift.ltbg {background-color: #22282c; color: #fafcfe;}
.fp-cta-button.material-ripple.shadow-lift.shadow-lift:hover {box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}


#statement-line1, #statement-line2, #statement-line3, #fp-cta, #fp-news-wrap {opacity:0;}

.fp-imagecredit {color:#a4b4be; font-size: 0.8em; position:absolute; right:1em; top:60vh; line-height: 0em; transform: rotate(-90deg);transform-origin: right;}

#fp-news {position:absolute; margin:0 30px 0 60px;  top:160px; width:calc(100% - 120px); height:calc(100vh - 160px);}
#fp-news-wrap {width: 560px; height:560px; display:flex; flex-wrap: wrap;justify-content: space-between; float:right; position:relative; right:0; top:calc(100vh - 160px - 560px - 80px);}

.feature-bar {width:260px; height:260px; padding:15px; background-color: rgba(34,40,44,0.93); color:#fafcfe; position:relative; display:block; margin:10px; box-shadow:1px 1px 2px rgba(34,40,44, 0.3);}
#blank-1, #blank-2, #blank-3 {background-color: rgba(0,0,0,0); box-shadow:none;}
#blank-1 {order:1;}
/*
#content-1 {order:2}
#content-2 {order:3}
#content-3 {order:4}
*/
#fp-news-wrap > div:nth-child(4) {order:2;}
#fp-news-wrap > div:nth-child(5) {order:3;}
#fp-news-wrap > div:nth-child(6) {order:4;}
#fp-news-wrap > div:nth-child(7), #fp-news-wrap > div:nth-child(8), #fp-news-wrap > div:nth-child(9) {display:none;}
#blank-2, #blank-3 {display:none;}
.feature-bar a {color:#fafcfe;}
.fp-article a .feature-bar-read-more {position:static; float:right;margin-top:-20px;}
.feature-bar-title, .feature-bar-title a, .feature-bar-title a:visited {display:inline-block;font-size: 1.1em; line-height: 1.2em;}
.feature-bar-categories a, .feature-bar-categories a:visited, .feature-bar-read-more {color: #a4b4be;font-size:0.95em; text-transform:uppercase;}
#fp-news-wrap > div > span.feature-bar-categories {line-height:1em;}

.feature-bar-deck {font-size:0.9em; color:#fafcfe;display:block;line-height: 1.5em;margin-top:10px; }
.feature-bar-read-more {position:absolute; right:15px; bottom:15px;}
.deck-truncate {overflow:hidden; position:relative; max-height:6em;margin-right:-1.5em; padding-right:1.5em;}
.alert {background-color: #c05046;}
.alert .feature-bar-categories a, .alert .feature-bar-categories a:visited, .alert .feature-bar-read-more {color: rgba(255,255,255,0.7);}

@media only screen and (max-width: 840px) {
  #statement-line1 p, #statement-line2 p {font-size: calc(6vw - 4px); text-align:left;}
}

@media only screen and (min-width:1350px) and (min-height: 1100px) {
  #blank-1 {order:1;}
  #blank-2 {order:2; display: block;}
  #fp-news-wrap > div:nth-child(4) {order:3;}
  #blank-3 {order:4; display: block;}
  #fp-news-wrap > div:nth-child(5) {order:5;}
  #fp-news-wrap > div:nth-child(8) {order:6; display: block;}
  #fp-news-wrap > div:nth-child(6) {order:7;}
  #fp-news-wrap > div:nth-child(9) {order:8; display: block;}
  #fp-news-wrap > div:nth-child(7) {order:9;display: block;}
  #fp-news-wrap {right:0px; top:calc(100vh - 160px - 780px - 80px); width:780px; height:780px;}

  .feature-bar {width:240px; height:240px;}
  .feature-bar-title, .feature-bar-title a, .feature-bar-title a:visited {font-size: 1em; line-height: 1.2em;}
  .feature-bar-deck {font-size:0.85em; line-height: 1.5em;margin-top:7px; }

}


@media only screen and (max-width: 1300px) and (min-width: 1150px) {
#fp-news-wrap {top:calc(100vh - 160px - 520px - 80px); width:520px; height:520px;}
.feature-bar {width:240px; height:240px;}
.feature-bar-title, .feature-bar-title a, .feature-bar-title a:visited {font-size: 1em; line-height: 1.2em;}
.feature-bar-deck {font-size:0.85em; line-height: 1.5em;margin-top:7px; }
}

@media only screen and (max-width: 900px) {
  #fp-news-wrap {width: 100%; height:520px;  float:right; position:relative; right:0; top:calc(100vh - 160px - 520px - 50px);}
  #fp-news {margin:0 30px; width:calc(100% - 60px);}
  #statement-line1, #statement-line2, #statement-line3 {left:-60px; padding-left:30px;}
  #statement-line1 p, #statement-line2 p, #statement-line3 p {padding-left: 45px;}
  #fp-cta {left:-15px;}
}

@media only screen and (max-width: 1200px) {


}
@media only screen and (max-width: 1050px) {
  #statement-line1, #statement-line2, #statement-line3 {left:-30px; padding-left:0; }
  #statement-line1 p, #statement-line2 p, #statement-line3 p {padding-left: 15px;}
  #fp-cta {left:-15px;}
  #fp-cta-button {}

}

@media only screen and (max-width: 1149px) and (min-width: 900px) {
}
@media only screen and (max-width: 1149px) and (min-width:845px) {
  .fp-banner {height:100vh;}
  #statement-line1 p, #statement-line2 p {padding:16px 20px 14px 45px; margin:0; font-size: 48px; text-align:center;  }
  #statement-line3 p {padding:15px 20px 10px 45px; margin:0 auto; }

  #statement-line1, #statement-line2, #statement-line3 {left:-90px; padding-left:30px;}
  #statement-line1 { top:calc(17vh); }
  #statement-line2 { top:calc(17vh + 73px); }
  #statement-line3 { top:calc(17vh + 146px);}
  #fp-cta {display:block; position:absolute; left:-15px; top:calc(17vh + 219px);}
  #statement-line3 {font-size: 22px;  min-height:58px;  font-style: italic; }

  .fp-cta-button {display:block; margin: 0 0 15px 0; padding:8px 8px 8px 10px; font-size:20px; letter-spacing: 1px; }
  .fp-cta-button:hover {}

  #blank-1 {display:none;}

  #fp-news-wrap {width: calc(100% + 40px);  display:flex; flex-wrap: wrap;justify-content: space-between; clear:both; position:relative; left:15px; right:auto; top:calc(100vh - 160px - 290px);}
  .feature-bar {width:240px; height:240px; padding:10px;}
  .feature-bar-deck {margin-top:0px; }
  .feature-bar-read-more {bottom:3px;}
}

@media only screen and (max-width: 1149px) and (min-width:845px) and (max-height:900px) {
  #statement-line1 { top:calc(11vh); }
  #statement-line2 { top:calc(11vh + 73px); }
  #statement-line3 { top:calc(11vh + 146px);}
  #fp-cta {display:block; position:absolute; left:-15px; top:calc(11vh + 219px);}

}


@media only screen and (max-width: 1095px) and (min-width:845px) and (min-height:900px) {
  #fp-news-wrap > div:nth-child(8) {display:none;}
}

@media only screen and (max-width: 864px), only screen and (max-height: 899px) and (max-width: 845px)
/* good down to 650 wide */
{
  #blank-1 {display:none;}
  #fp-news-wrap {width: calc(100% + 25px); left:-25px; top: auto; position:absolute; /*bottom:calc(100vh - 160px - 440px);*/ bottom: 20px; height:auto;}
  .feature-bar {width:100%; height:120px; padding:10px;}
  .feature-bar-read-more {position:absolute; right:15px; bottom:5px;}
  .deck-truncate {overflow:hidden; position:relative; margin-right:1.5em; margin-top:-8px; padding-right:3em;}

}
@media only screen and (max-width: 864px) and (max-height: 1249px) {
  .fp-banner, .dropdown-container.responsive {height: calc(100vh + 140px);}
  #fp-news {height: calc(100vh - 160px + 140px);}
}

@media only screen and (max-width: 864px) and (max-height: 1049px) and (min-height: 850px) {
  .fp-banner, .dropdown-container.responsive {height: calc(100vh + 280px);}
  #fp-news {height: calc(100vh - 160px + 280px);}
}

@media only screen and (max-width: 1149px) and (min-width: 865px) and (max-height: 849px) {
 .fp-banner, .dropdown-container.responsive {height: calc(100vh + 120px);}
 #fp-news {height:calc(100vh - 160px + 120px);}
 #fp-news-wrap {position:absolute; bottom:50px; left:-25px; top:auto; height:240px;}
}

@media only screen and (max-width: 864px) and (min-width: 845px) and (max-height: 849px) {
  .fp-banner, .dropdown-container.responsive {height: calc(100vh + 200px);}
  #fp-news {height:calc(100vh - 160px + 200px);}
 #fp-news-wrap {position:absolute; bottom:30px; left:-25px; top:auto; height:auto;}
}

@media only screen and (max-width: 620px) and (min-width: 501px) {
  .feature-bar {height:160px;}
  .fp-banner, .dropdown-container.responsive {height: calc(100vh + 360px);}
  #fp-news {height: calc(100vh - 160px + 360px);}
}

@media only screen and (max-width: 500px){
  .deck-truncate {display:none;}
  .feature-bar {height: 95px;}
    .feature-bar-read-more {bottom:7px;}
    .feature-bar-title {font-size: 1em;}
}

@media only screen and (max-width:864px) and (max-height: 900px) {
  .fp-banner, .dropdown-container.responsive {height: calc(100vh + 200px);}
  #fp-news {height: calc(100vh - 160px + 200px);}
}

@media only screen and (max-width: 350px) {
  .feature-bar-categories {display:none;}
}

@media only screen and (max-width: 600px) {
  #statement-line3 {min-height:30px;}
  #statement-line3 p {font-size: calc(3.6vw + 0.57px);}
  #statement-line3 p {padding:7px 5px 5px 15px;}
  #fp-cta {margin-top: -19px; }

}
@media only screen and (max-width:500px) {
#statement-line1 p, #statement-line2 p  {padding:10px 20px 8px 15px;}
#statement-line1 { top:calc(11vh); }
#statement-line2 { top:calc(11vh + 53px); }
#statement-line3 { top:calc(11vh + 106px);}
#fp-cta {display:block; position:absolute; left:-15px; top:calc(11vh + 179px);}
.fp-cta-button {margin-top:-7px; font-size:18px;}
}
@media only screen and (max-width:400px) {
#statement-line1 p, #statement-line2 p, #statement-line3 p  {padding-left:10px;}
.fp-cta-button {font-size: 14px;}
#fp-cta {left:-20px;}
}

@media only screen and (max-width:385px) {
  #fp-news {margin-right:0; width:calc(100% - 30px);}
  .feature-bar {margin-right: 30px;}
}

@media only screen and (max-height:600px) and (max-width:385px) {
  .feature-bar-read-more {display:none;}
  .feature-bar {height:60px; margin-right: 35px;}
  .feature-bar-title a:after {content:'\00bb';}
}

@media only screen and (min-width: 1600px) {

  #fp-news {margin:0 auto; width:1440px; margin-left: calc(50% - 720px);}

  #statement-line1, #statement-line2, #statement-line3 {left:0; padding-left:0; }
  #fp-cta {left:15px;}
  #statement-line1 p, #statement-line2 p, #statement-line3 p {padding-left: 15px;}
  .fp-cta-button {padding-left:8px;}
}

.emphasize {font-size:42px; font-weight:300; line-height: 60px;}
#fp-intro { position:relative; display:flex; flex-wrap:wrap; margin:0 auto; justify-content: space-between; align-items: center;max-width: 90%; padding:80px 0;}
#intropix1, #intropix2 {display:flex;  justify-content: space-between; flex-wrap: wrap;}
#intropix1 {max-width: 330px; min-height: 330px;  }
#intro1 {text-align: center; width: 85%; margin:120px auto; align-self: center;}
#intro2 {text-align: center; width: 85%; align-self: center; margin:0 auto;}
#intro4 {text-align: right; min-width:90%; max-width: 90%;}

#intro3 {width:90%;text-align:center; padding-top:20px; align-self:center;}
/*#intro1 {width:calc(50% - 120px);align-self:flex-start; padding-top: 20px; flex-shrink:3; text-align:left; padding-left:80px; }
#intro2 {width:calc(50% - 120px);align-self:flex-end;  flex-shrink: 2;}
#intro2 { text-align: left; justify-content: center;}*/
#intro2 .emphasize {font-size :30px;line-height: 46px; color:#fafcfe; }

#intropix1 img, #intropix2 img {width:150px; height:150px; margin-bottom:30px; }

#fp-wwd {margin-bottom:60px;}
#fp-services {color:#fafcfe; margin-top:30px; margin-bottom:30px;}
.fullwidth {width:100%; background-color:#014864;}
.banner-style {min-width:920px; max-width:1440px; }


.intro-slide { animation: slide-in 0.6s forwards; -webkit-animation: slide-in 0.6s forwards; animation-timing-function: ease;}
.intro-slide2 { animation: slide-in 0.9s forwards; -webkit-animation: slide-in 0.9s forwards; animation-timing-function: ease-out;}
.delay {animation-delay: 0.3s;}
.bigdelay {animation-delay: 4.6s;}
.delay1 {animation-delay: 0.5s;}
.delay2 {animation-delay: 1.5s;}
.delay3 {animation-delay: 2.8s;}

@keyframes slide-in {100% {transform:translate(0%, 0%);}}
@-webkit-keyframes slide-in {100% {-webkit-transform:translate(0%, 0%);}}

/* #statement-line1, #statement-line2 {transform: translateX(-110%); -webkit-transform: translateX(-110%);-ms-transform: translateX(-110%);} */

#navbox {transform: translateX(0%); -webkit-transform: translateX(0%);-ms-transform: translateX(0%);}
#fp-below-pre {transform: translateY(200vh); -webkit-transform: translateY(200vh);-ms-transform: translateY(200vh);}


@media only screen and (max-width: 980px) {
  #tos-bar {padding:0 30px 20px 30px;}
}

.invisible {transition: opacity 0.5s ease; opacity: 0.0;}
.visible {transition: opacity 0.5s ease; opacity: 1.0;}
.fromRightIn {transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,0); opacity: 1.0;}
.fromRightOut {transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(10px, 0); opacity: 0.0;}

@media only screen and (max-height: 900px) and (min-width: 1150px) {
  #statement-line1 { top:calc(17vh - 25px); }
  #statement-line2 { top:calc(17vh + 73px - 25px); }
  #statement-line3 { top:calc(17vh + 146px - 25px);}
  #fp-cta { top:calc(17vh + 219px - 25px);}

}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.arrow {
  position: absolute;
  color: rgba(255,255,255, 0.5);
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 60px; /*change with size of arrow to make sit on bottom */
/*   background-image: url(); */
/*   background-size: contain; */
}

.bounce {
  -moz-animation: bounce 2s 2;
  -webkit-animation: bounce 2s 2;
  animation: bounce 2s 2;
  animation-delay: 2s;
}