/* MaterializeHS theme StyleSheet You should change. */ 

/* ================================ */
/* =        GENERAL STYLES        = */
/* ================================ */

/*these override the hubspot defaults. remove to use hubspot defaults */

body {
    background:#eeeeee;
}

body.nodeid-0 .dark-region div {
    color:#000;
}

body.not-front .page-inner, body.blog .page-inner {
    padding-top: 100px; 
}

.page {
    position:relative;
    padding-bottom:0;
    border-left:0px solid transparent;
    border-right:0px solid transparent;
    box-shadow:none;
}

footer div.inner.row {
    margin-bottom:0;
}

#footer-container > #footer > div.inner.row:first-child {
    margin:0 !important;
    background:rgba(0,177,221,1.0);
}

/* buttons */

button, .form-submit, a.btn, a.button, .button, a.all-posts-link, a.next-posts-link {
    color: #fff;
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    border: 1px solid transparent;
    font-size: 1rem;
    padding: 10px 30px 10px 30px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 0 transparent;
    height:auto !important;
    line-height: auto !important;    
    background:#000b38;
    border-radius:0px;
    box-shadow: 0px 5px 11px #000000 rgba(0,0,0,0), 0px 4px 15px #000000 rgba(0,0,0,0);
		-webkit-transition: all 0.2s ease-in-out; 
		-moz-transition: all 0.2s ease-in-out; 
		-o-transition: all 0.2s ease-in-out; 
		transition: all 0.2s ease-in-out;
}

button:hover, button:focus, .form-submit:hover, .form-submit:focus, a.btn:hover, a.btn:focus, a.button:hover, a.button:focus, .button:hover, .button:focus, a.all-posts-link:hover, a.all-posts-link:focus; a.next-posts-link:hover, a.next-posts-link:focus {
    line-height:auto !important;
    height:auto !important;
    color:#ffffff;
    background:#0e4d87;
    box-shadow: 0px 5px 11px #000000 rgba(0,0,0,0.18), 0px 4px 15px #000000 rgba(0,0,0,0.15);
		-webkit-transition: all 0.2s ease-in-out; 
		-moz-transition: all 0.2s ease-in-out; 
		-o-transition: all 0.2s ease-in-out; 
		transition: all 0.2s ease-in-out;
}

.button.two {
    color:#D70029 !important;
    background:#c4d32d;
}

.button.two:hover, .button.two:focus {
    color:#384146 !important;
    background:#dbed17;
}

.button a {
    color:#fff;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

li.please-share {
    display:none;
}

/*this is for the buttons added via CK Editor */

ul.mega-menu ul.advanced .button {
    color:#D70029;
    background-color:#00B1DD;
}

 /*this is for the advanced menu buttons*/

ul.mega-menu ul.advanced .button:hover,
ul.mega-menu ul.advanced .button:focus {
    color:#384146;
    background-color:#D60000;
}

/*end hubspot default overrides*/

/* ============================ */
/* =        TYPOGRAPHY        = */
/* ============================ */

html {
    font-size:16px;
}

body {
    color:#555555;
    font-family:Helvetica, sans-serif;
    font-weight:normal;
}

.content-wrapper {
    color:#555555;
}

a, strong a, b a {
    color:#119ec1;
    font-weight:bold;
}

a:hover, a:focus {
    color:#00b1dd;
}

strong, b {
    font-weight:700;
    color:#384146;
}

em {
    font-weight:400i;
}

strong em, em strong, b em, em b {
    font-weight:700i;
}

dt {
    font-weight:700;
    color:#384146;
}

h1, h2, h3, h4, h5, h6 {
    color:#000B38;
}

h1, h1.page-header.title {
    letter-spacing:0px;
    font-weight:bold;
    font-size: 3.25em;
    line-height: 1em;
    padding-top: 15px !important;
    padding-bottom: 5px !important;
    text-transform: uppercase;
    color:#000B38;
}

body.Home h1.page-header.title {
    font-size:6vw;
}

body.Home #preface h3 {
    font-size:2vw !important;
}

h2 {
    font-weight:bold;
    text-transform:uppercase;
    font-size:2.25em;
}

h3 {
    font-weight:bold;
    font-size:1.75em;
}

h4 {
    font-weight:bold;
    font-size:1.5em;
    text-transform:uppercase;
}

h5 {
    font-weight:bold;
    font-size:1.25em;
    text-transform:uppercase;
}

h6 {
    font-weight:bold;
    font-size:1em;
    text-transform:none;
}

blockquote {
    text-style:italic;
    color:#168abc;
    border-left: 2px solid #168abc;
    border-radius:0px;
}

.page-inner {
    padding-top:98px;
    -webkit-transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out;
}

.dark-region a {
    color:#d70029;
}
    
.dark-region a:hover, .dark-region a:focus {
    color:#00b1dd;
}

.content-wrapper h1 {
    color:#111;
}

/* ======================================== */
/* =        SECONDARY MENU STYLES         = */
/* ======================================== */

.secondary-menu {
    float: right;
    clear: both;
    display: block;
}

.nav-button .tel a {
    color:#119ec1;
}

ul#secondary-links {
    margin-left: 0px;
    float: left;
    padding-left: 0px;
    padding-top:5px;
    margin-top:0px;
    padding-bottom:0px;
    margin-bottom:0px;
}

ul#secondary-links li {
    font-size:14px;
    font-weight:600;
    list-style-type:none;
    display:inline-block;
    margin-left:10px;
}

ul#secondary-links li a {
    color:#000000;
    text-transform:uppercase;
    -webkit-transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out;
}

ul#secondary-links li a:hover, ul#secondary-links li a:focus {
    color:#af3d44;
    -webkit-transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out; 
}

ul#social-icons {
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

ul#social-icons li {
    display: inline;
    list-style: none; 
}

.header-phone {
    float: right;
    clear: both;
    margin-top:-10px;
}

/* =============================== */
/* =        HEADER STYLES        = */
/* =============================== */

.top-wrapper.w-navigation {
    position:fixed;
    background:#fff url('https://1111111.fs1.hubspotusercontent-na1.net/hubfs/1111111/bg-bottom-right.jpg') no-repeat right bottom;
    padding-bottom:0px;
    z-index:110;
    margin-top:0px;
    border-bottom: 10px solid #119ec1;
    -webkit-transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out;
}

.top-wrapper.w-navigation.shrink {
    margin-top:0px;
    -webkit-transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out;
}

.shrink .top-wrapper.wo-navigation {
    height:118px !important;
}

.top-wrapper.wo-navigation {
    height: 88px !important;
    background:transparent;
}

#header-wrapper #site-info .inner {
    width: 200px;
}

#header-container > .inner.row {
  margin-bottom:0px;
  padding-bottom:0px;
}

header {
    height:90px;
    background:transparent;
}

#site-info .logo img {
    max-width:80%;
}

#header-phone-med-lg {
    color:#000000;
    font-weight:600;
    padding-top: 0px;
}

div.fax {
    font-size: 16px;
}

div.fax p {
    margin: 0px;
}

/* ===================================== */
/* =        PRIMARY MENU STYLES        = */
/* ===================================== */

.nav {
    height:auto !important;
    line-height:1em !important;
}

#main-navigation-wrapper {
    background-color:transparent;
}

#main-navigation-wrapper a {
    color:#FFF;
}

.shrink .shrinking-icon {
    left: 10px;
    opacity: 1;
    top: 128px;
}

.shrinking-icon img {
  width:36px;
}

.region-primary-menu ul li {
    background-color:transparent;
}

.region-primary-menu ul li:hover, .region-primary-menu ul li:focus {
    background-color: transparent;
    background-color: #d70029;
}

.region-primary-menu ul ul {
    background-color:#444;
}

/*mega*/

#mega-menu-wrapper {
    background-color: #119ec1;
    margin-top:0px;
}

mega-menu-container > .inner.row {
    margin-bottom:0px;
}

ul.mega-menu {
    background-color:transparent;
}

ul.mega-menu ul {
    background-color:transparent;
}

ul.mega-menu a {
    text-transform:uppercase;
    color:#ffffff;
}

ul.mega-menu a:hover, ul.mega-menu a:focus {
    color:#ffffff;
}

/* mega menu width */

ul.mega-menu ul {
    width:325px;
    background-color: #119ec1;
}

ul.mega-menu ul.wide {
  left:-100px;
  padding-left:200px;
  width:500px;
}

ul.mega-menu ul.advanced {
    color: #111;
    padding:10px;
    width:680px;
    left:-45%;
}

ul.mega-menu ul.advanced .inner {
    padding:5px;
}
.mega-menu .advanced-section {
    width:33%;
    float:left;
}

.mega-menu ul.advanced h3 {
    background-color: #ffffff;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
}

ul.mega-menu ul.advanced li {
    padding-left:0;
}

ul.mega-menu ul.advanced li:hover, ul.mega-menu ul.advanced li:focus {
    background-color:#119ec1;
}

ul.mega-menu ul.advanced li a {
    padding:10px 10px;
    text-align:center;
}

ul.mega-menu ul.advanced li a:hover, ul.mega-menu ul.advanced li a:focus {
    padding:10px 5px 10px 15px;
}

ul.mega-menu li a {
    display:block;
    padding:20px;
    line-height:1em !important;
}

ul.mega-menu ul li a {
    cursor:pointer;
}
/* ===================================== */
/* =        MOBILE MENU STYLES         = */
/* ===================================== */

.nav-button .menu-text {
    font-size: 1.25rem;
    position: relative;
    top: -12px;
    text-transform: uppercase;
    font-weight: 600;
}

.valign-wrapper .valign {
    padding-top:15px;
    text-align: right;
}

ul.side-nav {
    background-color:#00b1dd;
}

.side-nav li {
    position:relative;
}

/*mobile header*/

ul.side-nav .side-nav-header ul.mobile-secondary li a {
    color:#fff;
}

/*mobile-footer*/

ul.side-nav .side-nav-footer, ul.side-nav .side-nav-footer a, ul.side-nav .side-nav-footer a:hover, ul.side-nav .side-nav-footer a:focus {
    color:#fff;
}

/* =============================== */
/* =        ALERT BOX STYLES     = */
/* =============================== */

.hsc-alert-container {
  z-index:3;
  position:relative;
  margin-bottom:10px;
}

/* =============================== */
/* =        HERO BANNER          = */
/* =============================== */

/*#preface { */
/*    position:relative; */
/*    margin-top:100px;*/
/*}*/

/*#home-hero-background img {*/
/*    width: 100% !important;*/
/*     position: absolute; */
/*}*/

.Home #preface>div.inner.row {
    position: absolute;
    width: 100%;
    z-index: 99;
    padding-top: 0px;
    margin-top: -100px;
}

.Home #preface > div.inner.row h3 {
    margin-top:0px;
    padding-top:0px;
}

.preface-wrapper .caption h3 {
    text-shadow:none !important;
}

.preface-wrapper .caption a {
    padding:10px 30px !important;
}

#hs_cos_flex_slider_hero_banner img {
  height:calc(80vh - 88px) !important;
  width:100%;
  object-fit:cover;
  margin-bottom:-7px;
}

.cta-button {
    width:100%;
    text-align:center;
}

.cta-button a {
    display:inline-block;
    padding:15px 30px;
    border-radius:60px;
    text-transform:uppercase;
    font-weight:600;
    color:#ffffff;
    background:#d70029;
    box-shadow: 0px 5px 11px #000000 rgba(0,0,0,0), 0px 4px 15px #000000 rgba(0,0,0,0);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cta-button a:hover, .cta-button a:focus {
    background:#ff002e;
    box-shadow: 0px 5px 11px #000000 rgba(0,0,0,0.18), 0px 4px 15px #000000 rgba(0,0,0,0.15);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#preface-wrapper .button {
    border-radius:2px;
    background-color:#30abc9;
    color:#ffffff;
}

#preface-wrapper .button:hover, #preface-wrapper .button:focus {
    color:#ffffff;
    background:#0e4d87;
}

.home-cta-container {
/*     margin: -30px auto 0px auto !important; */
    z-index: 2;
    position: relative;
}

.home-cta-container div {
    background:rgba(215,0,41,0.9) !important;
    border:none !important;
    width:30% !important;
    padding:20px 20px 40px 20px !important;
}

#preface-wrapper .caption h3 {
    font-size:1vw;
}

.home-cta-wrapper {
  position:relative;
  height:calc(80vh - 88px);
}

.home-cta-container div p {
    color:#fff;
    font-size:14px;
}

.home-cta {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align:center;
}

.home-cta h1 {
    color:#ffffff;
    font-size:3vw;
    font-weight:800;
    line-height:1em !important;
    text-transform:unset;
    text-shadow:0px 0px 30px rgba(0,0,0,.8) !important;
}

.home-cta .subtitle-wrapper {
  position:relative;
  display:inline-block;
}

.home-cta .subtitle { 
  padding:10px 20px 0px 20px;
  color:#ffffff;
  font-size:1em;
  font-weight:700;
}

.home-cta .fine-print {
  color:#ffffff;
  font-size:11px;
/*   text-align:right; */
}

.home-cta .button-wrapper {
  padding-top:20px;
  display:block;
}

.home-cta-block {
  text-align:center;
  margin-bottom:20px;
}

/* ================================ */
/* =        CONTENT REGION        = */
/* ================================ */

.Home #content-area-wrapper {
    position:absolute;
    width:100%;
}

.Home #content-container {
    display:none;
}

div#content-container.container > div.inner.row {
    margin:0 auto !important;
    max-width:98% !important;
    padding:3% !important;
}

aside {
    margin-top:5% !important;    
}

.bio-info {
    word-wrap: break-word;
}

.bio.clearfix {
    margin-top: 50px;
}

/* ============================= */
/* =    POSTSCRIPT STYLES      = */
/* ============================= */

#postscript-wrapper {
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(-60deg,  #1e5799 0%, #0f9ec1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-60deg,  #1e5799 0%,#0f9ec1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(120deg,  #1e5799 0%,#0f9ec1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#0f9ec1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding:30px;
    margin-top:-20px;
}

#postscript-wrapper h3 {
  color:#ffffff;
  font-size:22px !important;
  padding-top:0px !important;
  margin-top:0px;
  text-transform:uppercase;
  text-align:center;
}

#postscript-wrapper p {
    color:#ffffff;
}

#postscript-wrapper .button {
  border-radius:2px;
  line-height:1rem;
  padding:15px 30px 12px 30px;
}

.featured-post {
  text-align:center;
  margin-bottom:40px;
}

/* ========================== */
/* =     FOOTER STYLES      = */
/* ========================== */

#fourth-long-page-region, footer {
    background-color:#FFFFFF;
    color:#000;
}

#fourth-long-page-region h2 {
    color:#000;
}

footer {
    padding:20px;
}

#attribution-line {
    font-size: .9em;
}

#attribution-line .live-chat {
    position: absolute;
    display: inline-block;
    right: 0;
    bottom: 10px;
}

#attribution-line .live-chat a {
    padding: 15px 50px;
    background: #DF002E;
    color: white;
    font-size: 18px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#copyright-line {
    text-align:center;
}

#powered-by {
    text-align:center;
}

#footer-container h2 {
    text-align:center;
    color:#ffffff;
}

/* ================================== */
/* =        BLOG PAGE STYLES        = */
/* ================================== */

article.node.node-article footer {
    background:transparent;
    padding-bottom: 70px !important;
}

article h2 a {
    color: #d70029;
}

/* ========================== */
/* =     MEDIA QUERIES      = */
/* ========================== */

@media only screen and (max-width : 600px) {
    body:not(.Home) .page-inner {
        padding-top:100px !important;
    }
}

@media only screen and (max-width : 992px) {
    .shrink .top-wrapper.wo-navigation {
        height: 88px !important;
    }
    h1, h1.page-header.title {
        font-size:2.5em !important;
        padding-top:0 !important;
      	margin-top:0px;
    }
    h2 {
        font-size:2em !important;
    }
		h3 {
        font-size:1.5em !important;
    }
}

@media only screen and (min-width : 601px) {
    #first-long-page-region {
        margin-top:33%;
    }
    .hero-wrapper .superimpose .caption, .video-wrapper .caption {
        top: -7% !important;
    }
    #preface-wrapper .caption h3 {
        font-size: 4vw;
        color: #ffffff;
    }
    .home-cta .subtitle { 
      font-size:1.25em;
    }
    #postscript-wrapper h3 {
      font-size:28px !important;
    }
}

@media only screen and (min-width : 726px) {
    div.logo {
        padding-left:0px;
    }
}

@media only screen and (min-width : 801px) {
    .nodeid-5242104075 .page-inner {
        padding-top: 100px;
    }
    .preface-wrapper .caption h3 {
        font-size: 2.5vw !important;
        line-height: 2.6vw !important;
    }
    .home-cta-container div p {
        color: #fff;
        font-size: 14px;
    }
    #hs_cos_flex_slider_hero_banner img {
      height:calc(100vh - 88px) !important;
    }
    .home-cta-wrapper {
      height:calc(100vh - 88px);
    }
}

@media only screen and (min-width : 851px) {
    .home-cta-container div p {
        font-size: 14px;
    }
}

@media only screen and (min-width : 993px) {
    #site-info .logo img {
        max-width:100%;
    }
    .page-inner {
        padding-top: 282px;
        -webkit-transition: all 0.2s ease-in-out; 
        -moz-transition: all 0.2s ease-in-out; 
        -o-transition: all 0.2s ease-in-out; 
        transition: all 0.2s ease-in-out;
    }
    .page-inner.shrink {
        padding-top: 102px;
        -webkit-transition: all 0.2s ease-in-out; 
        -moz-transition: all 0.2s ease-in-out; 
        -o-transition: all 0.2s ease-in-out; 
        transition: all 0.2s ease-in-out;
    }
    .top-wrapper.w-navigation {
        padding-bottom:0px;
        border-bottom: 0px solid transparent;
    }
    .top-wrapper.w-navigation.shrink {
        margin-top:-118px;
        -webkit-transition: all 0.2s ease-in-out; 
        -moz-transition: all 0.2s ease-in-out; 
        -o-transition: all 0.2s ease-in-out; 
        transition: all 0.2s ease-in-out;
    }
    .shrink .top-wrapper.wo-navigation {
        height: height:85px !important;
    }
    .top-wrapper.wo-navigation {
        height: 125px !important;
        background:transparent;
    }
    .Home #preface > div.inner.row {
        position:absolute;
        width:100%;
        z-index:99;
        margin-top:0px;
        padding-top:40px;
    }
    body.Home h1.page-header.title {
        font-size:5vw;
    }
    body.Home #preface h3 {
        font-size:1.1vw !important;
    }
    .what-we-do-bottom .wwd-text-right ul li a {
        display:block;
        font-size:1.2vw;
        max-width:286px;
    }
    .wwd-icon-text {
        font-size: 19px;
    }
    #first-long-page-region {
        margin-top:33%;
    }
    #copyright-line {
        text-align:left;
        margin-left:0px;
        padding-left:0px;
    }
    #powered-by {
        text-align:right;
        margin-right:0px;
        padding-right:0px;
    }
    .locations > div {
        text-align:left;
    }
    .nodeid-5242104075 .page-inner {
        padding-top: 0px;
    }
    header {
      height:182px;
      background:transparent;
    }
    .home-cta-block {
      text-align:center;
      margin:0px 0px 20px 0px !important;
    }
    #hs_cos_flex_slider_hero_banner img {
      height:calc(100vh - 182px) !important;
    }
    .home-cta-wrapper {
      height:calc(100vh - 182px);
    }
    #postscript-wrapper h3 {
      font-size:32px !important;
    }
}

@media only screen (min-width: 992px) and (max-width: 1700px) {
    footer.footer-outer {
        margin-bottom: 50px;
    }
}

/* hide map card */

#mapDiv > div > div > div:nth-child(10) {
    display:none !important;
}

/***** form ****/

.hs .hs-form fieldset {
    max-width:initial;
}