@font-face {
  font-family: 'Gibson-Regular';
  src: url('../fonts/Gibson-Regular-webfont.woff'), url('../fonts/Gibson-Regular-webfont.eot') ;
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family: 'Gibson-Semibold';
  src: url('../fonts/Gibson-SemiBold-webfont.woff'), url('../fonts/Gibson-SemiBold-webfont.eot') ;
  font-weight:normal;
  font-style:normal;
}
body, .author-tag {font: 16px/28px  'Libre Baskerville', 'Baskerville', 'Linux Libertine Display G', 'Californian FB', 'Georgia', "Palatino Linotype", serif; background:#fafcfe; margin:auto 0;}

body {border-top:4px solid #22282c;}

#statement-line1, #statement-line2,  .hamburger:before, #breadcrumbs, #page-title, h3, .guide-section .feature-bar-title {font-family:'Gibson-Semibold','Roboto Condensed', 'Franklin Gothic Medium Cond', 'Bahnschrift Light Condensed', 'Arial Nova Cond','Arial Narrow', 'sans-serif'; font-weight:normal;}

.footer-container, .feature-bar-title, .feature-bar-deck, #fp-guide-title, #fp-guide-deck, .fp-imagecredit, .caption, h4,#sidebar a,  #tags a, #mobile-contact a, .address {font-family: 'Roboto','Trebuchet MS','Helvetica', 'Arial', sans-serif; font-weight: normal;}

h1, h2, .pull-quote, .related-content, .sidebar a, address, .footer-container a, .download-file, .article-alert, .article-special-box, #listing-content,#jump:hover:before, .cta1 h3, .cta2 h3, .cta3 h3, .cta1, .cta2, .cta3, .phone, .email, .role, #search-panel, #tos-bar, .credit, .credit-inline, .guide-section,  .emphasize {font-weight: 300; letter-spacing: 0px; font-family: 'Roboto','Trebuchet MS','Helvetica', 'Arial', sans-serif; }
#tags a {/*font-family:'Roboto Condensed', 'Franklin Gothic Medium Cond', 'Bahnschrift Light Condensed', 'Arial Nova Cond','Arial Narrow', 'sans-serif'; font-weight: normal;*/ color:#014864;}
.navbox, .dropbtn, .fp-cta-button {font-family:'Gibson-Semibold','Roboto Condensed', 'Franklin Gothic Medium Cond', 'Bahnschrift Light Condensed', 'Arial Nova Cond','Arial Narrow', 'sans-serif'; font-weight:normal;font-size:0.9em;}

#legal-disclaimer, #legal-disclaimer-guide, #article-meta, #previous-next a, #previous-next a:visited, .feature-bar-categories, .feature-bar-read-more, #mobile-jump, #mobile-jump a, .readmore, .article-meta  {font-family:'Gibson-Regular','Roboto Condensed', 'Franklin Gothic Medium Cond', 'Bahnschrift Light Condensed', 'Arial Nova Cond','Arial Narrow', 'sans-serif'; font-weight:normal;font-size:0.9em;}
#article-meta {text-transform: uppercase;}

html {color: #22282c; font-size: 1em;  background: #fafcfe; }
*{-webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
* {box-sizing:border-box;}
.clearfix:after {content: " "; display: table; clear: both;}
.tooltip_templates {display:none;}
::-moz-selection {background: #a4b4be; text-shadow: none;} ::selection {background: #a4b4be; text-shadow: none;}
*{float:none;}
.fullwidth {width:100%; margin: 0;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #e3e9ec; margin: 1em 0; padding: 0;}

input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {background-color: transparent;}
a {text-decoration:none;color:#c05046;}
p a {text-decoration: underline dotted #a4b4be;}
h1 + p, h3 + p, h1 + div {margin-top: -1em;}
h2 + p {margin-top: -0.8em;}
#breadcrumbs {font-size: 0.95em; margin-bottom:10px;}
#breadcrumbs a {color:#22282c;}
.principal-above > #intro > #page-title {font-size:36px; }
.principal-above > #intro > #page-title.dkbg {color:#fafcfe;}
.principal-above > #intro > #page-title.ltbg {color:#22282c;}

h2 {color:#014864;}
.material-ripple{position:relative;overflow:hidden;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.material-ink{position:absolute;background:#bdc3c7;border-radius:50%;transform:scale(0);opacity:.4}.material-ink.animate{animation:a .6s linear}
@keyframes a{to{transform:scale(2.5);opacity:0}}.material-card{background:#fff;border-radius:2px;display:block;margin:1rem;position:relative}.material-shadow-1{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .2s ease-in-out}
.material-shadow-2{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);transition:all .2s ease-in-out}
.material-shadow-3{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);transition:all .2s ease-in-out}
.material-shadow-4{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);transition:all .2s ease-in-out}
.material-shadow-5{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);transition:all .2s ease-in-out}.material-hover:hover{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}

.shadow-lift {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);}

.shadow-lift:hover {box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}

h1 {font-size: 2em; line-height: 1.2em; color:#014864; }
h2 {font-size: 1.6em; line-height: 1.2em; }
h3 {font-size: 1.0em; line-height: 1em; }
h4 {font-size: 1em; line-height:1.6em;}

audio,canvas,iframe,img,svg,video {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}

.browserupgrade {margin: 0.2em 0;background: #e3e9ec;color: #000;padding: 0.2em 0;}

#left-arrow-part {position: absolute; width: 50%; left: 0; bottom: -1px;
border-bottom: 20px solid #fafcfe; border-right: 20px solid transparent;}
#right-arrow-part {position: absolute; left: 50%; bottom: -1px; right: 0; border-bottom: 20px solid #fafcfe; border-left: 20px solid transparent;}


#left-arrow-part1 {position: absolute; width: 50%; left: 0; bottom: -1px;
border-bottom: 20px solid #0f4755; border-right: 20px solid transparent;}
#right-arrow-part1 {position: absolute; left: 50%; bottom: -1px; right: 0; border-bottom: 20px solid #0f4755; border-left: 20px solid transparent;}

#left-arrow-part3 {position: absolute; width: 50%; left: 0; bottom: -1px;
border-bottom: 20px solid #fafcfe; border-right: 20px solid transparent;}
#right-arrow-part3 {position: absolute; left: 50%; bottom: -1px; right: 0; border-bottom: 20px solid #fafcfe; border-left: 20px solid transparent;}

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

#jump {background-color: rgba(164,180,190,0.85);width:40px; height:40px; color:#fafcfe; font-size:30px; position:fixed;bottom:20px; right:10px;display:none;text-align:center;border-radius: 50%;}
/*#jump:before {height:15px;color:#a4beb3;content:'';font-size:14px;display:block;}*/
#jump i {padding-top:3px; }
#jump:hover {transform:translateY(-15px);}


#principal-above-pre, #principal-below-pre {min-width:920px; max-width:1440px; }
#principal-above-pre, #principal-below-pre {padding:0 80px; }
#principal-below-pre:after {content: " "; display: table; clear: both;}
.feature-bar-pre {padding:0 80px;}

@media only screen and (min-width: 1035px) {
  #principal-below, #principal-above {width:calc(100% - 430px);max-width:710px; min-width:480px; }
  #principal-above-pre, #principal-below-pre {padding:0 110px; }
  .feature-bar-pre {padding:0 110px;}

}
@media only screen and (min-width: 1035px) and (max-width: 1328px) {
  #principal-above-pre, #principal-below-pre {padding:0 60px; }
  .feature-bar-pre {padding:0 60px;}
}
@media only screen and (min-width: 1561px) {
  .body-container {width:1440px; padding:0;margin-left:auto; margin-right:auto;}
  #principal-above-pre, #principal-below-pre {padding:0;}
}
@media only screen and (max-width: 980px) {
  #principal-above-pre, #principal-below-pre, .feature-bar-pre.principal-below  {padding:0 30px; float:left; }
  #principal-above-pre {margin-bottom: 0;}
  #principal-above-pre, #principal-above, #principal-below, .banner, #principal-below-pre {min-width:260px; width:100%;}
  #tos-bar {padding:0 30px 20px 30px;}
}

li {margin-bottom:7px;}
.article-special-box {padding:5px 10px;margin:2px 0; background-size: cover; background-position: 50% 50%;}
#more-info-article {border-top: 5px solid #e3e9ec;border-bottom: 5px solid #e3e9ec; float:left; width:100%;padding: 10px;margin-bottom:30px;}
#more-info-article * {color:#014864; font-weight:normal;}
#more-info-article h3 {margin: 0; padding-bottom: 10px;}
#more-info-article address {font-style: normal;}
#more-info-article > address a {font-size:1em; text-decoration: none;}
.contact-bar {display:inline-block;float:left;clear:left; width:100%;padding: 10px 0 5px 0; font-size: 0.9em; line-height:1.5em;}
.contact-bar img {margin: 0 10px 10px 0;height:90px; width:90px; float:left; }
.contact-bar img:last-of-type {margin-bottom:0;}
.author-tag {font-style: italic;font-size:0.9em;}
.author-coordinates {display:flex; font-size: 0.9em;}
.phone {margin-right: 15px;}

#legal-disclaimer, #legal-disclaimer-guide {font-size: 1em; float:left; border: 2px solid #c05046; padding: 5px;  color: #fafcfe; background-color: #c05046;}

@media screen and (max-width: 1020px) {.phone:after {content:"\A"; } }


.article-image img {width:100%; border: 1px solid #ACAEB0; }

.cta1, .cta2, .cta3 {font-size:1.4em; font-weight: normal;}
.cta1 h3, .cta2 h3, .cta3 h3 {margin:0 0 40px 0;}
.cta1 h3 {font-size:2.6em;font-weight:normal;}
.cta2 {background-size:cover;}
.cta2 h3 {font-size: 1.8em; font-weight:normal;}

@media only screen and (max-width: 540px) {
  .cta1 h3 {font-size: 1.8em;}
}

.cta3 {margin: 40px 0 250px 0; height:60px; background-color: #22282c; color:#fafcfe;}
.cta1 .black, .cta2 .black, .cta3 .black {background-color: #22282c; color: #fafcfe; padding: 30px;  }
.black h3 {color:#a4b4be;}
.illustrated.black {background-color:rgba(34,40,44, 0.4);padding:20px;}
.illustrated.black h3 {color:#fafcfe;}
.illustrated.black a, .illustrated.black a:visited {text-decoration:underline;color:#fafcfe;}

.pull-quote, .related-content {float:none;border-top: 5px solid #e3e9ec;border-bottom: 5px solid #e3e9ec; color:#014864;margin:0px;}
.related-content a, .related-content a:visited {color:#014864;}
.pull-quote p {font-size: 1.8em; line-height: 1.2em; margin:10px 0 10px 0;}


/* --------- common header and top navigation - default sizes --------- */
.header-container {white-space: nowrap; position:relative; left: 0; top: 0; }
.header-container > div {vertical-align: top; display: inline-block;}
.logobox {width:360px;margin: 0; position:absolute; top:0; }
.logobox img {width: 360px; margin: 30px 0 0 0;  background-clip:content-box;}
.navbox {float:right; display:inline-block; color: #22282c;  background-color: transparent; position:absolute; top:15px; right:25px;}
.dropdown-container a {font-size: 1.13em; line-height:1.13em; padding: 2px 12px 0px 12px;position:relative; }
.dropdown-container a .dkbg {color: #fafcfe;}
.dropdown-container a .ltbg {color: #22282c;}
#navbox > .dropdown-container:first-of-type > a .dkbg {color:#fafcfe;}
#navbox > .dropdown-container:first-of-type > a .ltbg {color:#22282c;}
.dropdown-container {margin-top:28px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.caption {font-size:1em; position:absolute; top:42px; font-weight:300;}
.dropbtn {height:85px; }
#navbox > div > div.dropbtn  {display:none;}
#clicktohome {width:240px; height:40px; background-color: transparent; float:left; display:none;}
#homelink {float:left;}

@media only screen and (min-width:981px) {
.dropdown-container {width: calc(72vw - 133px) /* 570px */; }
.hamburger {display:none;}
.quickconnect {display:none;}
#navbox > .dropdown-container.responsive {background-color: transparent;}
}

  @media only screen and (min-width:1600px) {.logobox img {width:396px;} .dropdown-container {width: 1000px;}}


  .footer-container {margin-top:0px;padding: 20px 0 30px 0; color: #fafcfe; background-color: #22282c; width:100%;display: block; position:relative;top:0px;}
  #firm-addresses {display:flex; justify-content:space-between; margin-right:80px; flex-wrap:wrap;}
  #firm-contact {padding: 0; max-width: 730px; margin-left:80px;}
  #firm-contact, #footer-navigation {padding-top:20px; height:auto;color: #a4b4be;}
  .identity {font-size:1.2rem;}
  #identity-title {color:#a4b4be; font-size:0.9rem; line-height:0.5em;}
  #firm-addresses a, #firm-addresses a:visited, #firm-contact >ul>li>a, #firm-contact >ul>li>a:visited {color: #a4b4be;}
  #firm-contact>ul>li {display:inline;}
  #footer-navigation {flex-basis:446px; padding:20px 0 0 0 ;width:446px;}
  #tos-bar {background-color: #fafcfe; padding:20px 60px ; margin-top:0; color:#22282c; display:inline-block;  box-sizing: border-box;}

  #spacer {width:80px;}

@media only screen and (max-width: 980px), print {
  a.biosbtn, a.servicesbtn, a.industriesbtn, a.newsbtn, a.contactbtn, .quickconnect {display:none;}
  .header-container {z-index: 10000;}
  .logobox img {width: 300px; padding: 0; vertical-align:top;}
  .logobox {max-width:300px; margin-left:-50px; }
  .navbox {left: 0; top:0; margin-right:0; z-index:999;display: block;background-color: rgba(250,252,254,0 ); width:100%;}
  .dropdown-container {padding-top:28px; margin:0; width:100%;}
  #clicktohome {display:inline-block; width:200px;}
  .hamburger{display: block;font-size: 1.8em; margin:15px 20px 6px auto; z-index:99999; float:right; }
  #hamburger-wrapper {display:inline-block; float:right;}

#firm-addresses >div:first-of-type {flex-basis:100%;}
        #footer-navigation {padding:20px 0 0 0 ;width:auto; margin-left: 40px;}
        #firm-contact {margin-left:40px;}
}

  .dropdown-container.responsive .dropbtn .caption {position:relative; top:0;}
  .dropdown-container.responsive .dropbtn {z-index:auto;  padding: 10px;}

    .dropdown-container.responsive {display:block; width:100%; height:100vh;  }
    .dropdown-container.responsive a.biosbtn,  .dropdown-container.responsive a.servicesbtn, .dropdown-container.responsive a.industriesbtn, .dropdown-container.responsive a.newsbtn, .dropdown-container.responsive a.contactbtn {display:block;height:14.28vh; width:14.28vh; position:absolute;}
    .dropdown-container.responsive .dropbtn {height:14.28vh; width:14.28vh;}
    #navbox > .dropdown-container.responsive .quickconnect  {display:block; position:absolute; top:calc(86.71vh + 12px);left:0; width:calc(100% - 4px); margin:0 2px; padding:10px; text-align:center;}
    .dropdown-container.responsive a.biosbtn {left:7.14vh; top:calc(14.28vh + 2px);}
    .dropdown-container.responsive a.servicesbtn {left:25vw; top:calc(28.57vh + 4px);}
    .dropdown-container.responsive a.newsbtn {left:calc(50vw - 7.14vh);top:calc(42.86vh + 6px);}
    .dropdown-container.responsive a.contactbtn {left:calc(75vw - 14.28vh);top:calc(57.14vh + 8px);}
/*    .dropdown-container.responsive a.industriesbtn {left:calc(50vw - 7.14vh);top:calc(42.86vh + 6px);}
    .dropdown-container.responsive a.newsbtn {left:calc(75vw - 14.28vh);top:calc(57.14vh + 8px);}
    .dropdown-container.responsive a.contactbtn {left:calc(100vw - 21.42vh); top:calc(71.43vh + 10px);}*/

@media only screen and (max-height: 810px), only screen and (max-width:720px) {
.dropdown-container.responsive a.biosbtn,  .dropdown-container.responsive a.servicesbtn, .dropdown-container.responsive a.industriesbtn, .dropdown-container.responsive a.newsbtn, .dropdown-container.responsive a.contactbtn {height:14.28vh; width:calc(100% ); position:absolute; left:0;}
    .dropdown-container.responsive .dropbtn {height:14.28vh; width:calc(100%);}
    #quickcontact {display:none;}
}

/* when dark background image, overlay black and display white blocks/white quickconnect text*/
  #navbox > .dropdown-container.responsive:first-of-type > a .dkbg {background-color:#fafcfe; color:#22282c;}
#navbox > .dropdown-container.responsive .quickconnect .dkbg, .dropdown-container.responsive .quickconnect .dkbg a {background-color:transparent; color:#fafcfe;}

  #navbox > .dropdown-container.responsive:first-of-type > a .ltbg {background-color:#22282c; color:#fafcfe;}

  #navbox > .dropdown-container.responsive .quickconnect .ltbg, .dropdown-container.responsive .quickconnect .ltbg a {background-color:transparent; color:#22282c;}


  @media print {
      *, *:before, *:after {background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
      a, a:visited {        text-decoration: underline;    }
      p a[href]:after, .article-special-box a[href]:after, .article-alert a[href]:after, .download-file a[href]:after, #tos-bar a[href]:after { content: " (" attr(href) ")";     }
      a[href^="#"]:after, a[href^="javascript:"]:after { content: "";   }
      pre,  blockquote {border: 1px solid #999; page-break-inside: avoid;    }
      thead {  display: table-header-group;    }
      tr, img {  page-break-inside: avoid;   }
      img { max-width: 100% !important;  }
      p, h2, h3 {  orphans: 3;   widows: 3;}
      h2, h3 { page-break-after: avoid; }
      h1 {font-size: 1.8em;}
      h2, h3, .pull-quote {font-size: 1.3em; }
      body {font: 11px/18px;}
      #sidebar, #footer-navigation, .hamburger, #tos-bar, #spacer, #previous-next {display:none !important;}
      #firm-contact {line-height: 1.4em; margin-left:45px;display:flex; justify-content: space-around;}
      .banner {height:130px;border:none;}
      .section-title, .section-title h1 {float:right; margin-top:0;}
      #principal-above {width:100% !important;}
      .body-container {padding-left:0 !important; padding-right:0 !important;}
      #principal-above p {page-break-inside: avoid;}
      #firm-contact, .footer-container {padding:0!important; margin:0;}
      #more-info-article {margin-bottom:0; border:none;}
      #legal-disclaimer, #legal-disclaimer-guide {page-break-inside: avoid;}
  }