html, body { color: #231f20; font-family: museo-sans,sans-serif; font-size: 19px; -webkit-font-smoothing: antialiased; }
.container { padding: 0; width: 100%; }
.row { margin: 0; }
.vertical-center > div { float: none; display: inline-block; margin-left: -.5%; vertical-align: middle; }
.vertical-center > div:first-of-type { margin: 0; }

/* Links */
a { color: #3483c4; font-weight: 700; transition: background-color .2s, color .2s; }
a:hover,
a:focus { color: #216eae; text-decoration: none; }
.button { background-color: #c47; border-radius: 14px; border: 0; color: #fff; display: inline-block; letter-spacing: .05em; margin-top: 12px; padding: 4px 16px; transition: background-color .2s; }
.button:hover { background-color: #b16; color: #fff; }
.button:focus { color: #fff; }

#skiptocontent { background-color: #fff; border-radius: 8px; box-shadow: 2px 2px 8px 0 #000; font-size: 1.3em; left: -9999px; padding: 3px 12px; position: absolute; top: -9999px; }
#skiptocontent:focus { left: 8px; top: 8px; }
.ada-element { left: -9999px; position: absolute; }

.vc:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.vc > * { display: inline-block; vertical-align: middle; }

.list-var { min-height: 110px; padding-left: 120px; position: relative; }
.list-var > img { left: 0; position: absolute; width: 100px; }

.circ { background: #c47; border-radius: 50%; height: 100px; line-height: 100px; text-align: center; width: 100px; }
.circ img { width: 60px; }

/* Headers */
h1 { font-size: 3.3em; margin: 30px 0 22px; }
h2 { font-size: 2.2em; margin: 12px 0 0; }
h3 { font-size: 1.8em; margin: 28px 0 0; }
h4 { font-size: 1.6em; margin: 28px 0 0; }
h5 { font-size: 1.4em; margin: 26px 0 0; }
h6 { font-size: 1.3em; margin: 26px 0 0; }

/* Paragraphs & Lists */
p { line-height: 1.5em; margin: 16px 0 6px; }
ul, ol { margin: 16px 0 10px; }
li { line-height: 1.4em; margin-bottom: 8px; }
img { max-width: 100%; }

/* Forms */
form { margin: 18px 0; }
label { display: block; margin: 10px 0 8px; width: 100%; }
input[type="text"] { margin-bottom: 8px; padding-left: 3px; width: 100%; }
textarea { height: 80px; margin-bottom: 8px; padding: 3px 5px; resize: none; width: 100%; }
input[type="checkbox"],
input[type="radio"] { margin: 0 4px 0 2px; }
input[type="checkbox"] + label,
input[type="radio"] + label { display: inline-block; margin-right: 14px; position: relative; top: -1px; width: auto; }
input[type="submit"],
input[type="reset"] { background-color: #c47; border-radius: 14px; border: 0; color: #fff; letter-spacing: .05em; margin-top: 14px; padding: 4px 16px; transition: background-color .2s; }
.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover { background-color: #b16; }

/* Tables */
table { background: #fff; border: 1px solid #002756; color: #002756; margin: 14px 0; width: 100%; }
table tr th,
table tr td { border: 1px solid #333; padding: 10px 12px 16px; vertical-align: top;}
table tr:nth-of-type(even) > * { background: #F2F2F2; }
thead { background: #EBF4FA; }
tbody th { font-weight: 400; }

.blue-btn { background: #002756; border-radius: 4px; box-shadow: 0 4px 8px -4px #888; color: #fff; display: inline-block; margin-top: 14px; padding: 10px 18px; transition: .2s; }
.blue-btn:hover { background: #001936; box-shadow: 0 6px 8px -4px #444; color: #fff; }

/* Lightbox */
.lightbox img { width: 100%; }
.lightbox > button { background-color: rgba(0,0,0,.75); border: 0; cursor: pointer; height: 0; left: -100%; margin: 0; position: absolute; top: 0; transition: height .4s, left 0s ease-in-out .4s; visibility: hidden; width: 100%; }
.lightbox > div { top: 80px; }
.lightbox > div .close-lightbox { background: 0; border: 0; color: #fff; font-size: 3em; display: none; position: fixed; right: 20px; top: 0; }
.lightbox > div .close-lightbox span { left: -9999px; position: absolute; }
.lightbox.enhanced { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 5555; }
.lightbox.enhanced > button { height: 100%; left: 0; transition: height .6s, left 0s; visibility: visible; }
.lightbox.enhanced > div { background-color: #fff; border: 1px solid #333; box-shadow: 4px 13px 28px 0 #111; left: 8%; margin: 0; max-height: 90%; overflow: auto; position: absolute; top: 40px; transition: .8s; width: 84%; }
.lightbox.enhanced > div .close-lightbox { display: block; }

#construction-schedule { margin-top: 28px; }
#construction-schedule.enhanced { margin: 0; }

/* Image Slideshow */
.image-slideshow { margin-top: 44px; position: relative; width: 75%; }
.image-slideshow button { background: #ff9e18; background: rgba(255,158,24,.8); border: 0; border-radius: 50%; box-shadow: 0 3px 8px -3px #222; color: #fff; height: 54px; position: absolute; transition: background .2s; text-align: center; width: 54px; z-index: 1; }
.image-slideshow button span { left: -9999px; position: absolute; }
.image-slideshow button:hover { background: #ff9e18; }
.slideshow-trigger { border-radius: 24px; height: 38px; line-height: 38px; margin: 12px; padding: 0; width: 38px; }
.slideshow-move { font-size: 1.6em; height: 50px; left: 0; line-height: 50px; margin-top: -25px; padding: 0 8px; top: 40%; z-index: 1; }
.slideshow-move.next { left: auto; right: 0; }
.image-slideshow-slides { margin-left: 10%;  overflow: hidden; position: relative; width: 80%; }
.image-slideshow-slides > div { opacity: 0; position: absolute; transition: opacity 0s; width: 100%; }
.image-slideshow-slides > div.active { opacity: 1; position: static; top: 0; transition: opacity .25s; }
.image-slideshow-slides > div img { width: 100%; }
.caption { background: #000; background: rgba(0,0,0,.75); border-radius: 6px;  bottom: 20px; color: #fff; font-size: 1.1em; left: 10%; padding: 4px 6px; position: absolute; text-align: center; width: 80%; z-index: 1; }
.image-slideshow > ul { list-style-type: none; padding: 0; text-align: center; }
.image-slideshow > ul li { display: inline-block; }
.image-slideshow > ul button { background: #fff; border: 1px solid #3483c4; box-shadow: none; height: 22px; margin: 0 6px; position: static; width: 22px; }
.image-slideshow > ul button.active { background: #3483c4; }
.image-slideshow > ul button:hover { background: #b3c6d6; }

/* Accordions */
.accordion-set { margin-top: 38px; margin-bottom: 20px; }
.accordion-set.docs {margin: 0;}
.accordion-set h3 { background-color: transparent; margin: 16px 0 0; padding: 0; height: auto; line-height: normal; font-size: 1em!important; }
.accordion-set h3:after { display: none; }
.accordion-set.docs h3 {margin-top: 0!important;}
.accordion-header { background: transparent; border: 0; color: #231f20; cursor: pointer; font-weight: 700; padding: 4px 8px 4px 34px; position: relative; text-align: left; width: 100%; }
.accordion-header span { background: #ff9e18; border-radius: 50%; color: #002856; font-weight: 900; height: 24px; left: 0; line-height: 22px; position: absolute; text-align: center; width: 24px; }
.accordion-header span:last-of-type { display: none; }
.opened .accordion-header span { display: none; }
.opened .accordion-header span:last-of-type { display: block; }
.accordion > div { padding: 2px 1% 2px 36px; }
.accordion { border-bottom: 1px dashed #002856; padding-bottom: 18px; margin-right: 36px; }
.accordion:last-of-type { border: 0; }

/*********************************************/
/******   Custom CSS  ************************/
/*********************************************/

h1 { color: #002856; font-weight: 900; } 
#content > .row > div { padding: 64px 13% 48px; }
#content > .row .row > div { padding: 0; }

html, body, .container { height: 100%; }

h2 { color: #002856; font-weight: 900; margin-bottom: 22px; }
h3 { color: #002756; font-size: 1.3em; font-weight: 700; height: 42px; line-height: 42px; margin-bottom: 36px; position: relative; }
h3:after { background: #002756; content: ""; height: 2px; left: 0; position: absolute; top: 100%; width: 100%; }
h4 { color: #231f20; font-size: 1.1em; font-weight: 900; }
.nrp-button { background: #002856; border-left: 8px solid #ff9e18; color: #fff; display: inline-block; margin-top: 10px; padding: 2px 10px; }
.nrp-button:hover { background: #001935; color: #fff; }
.nrp-button span { display: inline-block; vertical-align: middle; }
.nrp-button img { display: inline-block; vertical-align: middle; width: 14px; }
.center { text-align: center; }

/* Quick Header */
.header { background: #fff; box-shadow: 0 1px 6px 0 #444; height: auto; position: fixed; width: 100%; z-index: 5; }
.header h1 { left: -9999px; position: absolute; }
.header img { height: 50px; margin-top: 16px; }
.header .nav { float: right; margin-right: 12px; }
.header ul { margin: 0; padding: 0; }
.header li { display: inline-block; vertical-align: top; }
.header li a { color: #002856; display: block; font-size: .9em; font-weight: 700; height: auto; padding: 26px 28px 0; position: relative; transition: .3s; }
.header li a:hover { color: #00152c; padding-top: 22px; padding-bottom: 4px; text-shadow: 0 4px 8px #ccc; }
.header .header-section li:last-of-type a { color: #3483C4; font-weight: 900; }
.header li.nrp-button { margin-top: 0; margin-left: 22px; padding: 0; }
.header li.nrp-button a { box-shadow: 0 6px 6px -3px #444; color: #fff; font-size: 1.1em; height: 98px; padding: 20px 14px; text-align: center; transition: .4s; width: 150px; }
.header li.nrp-button a:hover { background: #00152c; height: 106px; padding-top: 28px; text-shadow: none; }
.header li a.active:before { background: #ffc600; content: ""; height: 5px; left: 50%; margin-left: -20px; position: absolute; top: 64px; width: 40px; }
.header li.nrp-button a.active:before { display: none; }
#mobile-menu { background-color: transparent; border: 0; cursor: pointer; display: none; padding: 0 4px; }
.header-section { clear: both; padding: 0 0 14px 2%; }

.new-header-top { background: #002756; padding: 8px 38px 8px 28px; }
.scrolling .new-header-top { display: none; }

#translation-widget { display: inline-block; }
#translation-widget img { display: inline-block; height: 18px; margin: 0; vertical-align: middle; }
#translation-widget label { left: -9999px; position: absolute;  }
#translation-widget select { background: #002756; border: 0; color: #fff; cursor: pointer; font-size: .9em;}
#google_translate_element { display: none; }

.utility-nav { float: right; }
.utility-nav li { margin-left: 28px; }
.utility-nav li a { color: #fff !important; font-size: .85em; font-weight: 400; height: auto !important; padding: 0 !important; }
.utility-nav li a:hover { color: #ddf !important; text-shadow: none; }
.utility-nav li a.active { color: #FF9E18 !important; }
.utility-nav li a.active:before { display: none; }

#content { min-height: 80%; padding-top: 124px; }
#homepage .header-section img { margin-left: -800px; transition: margin .4s; }
#homepage .header-section img { margin-left: 0; }
.header.subpage-scrolled { top: 0; }

#preload-images { left: -9999px; position: absolute; top: -9999px; width: 5px; }

#homepage-header { background: #94b1d1; height: 790px; position: relative; transition: background-image 1s; }
#homepage-header > div { background-image: url("../images/hp-headerimg2.jpg"); background-position: center; background-size: cover; height: 100%; left: 0; opacity: 0; position: absolute; transition: opacity .4s; width: 100%; }
#homepage-header > div.showing { left: 0; opacity: 1; transition: opacity 1.5s ease-out .1s; }
#homepage-header > div:nth-of-type(2) { background-image: url("../images/nrp_hpbg2.jpg"); }
#homepage-header > div:nth-of-type(3) { background-image: url("../images/nrp_hpbg3.jpg"); }
#homepage-header > div:nth-of-type(4) { background-image: url("../images/nrp_hpbg4.jpg"); }
#homepage-header h2 { margin-top: 0; }
#homepage-header > div:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
#homepage-header > div > div { display: inline-block; margin-left: 7%; position: relative; vertical-align: middle; }
#homepage-header > div > div:before { box-shadow: 0 0 128px 250px rgba(255,255,255,.85); content: ""; height: 1px; left: 50%; position: absolute; top: 50%; width: 1px; }
#homepage-header img { height: 280px; position: relative; }
#homepage-header p { color: #000; position: relative; }
#homepage-header a { color: #175f9b; display: block;  line-height: 1.1em; position: relative; z-index: 1; }
#homepage-header a:hover { color: #220; display: block;  line-height: 1.1em; position: relative; z-index: 1; }

#homepage-header .call-to-action p { font-size: 3.4em; color: #003856; font-weight: 900; line-height: 1.1em; width: 420px; }
#homepage-header .call-to-action a { background: #ff9e18; border-radius: 54px; color: #003856; display: inline-block; margin-top: 12px; padding: 14px 26px; }
#homepage-header .call-to-action a:hover { background: #d47d04; }

#current-activities { margin-top: 36px; }
#current-activities ul { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; margin-top: 22px; padding: 0; }
#current-activities ul li { background: #fbfbfb; border-radius: 14px; box-shadow: 0 3px 8px -2px #aaa; position: relative; width: 47%; }
#current-activities ul li div { padding: 4px 28px 106px; }
#current-activities h3 { background: transparent; color: #333; display: block; font-size: 1.2em; font-weight: 900; height: auto; line-height: 1em; margin: 26px 0 34px; padding: 0; }
#current-activities h3:after { background: #d67d00; height: 8px; margin-top: 8px; width: 44px; }
#current-activities img { border-radius: 14px 14px 0 0; height: 240px; object-fit: cover; object-position: center; width: 100%; }
#current-activities a { border: 2px solid #D67D00; border-radius: 8px; bottom: 26px; color: #d67d00; left: 24px; padding: 9px 20px; position: absolute; transition: .2s; }
#current-activities a:hover { border-color: #b56a01; box-shadow: 0 6px 8px -4px #ccc; }

/* #homepage-top { background-image: url("../images/homepage-top-bg.jpg"); background-size: cover; background-position: bottom; padding: 0 0 72px; } */

.subpage-header { background: #175f9b; margin: 0; padding: 106px 11% 72px !important; }
.subpage-header * { position: relative; z-index: 1; }
.subpage-header:after { background-image: url("../images/lines.png"); background-position: 0 -200px; background-size: 100% 1000px; background-repeat: no-repeat; content: ""; height: 100%; left: 0; opacity: .4; position: absolute; top: 0; width: 100%; }
.subpage-header .top-title { color: #fff; font-size: 2.8em; position: relative; }

.subpage-nav { background: #F6F6F6; padding: 16px 11% 18px; }
.subpage-nav span { margin-right: 36px; }
.subpage-nav ul { display: inline-block; list-style: none; margin: 0; padding: 0; }
.subpage-nav ul li { display: inline-block; margin-right: 36px; margin-bottom: 0; }
.subpage-nav ul li a { display: block; font-weight: 900; line-height: 1.2em; margin: 6px 0; text-decoration: underline; }

.announcement { background: #003856; color: #fff; display: block; font-weight: 700; height: auto; min-height: 22px; padding: 9px; text-align: center; }
.announcement.empty { display: none; }
.announcement img { height: 26px; left: 0; margin: 0;position: relative; top: 0; transition: .3s; }
/* .announcement:hover a { background: #002b42; color: #eee; } */
.announcement:hover img { left: 8px; }
#homepage .announcement { border-top: 6px solid #3483c4; font-size: 1.4em; height: auto; padding: 26px 14px; }
#homepage .announcement img { height: 48px; }
.announcement a {color: #e78907; }
.announcement a:hover {color: #b66c04; }

.subpage .announcement { background: #EBF4FA; color: #002756; }

#scoping-route-alternatives { padding-top: 48px; }

.quick-buttons { display: flex; flex-wrap: wrap; justify-content: space-between; list-style-type: none; margin-top: 48px; padding: 0; }
.quick-buttons li { width: 29%; }
.quick-buttons li a { background: #ffe2ba; border-bottom: 20px solid #ff9e18; border-radius: 4px; box-shadow: 0 4px 8px -2px #666; color: #002856; display: block; font-weight: 900; padding: 26px 12px; text-align: center; text-transform: uppercase; }
.quick-buttons li a img { display: block; height: 90px; margin: 6px auto 15px; }
.quick-buttons li > span { display: block; font-size: .9em; font-weight: 700; line-height: 1.3em; margin-top: 22px; text-align: center; }
.quick-buttons li a:hover { background: #e9ca9f; }

#homepage-top .quick-buttons li:nth-of-type(2) a { background: #c2daed; border-bottom-color: #3483c4; }
#homepage-top .quick-buttons li:nth-of-type(2) a:hover { background: #abc7dd; }
#homepage-top .quick-buttons li:nth-of-type(3) a { background: #d7e1c5; border-bottom-color: #789b3f; }
#homepage-top .quick-buttons li:nth-of-type(3) a:hover { background: #c3d0ac; }
#homepage-top.no-bg { background: none; }

@keyframes bounce {
    0% { margin-top: 0; }
    50% { margin-top: -8px; }
    100% { margin-top: 0; }
}
.audible-section { font-size: 1.1em; margin: 14px 0 24px; position: relative; }
.audible-section p { font-size: 1.1em; font-weight: 500; }
.audible-section > span { animation-name: bounce; animation-duration: 2.5s; animation-iteration-count: infinite; background: #002856; border-radius: 50%; color: #fff; display: none; font-size: .6em; font-weight: 700; height: 60px; line-height: 60px; position: absolute; text-align: center; width: 60px; }

.play-button img { display: inline-block; height: 16px; opacity: .8; vertical-align: middle; }
.play-button span { display: inline-block; vertical-align: middle; }

#overview { background: #ebf4fa; padding-bottom: 20px; }
#overview > div { padding-bottom: 0 !important; }

.components { margin-bottom: 56px; }
.components > div { margin-top: 28px; padding: 0 42px 0 0 !important; }
.components h4 { border-bottom: 7px solid #ff9e18; color: #231f20; font-size: 1.1em; font-weight: 900; margin-top: 0; padding-bottom: 4px; }
.components h4:nth-of-type(2) { border-bottom-color: #789b40; }
.components h4:nth-of-type(3) { border-bottom-color: #002856; }
.components p { margin-bottom: 26px; }
.components hr { border-color: #939598; margin: 16px 0 5px; }
.components small { color: #675f57; }

.components .legend { margin-top: 14px; }
.components .legend div { display: inline-block; line-height: 1.1em; margin-right: 18px; margin-top: 12px; padding: 0 0 10px 28px; position: relative; vertical-align: top; }
.components .legend div span { background: #3483c4; display: inline-block; height: 18px; left: 0; position: absolute; top: 2px; vertical-align: middle; width: 18px; }
.components .legend small { display: block; }
.components .legend div:nth-of-type(1) span { background: transparent; border: 9px solid transparent; border-width: 15px 9px; border-bottom-color: #002856; top: -12px; }
.components .legend div:nth-of-type(3) { padding-left: 46px; }
.components .legend div:nth-of-type(3) span { background: transparent; border-radius: 2px; border: 4px solid #ff9e18; height: 16px; top: 3px; width: 34px; }
.components .legend div:nth-of-type(4) { padding-left: 46px; }
.components .legend div:nth-of-type(4) span { background: transparent; border-radius: 2px; border: 4px solid #789b40; height: 16px; top: 3px; width: 34px; }
.components .legend div:nth-of-type(5) span { background: transparent; border: 8px solid transparent; border-right-color: #ed1c24; border-bottom-color: #ed1c24; height: 16px; outline: 2px solid #000; width: 16px; }

#routing-process-map h3 { background: transparent; color: #3483C4; font-weight: 900; height: auto; line-height: 1.2em; margin-bottom: 12px; padding: 0; }
#routing-process-map h3:after { display: none; }
#routing-process-map p { font-size: .9em; font-weight: 700; line-height: 1.1em; margin: 10px 0 18px; }
#routing-process-map > div { padding-right: 32px !important; }

.yellow-npr-button { background: #ff9e18; border-radius: 8px 8px 0 0; border-bottom: 8px solid #002856; color: #231f20; display: block; font-size: 1.4em; margin-top: 56px; padding: 18px 8px; text-align: center; transition: .4s; }
.yellow-npr-button:hover { background: #e78907; color: #231f20; margin-top: 46px; padding-bottom: 28px; }
.yellow-npr-button img { height: 20px; }
.yellow-npr-button a {color: #231f20;}

#phase-ii-events { border: 0; margin-top: 28px; }
#phase-ii-events thead { border-bottom: 1px solid #ff9e18; }
#phase-ii-events thead tr > *:first-of-type,
#phase-ii-events tbody tr th { border-right: 1px solid #ff9e18; }
#phase-ii-events tr th,
#phase-ii-events tr td { border: 0; padding: 12px 14px; vertical-align: top; }
#phase-ii-events tbody tr:nth-of-type(odd) { background: #f2f2f2;}

#events .row { margin-top: 40px; }
#events .row h3 { margin: 0; }
.eventless #contact-methods a { float: left; margin: 0 4%; width: 42%; }

#past-events { background: #f2f2f2; clear: both; }
#past-events h3 { margin-top: 48px; }
#past-events h4 { border-bottom: 1px solid #ff9e18; padding-bottom: 6px; }


#row-needs { background: #f2f2f2; }
#row-needs h3 { margin-top: 48px; }
#row-needs h4 { border-bottom: 1px solid #ff9e18; padding-bottom: 6px; }
#row-needs h3 { background: #F99D20; color: #002756; padding-left: 14px; }
#row-needs h3:after { display: none; }
#row-needs h3:last-of-type { background: #91B753; }
#row-needs p { margin-bottom: 28px;  }

#events #public-meetings { margin-top: 0; }
#public-meetings > div { padding-right: 26px !important; }

#support ul { list-style-type: none; margin-top: 48px; overflow: auto; padding: 0; }
#support ul li { float: left; padding: 0 28px; text-align: center; width: 25%; }
#support ul li img { height: 140px; }
#support ul li:last-of-type img { height: 110px; margin-top: 30px; }

#timeline { background: #f5f5f5; }
#timeline ul { height: 500px; list-style-type: none; padding: 0; position: relative; }
#timeline ul:before { background: #dedede; content: ""; height: 16px; margin-top: -8px; position: absolute; top: 50%; width: 100%; }
#timeline ul li { color: #002856; font-size: .85em;margin-top: -44px; position: absolute; text-align: center; top: 50%; width: 20%; }
#timeline ul li h3 { background: #002856; color: #fff; display: inline-block; font-size: 1.2em; font-weight: 700; height: 36px; line-height: 36px; margin: 0; padding: 0 12px; }
#timeline ul li div { background: #3483c4; border-radius: 50%; display: block; height: 50px; line-height: 44px; margin: 42px auto 0; position: relative; width: 50px; }
#timeline ul li div img { width: 30px; }
#timeline ul li div span { background: #ff9e18; bottom: 100%; height: 38px; left: 50%; margin-left: -2px; position: absolute; width: 3px; z-index: 1; }
#timeline ul li div span:before { background: #ff9e18; border-radius: 50%; border: 3px solid #fff; content: ""; height: 16px; left: 0; margin-left: -6px; margin-top: -3px; position: absolute; width: 16px; z-index: 0; }
#timeline ul li div span:after { background: #ff9e18; border-radius: 50%; content: ""; height: 6px; margin-left: -3px; margin-top: -6px; position: absolute; top: 100%; width: 6px; }
#timeline ul li:nth-of-type(2) div { background: #ff9e18; }
#timeline ul li:nth-of-type(even) { bottom: 50%; left: 20%; margin-top: 0; margin-bottom: -44px; top: auto; }
#timeline ul li:nth-of-type(even) p { position: absolute; top: -100px; width: 100%; }
#timeline ul li:nth-of-type(even) div { margin: 0 auto 42px; }
#timeline ul li:nth-of-type(even) div span { bottom: auto; top: 100%; }
#timeline ul li:nth-of-type(even) div span:before { margin-top: -12px; top: 100%; }
#timeline ul li:nth-of-type(even) div span:after { bottom: 100%; margin-bottom: -6px; top: auto; }
#timeline ul li:nth-of-type(3) { left: 40%; }
#timeline ul li:nth-of-type(4) { left: 60%; }
#timeline ul li:nth-of-type(5) { left: 80%; }
#timeline p.left {text-align: left;}

#contact-methods a { background: #ff9e18; box-shadow: 0 8px 8px -4px #666; color: #000; display: block; font-weight: 900; margin-bottom: 28px; padding: 18px ; text-align: center; transition: .3s; }
#contact-methods a:hover { background: #ea8c0a; box-shadow: 0 10px 10px -6px #111; }
#contact-methods a img { display: block; height: 68px; margin: 0 auto 12px; }

#spinny-questions { background: #c0db7a; background-image: url("../images/flipcard-bg2.jpg"); background-size: cover; }
#spinny-questions > div { padding: 108px 10% 134px !important; }
#spinny-questions .col-md-4 { height: 620px; margin-right: 4%; position: relative; width: 29.333333%; } 
#spinny-questions .col-md-4:nth-of-type(2) { margin: 0 2%; }
#spinny-questions .col-md-4:last-of-type { margin-left: 4%; margin-right: 0; }
#spinny-questions .col-md-4 h2 { background: #002856; border-radius: 8px; box-shadow: 0 4px 8px -4px #222; color: #fff; cursor: pointer; font-size: 1.8em; font-weight: 700; height: 100%; margin: 0; padding: 24px 32px; transition: transform .2s ease-in-out .14s; }
#spinny-questions .col-md-4 div { background: #002856; border-radius: 8px; box-shadow: 0 4px 8px -4px #222; color: #fff; height: 100%; padding: 0 24px; position: absolute; top: 0; transform: rotateX(-8deg) rotateY(90deg) rotateZ(-4deg); transition: transform .2s; }
#spinny-questions .col-md-4 div p { font-size: .95em; line-height: 1.4em; }
#spinny-questions .col-md-4:hover h2 { transform: rotateX(8deg) rotateY(90deg) rotateZ(4deg); transition: transform .25s; }
#spinny-questions .col-md-4:hover div { transform: none; transition: transform .25s ease-in-out .16s; }

.nrp-button.full-screen { font-weight: 700; margin-top: 44px; padding: 14px 18px; text-align: center; width: 100%; }
.nrp-button.full-screen img { float: right; height: 20px; margin-top: 4px; width: auto; }

#who-we-are { background: #fff; margin-top: 48px; }
#who-we-are .col-sm-6 { padding-right: 58px !important; }
#who-we-are a { color: #002856; text-decoration: underline; }
#who-we-are img { height: 100px; margin-bottom: 14px; }

/* About */
#routing-criteria { position: relative; }
#routing-criteria > div { padding-top: 0 !important; }
#routing-criteria p strong { color: #002756; }
#routing-criteria img {  margin-top: 32px; width: 90%; }
#routing-criteria ul { padding-left: 18px; }
#routing-criteria .we-here { color: #D67D00; }

.new-yellow-btn { border: 2px solid #d67d00; border-radius: 4px; color: #d67d00; display: inline-block; margin-top: 14px; padding: 10px 18px; transition: .2s; }
.new-yellow-btn:hover { border-color: #de8408; box-shadow: 0 6px 8px -4px #444; color: #de8408; }

#participate-process { background: #EBF4FA; margin-top: 40px; padding: 0 3% 18px; }

#criteria-list h4 { border-bottom: 8px solid #ff9e18; padding-bottom: 4px; }
#criteria-list li { padding-right: 24px; }
#criteria-list .col-md-8 { padding-left: 44px !important; }
#criteria-list .col-md-8 ul { columns: 2; }

#routing-process { height: 540px; list-style-type: none; margin: 32px 0 54px; padding: 0; position: relative; }
#routing-process:after { background: #3382c4; content: ""; height: 4px; left: 70%; position: absolute; top: 390px; width: 20%; }
#routing-process li { background: #f1f2f2; height: 100%; margin: 0; padding: 0 28px; position: absolute; width: 20%; }
#routing-process .we-are-here { bottom: 144px; left: 50%; margin-bottom: -27px; margin-left: -27px; position: absolute; z-index: 1; }
#routing-process .we-are-here p { background: #002856; border-radius: 50%; height: 54px; line-height: 52px; margin-top: 34px; text-align: center; width: 54px; }
#routing-process .we-are-here span { background: #002856; border-radius: 6px; color: #fff; display: inline-block; height: 32px; line-height: 30px; margin-left: -37px; padding: 2px 0; text-align: center; width: 128px; }
#routing-process .we-are-here span:after { border-right: 2px dotted #002856; content: ""; height: 34px; left: 50%; margin-left: -20px; position: absolute; top: 32px; width: 4px; }
#routing-process .we-are-here p img { height: 26px; }
#routing-process li:nth-of-type(1) .public-engagement { background: #ff9e18; border-radius: 8px; font-weight: 700; height: 36px; left: 150%; line-height: 36px; margin: -18px 0 0; position: absolute; text-align: center; top: 100%; width: 100%; z-index: 1; }
#routing-process li:nth-of-type(1) .public-engagement > span { position: relative; }
#routing-process li:nth-of-type(1) .public-engagement p { background: #ff9e18; height: 6px; left: -100%; margin: -3px 0 0; position: absolute; top: 50%; width: 300%; }
#routing-process li:nth-of-type(1) .public-engagement p:before,
#routing-process li:nth-of-type(1) .public-engagement p:after { background: #ff9e18; border-radius: 50%; content: ""; height: 12px; left: 0; margin: -3px 0 0 -3px; position: absolute; width: 12px; }
#routing-process li:nth-of-type(1) .public-engagement p:after { left: auto; right: 0; }
#routing-process li:nth-of-type(2) { background: #d8dbdb; left: 20%; }
#routing-process li:nth-of-type(3) { background: #bfbfbf; left: 40%; }
#routing-process li:nth-of-type(4) { background: #a6a6a6; left: 60%; }
#routing-process li:nth-of-type(5) { background: #002856; color: #fff; left: 80%; }
#routing-process h4 { color: #002856; }
#routing-process li:nth-of-type(5) h4 { color: #fff; }
#routing-process li:nth-of-type(5) p { background: #ff9e18; bottom: 0; color: #002856; font-weight: 700; height: 150px; left: 0; line-height: 1.2em; margin: 0; padding: 8px 12px; position: absolute; text-align: center; width: 100%; }
#routing-process li:nth-of-type(5) p span { display: inline-block; vertical-align: middle; }
#routing-process li:nth-of-type(5) p:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
#routing-process > div { background: #3382c4; border-radius: 50%; height: 54px; position: absolute; left: 90%; line-height: 50px; margin-left: -27px; text-align: center; top: 364px; width: 54px; z-index: 1;}

#routing-process:after { display: none; }
#routing-process li:nth-of-type(5) .we-are-here p { background: #3382c4; border-radius: 50%; height: 54px; line-height: 52px; margin-top: 40px; padding: 0; position: relative; text-align: center; top: -5px; width: 54px; }
#routing-process li:nth-of-type(5) .we-are-here span { background: #3382c4; margin-left: -40px; }
#routing-process li:nth-of-type(5) .we-are-here span:after { border-right: 2px dotted #3382c4; }

#study-area { background: #EBF4FA; }
#study-area iframe { height: 580px; margin-top: 14px; width: 100%; }
#study-area ul { border-spacing: 24px 0; display: table; list-style-type: none; margin-left: -24px; margin-top: 25px; padding: 0; width: 103.5%; }
#study-area ul li { border: 2px solid #3382c4; display: table-cell; padding: 12px 14px 12px 68px; position: relative; vertical-align: middle; }
#study-area ul li span { background: #3382c4; border-radius: 50%; color: #fff; font-weight: 700; height: 34px; left: 16px; line-height: 34px; margin-top: -19px; position: absolute; text-align: center; top: 50%; width: 34px; }
#study-area ul li p { display: inline; }
#study-area ul li img { float: right; height: 74px; }

#proposed-route-route { background: #EBF4FA; }

.puc-button { background: #002856; border-radius: 4px; color: #fff; display: inline-block; margin-top: 14px; padding: 5px 10px; }
.puc-button:hover { background: #001834; color: #fff; }

video { border: 1px solid #ddd; display: block; margin: 24px 0; max-width: 600px; width: 100%; }

.events-top { padding-bottom: 36px !important; }

#land-agent-information { background: #EBF4FA; margin-bottom: 84px; padding: 22px 28px; }
#land-agent-information h3 { margin: 0 0 8px; }

#owner-expectation { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; padding: 0; }
#owner-expectation li { background: #FFF5E8; padding: 62px 24px 28px; position: relative; width: 23%; }
#owner-expectation li:before { background: #002756; color: #fff; content: "1."; font-size: 1.3em; font-weight: 900; height: 40px; left: 0; line-height: 40px; position: absolute; text-align: center; top: 0; width: 40px; }
#owner-expectation li:nth-of-type(2):before { content: "2."; }
#owner-expectation li:nth-of-type(3):before { content: "3."; }
#owner-expectation li:nth-of-type(4):before { content: "4."; }


/* News / Documents */
/* #press-releases { columns: 2; margin-top: 28px; } */

.resource-list { list-style-type: none; padding: 0; position: relative; z-index: 1; }
.resource-list li { margin-bottom: 24px; }
.resource-list li a { color: #002856; display: block; font-weight: 700; padding-left: 32px; position: relative; }
.resource-list a:hover img { transform: rotateY(360deg); transition: transform .8s; } 
.resource-list span { display: inline-block; padding-right: 25px; }
.resource-list img { height: 24px; left: 0; margin-right: 4px; position: absolute; top: 2px; transition: 0s; vertical-align: middle; }
.resource-list p {color: #000; padding-bottom: 10px;font-weight: 500;}
.resource-list span span{color: red; display: inline-block; padding-right: 5px;}

#county-meetings span { font-weight: 700; }
#county-meetings .resource-list li { padding-left: 38px; position: relative; }
#county-meetings .resource-list span { display: inline-block; padding: 0; }
#county-meetings .resource-list a { display: inline-block; padding: 0 8px; }

.press-release { border-bottom: 1px solid #002856; list-style-type: none; margin: 32px 0; padding-bottom: 42px; position: relative; z-index: 1; }
.press-release a { color: #002856; display: block; padding-left: 74px; position: relative; }
.press-release span { display: inline-block; font-weight: 400; margin-bottom: 14px; padding-right: 25px; }
.press-release strong { display: block; line-height: 1.2em;  }
.press-release img { display: inline-block; height: 50px; left: 0; position: absolute; transition: 0s; top: 28px; vertical-align: middle; }
.press-release a:hover img { transform: rotateY(360deg); transition: transform .8s; } 
.press-release p { color: #000; }

#formatted-release { border-bottom: 1px solid #333; margin-top: 24px; padding-bottom: 18px; }
#formatted-release img { display: inline-block; height: 180px; }
#formatted-release .col-md-6 p { padding-left: 110px; }
#formatted-release .col-md-6 p:first-of-type { padding: 0; }
#formatted-release .col-md-6 p em:first-of-type { left: 0; position: absolute; }
#formatted-release h3 { background: transparent; color: #333; padding: 0; }
#formatted-release small { display: block; margin: 18px 0; }

#resource-list-archive { border-top: 1px solid transparent; }
#toggle-archives { background: #002856; border: 0; border-left: 8px solid #ff9e18; border-radius: 0; color: #fff; float: right; margin: 34px 0 8px; padding: 6px 14px; transition: background .2s; }

#video-gallery h2 { margin-bottom: 18px;  }
#video-gallery > div > div { background: #333; border-radius: 8px; float: left; height: 220px; margin: 28px 0 0 0; margin-right: 2%; width: 30%; }

#photo-gallery { background: #EBF4FA; }

#video-library ul { list-style-type: none; margin-top: 24px; overflow: auto; padding: 0; }
#video-library ul li { background: #333; border-radius: 4px; float: left; height: 180px; margin: 0 3% 25px 0; width: 30%; }

h3.docsp {margin-bottom: 25px;}
#project-documents h3 { font-size: 1.3em; margin: 44px 0 32px; }
#project-documents h4 { border-bottom: 4px solid #ff9e18; padding-bottom: 10px; }

#project-documents .row > div:first-of-type { padding-right: 34px !important; }
#project-documents .row > div:last-of-type { padding-left: 34px !important; }
#regulatory-documents .row > div:first-of-type { padding-right: 34px !important; }
#regulatory-documents .row > div:last-of-type { padding-left: 34px !important; }
#regulatory-documents .new-yellow-btn { margin-bottom: 12px; }

#media-contacts { background: #f2f2f2; padding-bottom: 32px; }
#media-contacts h2 { margin-bottom: 48px; }
#media-contacts img { height: 100px; }

#faqs { background: #f2f2f2; }
#faqs.landowner-faqs { background: #EBF4FA; clear: both; }

#routemap-area { border: 2px solid #ddd; }
#pdf-routemap { position: relative; }
#pdf-routemap img { width: 100%; }
#pdf-routemap > a { background: rgba(15,15,15,.2); border: 2px solid #333; height: 1.9%; left: 84.4%; position: absolute; top: 4%; transition: background .3s; width: 5%; }
#pdf-routemap > a:hover { background: rgba(15,15,15,.5); }
#pdf-routemap > a:after { outline: 0px solid rgba(15,15,15,.4); content: ""; height: 100%; left: 0; opacity: 1; position: absolute; top: 0; width: 100%; }
#pdf-routemap > a:hover:after { outline: 14px solid rgba(15,15,15,.8); opacity: 0; transition: outline .4s, opacity .8s; }
#pdf-routemap > a:nth-of-type(1) { left: 91%; top: 0.6%; }
#pdf-routemap > a:nth-of-type(2) { left: 88.7%; top: 2.4%; }
#pdf-routemap > a:nth-of-type(4) { left: 81.2%; top: 5.7%; }
#pdf-routemap > a:nth-of-type(5) { left: 80.2%; top: 7.55%; }
#pdf-routemap > a:nth-of-type(6) { left: 78.2%; top: 9.3%; }
#pdf-routemap > a:nth-of-type(7) { left: 77.2%; top: 11%; }
#pdf-routemap > a:nth-of-type(8) { left: 74.3%; top: 12.8%; }
#pdf-routemap > a:nth-of-type(9) { left: 72.2%; top: 14.6%; }
#pdf-routemap > a:nth-of-type(10) { left: 67.8%; top: 15.8%; }
#pdf-routemap > a:nth-of-type(11) { left: 63.3%; top: 17.0%; }
#pdf-routemap > a:nth-of-type(12) { left: 60.3%; top: 18.4%; }
#pdf-routemap > a:nth-of-type(13) { left: 60.3%; top: 20.4%; }
#pdf-routemap > a:nth-of-type(14) { left: 58.6%; top: 21.9%; }
#pdf-routemap > a:nth-of-type(15) { left: 56.4%; top: 23.7%; }
#pdf-routemap > a:nth-of-type(16) { left: 52.5%; top: 24.7%; }
#pdf-routemap > a:nth-of-type(17) { left: 49.7%; top: 26.3%; }
#pdf-routemap > a:nth-of-type(18) { left: 48%; top: 28.1%; }
#pdf-routemap > a:nth-of-type(19) { left: 45.2%; top: 29.9%; }
#pdf-routemap > a:nth-of-type(20) { left: 42%; top: 31.6%; }
#pdf-routemap > a:nth-of-type(21) { left: 38.5%; top: 33.1%; }
#pdf-routemap > a:nth-of-type(22) { left: 35.8%; top: 34.75%; }
#pdf-routemap > a:nth-of-type(23) { left: 33.6%; top: 36.25%; }
#pdf-routemap > a:nth-of-type(24) { left: 32%; top: 38.2%; }
#pdf-routemap > a:nth-of-type(25) { left: 32%; top: 40.2%; }
#pdf-routemap > a:nth-of-type(26) { left: 32%; top: 41.8%; }
#pdf-routemap > a:nth-of-type(27) { left: 30.6%; top: 43.6%; }
#pdf-routemap > a:nth-of-type(28) { left: 30.6%; top: 45.4%; }
#pdf-routemap > a:nth-of-type(29) { left: 33.3%; top: 46.8%; }
#pdf-routemap > a:nth-of-type(30) { left: 35.2%; top: 48.4%; }
#pdf-routemap > a:nth-of-type(31) { left: 33.9%; top: 50.15%; }
#pdf-routemap > a:nth-of-type(32) { left: 31.6%; top: 51.12%; }
#pdf-routemap > a:nth-of-type(33) { left: 31.3%; top: 52.89%; }
#pdf-routemap > a:nth-of-type(34) { left: 31.3%; top: 54.7%; }
#pdf-routemap > a:nth-of-type(35) { left: 31.3%; top: 56.65%; }
#pdf-routemap > a:nth-of-type(36) { left: 31.3%; top: 58.6%; }
#pdf-routemap > a:nth-of-type(37) { left: 31.3%; top: 60.5%; }
#pdf-routemap > a:nth-of-type(38) { left: 31.3%; top: 62.5%; }
#pdf-routemap > a:nth-of-type(39) { left: 31.3%; top: 64.45%; }
#pdf-routemap > a:nth-of-type(40) { left: 31.3%; top: 66.3%; }
#pdf-routemap > a:nth-of-type(41) { left: 31.3%; top: 68.3%; }
#pdf-routemap > a:nth-of-type(42) { left: 31.4%; top: 70.3%; }
#pdf-routemap > a:nth-of-type(43) { left: 31.4%; top: 72.2%; }
#pdf-routemap > a:nth-of-type(44) { left: 31.4%; top: 74.1%; }
#pdf-routemap > a:nth-of-type(45) { left: 31.4%; top: 76%; }
#pdf-routemap > a:nth-of-type(46) { left: 31.4%; top: 78%; }
#pdf-routemap > a:nth-of-type(47) { left: 31.4%; top: 79.9%; }
#pdf-routemap > a:nth-of-type(48) { left: 31.4%; top: 81.8%; }
#pdf-routemap > a:nth-of-type(49) { left: 31.4%; top: 83.8%; }
#pdf-routemap > a:nth-of-type(50) { left: 31.4%; top: 85.7%; }
#pdf-routemap > a:nth-of-type(51) { left: 31.5%; top: 87.3%; }
#pdf-routemap > a:nth-of-type(52) { left: 36.3%; top: 87.7%; }
#pdf-routemap > a:nth-of-type(53) { left: 41.5%; top: 87.8%; }
#pdf-routemap > a:nth-of-type(54) { left: 42.9%; top: 88.8%; }
#pdf-routemap > a:nth-of-type(55) { left: 43%; top: 90.7%; }
#pdf-routemap > a:nth-of-type(56) { left: 42.9%; top: 92.7%; }
#pdf-routemap > a:nth-of-type(57) { left: 47.3%; top: 93.7%; }
#pdf-routemap > a:nth-of-type(58) { left: 47.3%; top: 95.7%; }
#pdf-routemap > a:nth-of-type(59) { left: 44.9%; top: 97.5%; }
#pdf-routemap > a:nth-of-type(60) { left: 34%; top: 88.9%; }
#pdf-routemap > a:nth-of-type(61) { left: 37.5%; top: 90.8%; }
#pdf-routemap > a:nth-of-type(62) { left: 41.3%; top: 92.5%; }
#pdf-routemap > a:nth-of-type(63) { left: 42%; top: 94.4%; }
#pdf-routemap > a:nth-of-type(64) { left: 42%; top: 96.3%; }

#routemap-areab { border: 2px solid #ddd; }
#pdf-routemapb { position: relative; }
#pdf-routemapb img { width: 100%; }
#pdf-routemapb > a { background: rgba(15,15,15,.2); border: 2px solid #333; height: 1.9%; left: 84.4%; position: absolute; top: 4%; transition: background .3s; width: 5%; }
#pdf-routemapb > a:hover { background: rgba(15,15,15,.5); }
#pdf-routemapb > a:after { outline: 0px solid rgba(15,15,15,.4); content: ""; height: 100%; left: 0; opacity: 1; position: absolute; top: 0; width: 100%; }
#pdf-routemapb > a:hover:after { outline: 14px solid rgba(15,15,15,.8); opacity: 0; transition: outline .4s, opacity .8s; }
#pdf-routemapb > a:nth-of-type(1) { left: 91.5%; top: 0.7%; }
#pdf-routemapb > a:nth-of-type(2) { left: 89.2%; top: 2.2%; }
#pdf-routemapb > a:nth-of-type(3) { left: 85.2%; top: 4.0%; }
#pdf-routemapb > a:nth-of-type(4) { left: 81.7%; top: 5.4%; }
#pdf-routemapb > a:nth-of-type(5) { left: 80.3%; top: 7.1%; }
#pdf-routemapb > a:nth-of-type(6) { left: 78.9%; top: 8.8%; }
#pdf-routemapb > a:nth-of-type(7) { left: 77.6%; top: 10.5%; }
#pdf-routemapb > a:nth-of-type(8) { left: 75.4%; top: 11.3%; }
#pdf-routemapb > a:nth-of-type(9) { left: 71.7%; top: 12.8%; }
#pdf-routemapb > a:nth-of-type(10) { left: 68%; top: 13.9%; }
#pdf-routemapb > a:nth-of-type(11) { left: 64.4%; top: 15.2%; }
#pdf-routemapb > a:nth-of-type(12) { left: 60.8%; top: 16.4%; }
#pdf-routemapb > a:nth-of-type(13) { left: 59.1%; top: 18.1%; }
#pdf-routemapb > a:nth-of-type(14) { left: 56.2%; top: 19.8%; }
#pdf-routemapb > a:nth-of-type(15) { left: 53.9%; top: 21.5%; }
#pdf-routemapb > a:nth-of-type(16) { left: 52.8%; top: 23.2%; }
#pdf-routemapb > a:nth-of-type(17) { left: 52.4%; top: 25%; }
#pdf-routemapb > a:nth-of-type(18) { left: 46.9%; top: 28%; }
#pdf-routemapb > a:nth-of-type(19) { left: 47.0%; top: 29.7%; }
#pdf-routemapb > a:nth-of-type(20) { left: 39.8%; top: 32.6%; }
#pdf-routemapb > a:nth-of-type(21) { left: 34.2%; top: 36%; }
#pdf-routemapb > a:nth-of-type(22) { left: 31.5%; top: 37.8%; }
#pdf-routemapb > a:nth-of-type(23) { left: 31.5%; top: 39.6%; }
#pdf-routemapb > a:nth-of-type(24) { left: 31.5%; top: 41.5%; }
#pdf-routemapb > a:nth-of-type(25) { left: 30.6%; top: 43.3%; }
#pdf-routemapb > a:nth-of-type(26) { left: 30.6%; top: 45.2%; }
#pdf-routemapb > a:nth-of-type(27) { left: 30.2%; top: 47%; }
#pdf-routemapb > a:nth-of-type(28) { left: 35.3%; top: 47%; }
#pdf-routemapb > a:nth-of-type(29) { left: 30.2%; top: 48.8%; }
#pdf-routemapb > a:nth-of-type(30) { left: 35.1%; top: 48.6%; }
#pdf-routemapb > a:nth-of-type(31) { left: 32.3%; top: 50.2%; }
#pdf-routemapb > a:nth-of-type(32) { left: 34.9%; top: 50.4%; }
#pdf-routemapb > a:nth-of-type(33) { left: 31.3%; top: 52.95%; }
#pdf-routemapb > a:nth-of-type(34) { left: 31.2%; top: 81.9%; }
#pdf-routemapb > a:nth-of-type(35) { left: 31.2%; top: 83.9%; }
#pdf-routemapb > a:nth-of-type(36) { left: 31.2%; top: 85.9%; }
#pdf-routemapb > a:nth-of-type(37) { left: 31.0%; top: 86.9%; }


#routemap-areac { border: 2px solid #ddd; }
#pdf-routemap-c { position: relative; }
#pdf-routemap-c img { width: 100%; }
#pdf-routemap-c > a { background: rgba(15,15,15,.2); border: 2px solid #333; height: 1.85%; left: 84.4%; position: absolute; top: 4%; transition: background .3s; width: 5.3%; }
#pdf-routemap-c > a:hover { background: rgba(15,15,15,.5); }
#pdf-routemap-c > a:after { outline: 0px solid rgba(15,15,15,.4); content: ""; height: 100%; left: 0; opacity: 1; position: absolute; top: 0; width: 100%; }
#pdf-routemap-c > a:hover:after { outline: 14px solid rgba(15,15,15,.8); opacity: 0; transition: outline .4s, opacity .8s; }
#pdf-routemap-c > a:nth-of-type(1) { left: 88.8%; top: 5.4%; }
#pdf-routemap-c > a:nth-of-type(2) { left: 86.6%; top: 7.1%; }
#pdf-routemap-c > a:nth-of-type(3) { left: 82.4%; top: 8.6%; }
#pdf-routemap-c > a:nth-of-type(4) { left: 79.1%; top: 10.1%; }
#pdf-routemap-c > a:nth-of-type(5) { left: 78.2%; top: 12%; }
#pdf-routemap-c > a:nth-of-type(6) { left: 76.5%; top: 13.6%; }
#pdf-routemap-c > a:nth-of-type(7) { left: 75.5%; top: 15.2%; }
#pdf-routemap-c > a:nth-of-type(8) { left: 72.6%; top: 16.8%; }
#pdf-routemap-c > a:nth-of-type(9) { left: 70.5%; top: 18.5%; }
#pdf-routemap-c > a:nth-of-type(10) { left: 66.3%; top: 19.6%; }
#pdf-routemap-c > a:nth-of-type(11) { left: 61.8%; top: 20.7%; }
#pdf-routemap-c > a:nth-of-type(12) { left: 58.9%; top: 22%; }
#pdf-routemap-c > a:nth-of-type(13) { left: 58.9%; top: 23.9%; }
#pdf-routemap-c > a:nth-of-type(14) { left: 57.2%; top: 25.3%; }
#pdf-routemap-c > a:nth-of-type(15) { left: 55.1%; top: 27%; }
#pdf-routemap-c > a:nth-of-type(16) { left: 51.3%; top: 27.9%; }
#pdf-routemap-c > a:nth-of-type(17) { left: 48.7%; top: 29.4%; }
#pdf-routemap-c > a:nth-of-type(18) { left: 46.8%; top: 31.1%; }
#pdf-routemap-c > a:nth-of-type(19) { left: 44.3%; top: 32.8%; }
#pdf-routemap-c > a:nth-of-type(20) { left: 41.1%; top: 34.3%; }
#pdf-routemap-c > a:nth-of-type(21) { left: 37.65%; top: 35.8%; }
#pdf-routemap-c > a:nth-of-type(22) { left: 35.1%; top: 37.3%; }
#pdf-routemap-c > a:nth-of-type(23) { left: 32.9%; top: 38.6%; }
#pdf-routemap-c > a:nth-of-type(24) { left: 31.3%; top: 40.5%; }
#pdf-routemap-c > a:nth-of-type(25) { left: 31.4%; top: 42.3%; }
#pdf-routemap-c > a:nth-of-type(26) { left: 30.1%; top: 43.8%; }
#pdf-routemap-c > a:nth-of-type(27) { left: 29.8%; top: 45.5%; }
#pdf-routemap-c > a:nth-of-type(28) { left: 29.8%; top: 47.3%; }
#pdf-routemap-c > a:nth-of-type(29) { left: 32.6%; top: 48.5%; }
#pdf-routemap-c > a:nth-of-type(30) { left: 34.5%; top: 50.1%; }
#pdf-routemap-c > a:nth-of-type(31) { left: 33.2%; top: 51.6%; }
#pdf-routemap-c > a:nth-of-type(32) { left: 30.95%; top: 52.6%; }
#pdf-routemap-c > a:nth-of-type(33) { left: 30.8%; top: 54.1%; }
#pdf-routemap-c > a:nth-of-type(34) { left: 30.8%; top: 55.9%; }
#pdf-routemap-c > a:nth-of-type(35) { left: 30.8%; top: 57.7%; }
#pdf-routemap-c > a:nth-of-type(36) { left: 30.8%; top: 59.5%; }
#pdf-routemap-c > a:nth-of-type(37) { left: 30.8%; top: 61.4%; }
#pdf-routemap-c > a:nth-of-type(38) { left: 30.8%; top: 63.2%; }
#pdf-routemap-c > a:nth-of-type(39) { left: 30.8%; top: 64.9%; }
#pdf-routemap-c > a:nth-of-type(40) { left: 30.8%; top: 66.7%; }
#pdf-routemap-c > a:nth-of-type(41) { left: 30.8%; top: 68.6%; }
#pdf-routemap-c > a:nth-of-type(42) { left: 30.9%; top: 70.4%; }
#pdf-routemap-c > a:nth-of-type(43) { left: 30.9%; top: 72.2%; }
#pdf-routemap-c > a:nth-of-type(44) { left: 30.9%; top: 74%; }
#pdf-routemap-c > a:nth-of-type(45) { left: 30.9%; top: 75.7%; }
#pdf-routemap-c > a:nth-of-type(46) { left: 30.9%; top: 77.6%; }
#pdf-routemap-c > a:nth-of-type(47) { left: 30.9%; top: 79.4%; }
#pdf-routemap-c > a:nth-of-type(48) { left: 30.9%; top: 81.2%; }
#pdf-routemap-c > a:nth-of-type(49) { left: 30.9%; top: 83%; }
#pdf-routemap-c > a:nth-of-type(50) { left: 30.9%; top: 84.8%; }
#pdf-routemap-c > a:nth-of-type(51) { left: 31%; top: 86.2%; }
#pdf-routemap-c > a:nth-of-type(52) { left: 35.6%; top: 86.7%; }
#pdf-routemap-c > a:nth-of-type(53) { left: 40.5%; top: 86.7%; }
#pdf-routemap-c > a:nth-of-type(54) { left: 41.9%; top: 87.7%; }
#pdf-routemap-c > a:nth-of-type(55) { left: 41.9%; top: 89.5%; }
#pdf-routemap-c > a:nth-of-type(56) { left: 41.9%; top: 91.2%; }
#pdf-routemap-c > a:nth-of-type(57) { left: 46%; top: 92.2%; }
#pdf-routemap-c > a:nth-of-type(58) { left: 46%; top: 94%; }
#pdf-routemap-c > a:nth-of-type(59) { left: 44%; top: 95.8%; }
#pdf-routemap-c > a:nth-of-type(60) { left: 33.4%; top: 87.8%; }
#pdf-routemap-c > a:nth-of-type(61) { left: 36.8%; top: 89.5%; }
#pdf-routemap-c > a:nth-of-type(62) { left: 40.5%; top: 91.2%; }
#pdf-routemap-c > a:nth-of-type(63) { left: 41.3%; top: 92.8%; }
#pdf-routemap-c > a:nth-of-type(64) { left: 41.3%; top: 94.6%; }


#routemap-aread { border: 2px solid #ddd; }
#pdf-routemap-d { position: relative; }
#pdf-routemap-d img { width: 100%; }
#pdf-routemap-d > a { background: rgba(15,15,15,.2); border: 2px solid #333; height: 1.9%; left: 84.4%; position: absolute; top: 4%; transition: background .3s; width: 5%; }
#pdf-routemap-d > a:hover { background: rgba(15,15,15,.5); }
#pdf-routemap-d > a:after { outline: 0px solid rgba(15,15,15,.4); content: ""; height: 100%; left: 0; opacity: 1; position: absolute; top: 0; width: 100%; }
#pdf-routemap-d > a:hover:after { outline: 14px solid rgba(15,15,15,.8); opacity: 0; transition: outline .4s, opacity .8s; }
#pdf-routemap-d > a:nth-of-type(1) { left: 91%; top: 0.6%; }
#pdf-routemap-d > a:nth-of-type(2) { left: 88.7%; top: 2.4%; }
#pdf-routemap-d > a:nth-of-type(4) { left: 81.2%; top: 5.7%; }
#pdf-routemap-d > a:nth-of-type(5) { left: 80.2%; top: 7.55%; }
#pdf-routemap-d > a:nth-of-type(6) { left: 78.2%; top: 9.3%; }
#pdf-routemap-d > a:nth-of-type(7) { left: 77.2%; top: 11%; }
#pdf-routemap-d > a:nth-of-type(8) { left: 74.3%; top: 12.8%; }
#pdf-routemap-d > a:nth-of-type(9) { left: 72.2%; top: 14.6%; }
#pdf-routemap-d > a:nth-of-type(10) { left: 67.8%; top: 15.8%; }
#pdf-routemap-d > a:nth-of-type(11) { left: 63.3%; top: 17.0%; }
#pdf-routemap-d > a:nth-of-type(12) { left: 60.3%; top: 18.4%; }
#pdf-routemap-d > a:nth-of-type(13) { left: 60.3%; top: 20.4%; }
#pdf-routemap-d > a:nth-of-type(14) { left: 58.6%; top: 21.9%; }
#pdf-routemap-d > a:nth-of-type(15) { left: 56.4%; top: 23.7%; }
#pdf-routemap-d > a:nth-of-type(16) { left: 52.5%; top: 24.7%; }
#pdf-routemap-d > a:nth-of-type(17) { left: 49.7%; top: 26.3%; }
#pdf-routemap-d > a:nth-of-type(18) { left: 48%; top: 28.1%; }
#pdf-routemap-d > a:nth-of-type(19) { left: 45.2%; top: 29.9%; }
#pdf-routemap-d > a:nth-of-type(20) { left: 42%; top: 31.6%; }
#pdf-routemap-d > a:nth-of-type(21) { left: 38.5%; top: 33.1%; }
#pdf-routemap-d > a:nth-of-type(22) { left: 35.8%; top: 34.75%; }
#pdf-routemap-d > a:nth-of-type(23) { left: 33.6%; top: 36.25%; }
#pdf-routemap-d > a:nth-of-type(24) { left: 32%; top: 38.2%; }
#pdf-routemap-d > a:nth-of-type(25) { left: 32%; top: 40.2%; }
#pdf-routemap-d > a:nth-of-type(26) { left: 30.75%; top: 41.8%; }
#pdf-routemap-d > a:nth-of-type(27) { left: 30.6%; top: 43.6%; }
#pdf-routemap-d > a:nth-of-type(28) { left: 30.6%; top: 45.4%; }
#pdf-routemap-d > a:nth-of-type(29) { left: 33.3%; top: 46.8%; }
#pdf-routemap-d > a:nth-of-type(30) { left: 35.2%; top: 48.4%; }
#pdf-routemap-d > a:nth-of-type(31) { left: 33.9%; top: 50.15%; }
#pdf-routemap-d > a:nth-of-type(32) { left: 31.6%; top: 51.12%; }
#pdf-routemap-d > a:nth-of-type(33) { left: 31.3%; top: 52.89%; }
#pdf-routemap-d > a:nth-of-type(34) { left: 31.3%; top: 54.7%; }
#pdf-routemap-d > a:nth-of-type(35) { left: 31.3%; top: 56.65%; }
#pdf-routemap-d > a:nth-of-type(36) { left: 31.3%; top: 58.6%; }
#pdf-routemap-d > a:nth-of-type(37) { left: 31.3%; top: 60.5%; }
#pdf-routemap-d > a:nth-of-type(38) { left: 31.3%; top: 62.5%; }
#pdf-routemap-d > a:nth-of-type(39) { left: 31.3%; top: 64.45%; }
#pdf-routemap-d > a:nth-of-type(40) { left: 31.3%; top: 66.3%; }
#pdf-routemap-d > a:nth-of-type(41) { left: 31.3%; top: 68.3%; }
#pdf-routemap-d > a:nth-of-type(42) { left: 31.4%; top: 70.3%; }
#pdf-routemap-d > a:nth-of-type(43) { left: 31.4%; top: 72.2%; }
#pdf-routemap-d > a:nth-of-type(44) { left: 31.4%; top: 74.1%; }
#pdf-routemap-d > a:nth-of-type(45) { left: 31.4%; top: 76%; }
#pdf-routemap-d > a:nth-of-type(46) { left: 31.4%; top: 78%; }
#pdf-routemap-d > a:nth-of-type(47) { left: 31.4%; top: 79.9%; }
#pdf-routemap-d > a:nth-of-type(48) { left: 31.4%; top: 81.8%; }
#pdf-routemap-d > a:nth-of-type(49) { left: 31.4%; top: 83.8%; }
#pdf-routemap-d > a:nth-of-type(50) { left: 31.4%; top: 85.7%; }
#pdf-routemap-d > a:nth-of-type(51) { left: 31.5%; top: 87.3%; }
#pdf-routemap-d > a:nth-of-type(52) { left: 36.3%; top: 87.7%; }
#pdf-routemap-d > a:nth-of-type(53) { left: 41.5%; top: 87.8%; }
#pdf-routemap-d > a:nth-of-type(54) { left: 42.9%; top: 88.8%; }
#pdf-routemap-d > a:nth-of-type(55) { left: 43%; top: 90.7%; }
#pdf-routemap-d > a:nth-of-type(56) { left: 42.9%; top: 92.7%; }
#pdf-routemap-d > a:nth-of-type(57) { left: 47.3%; top: 93.7%; }
#pdf-routemap-d > a:nth-of-type(58) { left: 47.3%; top: 95.7%; }
#pdf-routemap-d > a:nth-of-type(59) { left: 44.9%; top: 97.5%; }
#pdf-routemap-d > a:nth-of-type(60) { left: 34%; top: 88.9%; }
#pdf-routemap-d > a:nth-of-type(61) { left: 37.5%; top: 90.8%; }
#pdf-routemap-d > a:nth-of-type(62) { left: 41.3%; top: 92.5%; }
#pdf-routemap-d > a:nth-of-type(63) { left: 42%; top: 94.4%; }
#pdf-routemap-d > a:nth-of-type(64) { left: 42%; top: 96.3%; }


#real-estate > div { padding-top: 25px; }
#real-estate .accordion { padding-bottom: 18px; }
#real-estate .accordion h4 { font-size: 1em; font-style: italic; }
#real-estate .accordion h3 { margin: 16px 0 0; width: 100%; }
#real-estate .accordion h3:after { display: none; }
#real-estate .accordion img { margin: 28px 0; }
#re-resources {margin-bottom: 70px;}
#re-resources ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0; justify-content: flex-start; margin-top: 50px; }
#re-resources li { background: #fff; box-shadow: 1px 3px 8px -2px #333; margin: 0 1.5% 24px; width: 30%; text-align:center;}
#re-resources li a { color: #002856; display: block; font-size: .9em; font-weight: 700; height: 100%; line-height: 1.1em; margin-bottom: 18px; padding: 12px 20px 0; width: 100%; }
#re-resources li a:hover { background: #f7f7ff; }
#re-resources li img { display: block; height: 30px; margin: 0 auto 8px; }



.flip {padding-bottom: 50px; display:flex;}
.flip-card { cursor: pointer; display: inline-block; margin-right: 2%; margin-top: 8px; margin-bottom: 18px; position: relative; vertical-align: top; width: 100%}
.flip-card .front-side { background: #92c5eb; box-shadow: 0 6px 8px -4px #333; height: 400px; padding: 25px; transition: transform .15s ease-in-out .15s; }
.flip-card .front-side h4 { font-size: 1.4em; margin: 0; color: #002856 }
.flip-card .front-side img { bottom: 28px; position: absolute; right: 34px; }
.flip-card .reverse-side { background: #2d83c5; box-shadow: 0 6px 8px -4px #333; color: #fff; min-height: 100%; left: 0; padding: 25px; position: absolute; top: 0; transform: rotateX(8deg) rotateY(90deg); transition: transform .15s; width: 100%; }
.flip-card .reverse-side strong { font-weight: 600; line-height: 1.1em; }
.flip-card .reverse-side p {font-size: 0.8em;}
.flip-card:hover .front-side { transform: rotateX(6deg) rotateY(-90deg); transition: transform .2s; }
.flip-card:hover .reverse-side { transform: rotateX(0deg) rotateY(0deg); transition: transform .35s ease-in-out .1s; }

#segment-segment h4 { background: #f99d20; margin: 0 auto 24px; padding: 14px; text-align: center; width: 60%; }
#segment-segment h4:last-of-type { background: #91b753; margin-top: 24px; }
#segment-segment > div:first-of-type { padding-right: 2% !important;  }
#segment-segment .row > div { padding: 0 2% !important; }

/* #row-boxes { display: flex; flex-wrap: wrap; font-size: 1em; margin-top: 22px; margin-bottom: 40px; }
#row-boxes > div { background-color: #92c5eb; padding: 16px 2%; width: 25%; }
#row-boxes > div:nth-child(2) { background-color: #6daddd; }
#row-boxes > div:nth-child(3) { background-color: #4c98d1; }
#row-boxes > div:nth-child(4) { background-color: #2d83c5; }
#row-boxes > div h3 { background: transparent; color: #fff; display: block; font-size: 1.4em; margin: 0; text-align: center; }
#row-boxes > div img { display: block; margin: 0 auto 12px; width: 68px; }
#row-boxes > div strong { color: #fff; display: block; line-height: 16px; text-align: center; } */


/* Quick Footer */
.footer { background-color: #002856; color: #fff; position: relative; }
.footer .row { padding: 18px 4% 34px; }
.footer img { display: block; margin: 0 auto 18px; }
.footer h2 { color: #fff; font-size: 1.6em; font-weight: 700; }
.footer h2 a { font-weight: 900; text-decoration: none;  }
.footer a { color: #fff; display: block; font-weight: 400; margin: 4px 0; text-decoration: underline; }
.footer a:hover { color: #3483c4; }
.footer p { margin: 0; }
.footer a[href="#top"] { position: absolute; right: 14px; top: 12px; transition: margin .2s; }
.footer a[href="#top"]:hover { margin-top: -3px; }
.footer a[href="#top"] img { height: 28px; }

.footer > .row > div:first-of-type { text-align: left; }
.footer > .row > div:first-of-type .row { padding: 0; }
.footer > .row > div:first-of-type .row div { font-size: .8em; padding: 28px 32px 0 0; }
.footer > .row > div:first-of-type .row div p { line-height: 1.3em; margin-top: 10px; }
.footer > .row > div:first-of-type .row div a { color: #ff9e18; display: inline;  }
.footer > .row > div:first-of-type .row img { height: 30px; margin: 0;  }
.footer > .row > div:last-of-type { text-align: right; }
.footer > .row > div:last-of-type a { text-decoration: none; }
.footer > .row > div:last-of-type ul { list-style-type: none; padding: 0 32px 34px 0; }
.footer > .row > div:last-of-type ul li { display: inline-block; margin-right: 18px; margin-bottom: 4px;  }
.footer > .row > div:last-of-type ul li a { font-size: .85em; font-weight: 700; margin: 0; }

#footer-logos { display: flex; }
#footer-logos img { display: inline-block; height: 46px; margin: 0 24px 0 0; }

#mailing-list { background: #175f9b; padding: 38px 15% 38px; }
#mailing-list > div { padding: 12px 4% 0 0; text-align: left; }

#crmWebToEntityForm { background: transparent !important; margin-top: 0 !important; max-width: 100% !important; }
#crmWebToEntityForm form { margin: 0; position: relative; }
.zcwf_lblTopBottom .zcwf_title { display: none; }
#crmWebToEntityForm .zcwf_title + .zcwf_row { display: none; }
#crmWebToEntityForm.zcwf_lblTopBottom { padding: 0 !important; }
#crmWebToEntityForm.zcwf_lblTopBottom .zcwf_col_fld input[type=text] { background: #fff !important; ; border: 2px solid #ff9e18 !important; display: inline-block; padding: 3px 98px 3px 8px !important; width: 100% !important; color: #333;}
#crmWebToEntityForm.zcwf_lblTopBottom * { color: #000; font-family: museo-sans,sans-serif; font-size: 1em !important; }
#crmWebToEntityForm .zcwf_row:nth-of-type(3) { display: inline-block; height: auto; margin: 0 !important; vertical-align: middle; width: 100%; }
#crmWebToEntityForm .zcwf_row:last-of-type { display: inline-block; }
#crmWebToEntityForm .zcwf_row:last-of-type .zcwf_col_lab { display: none; }
#crmWebToEntityForm .zcwf_row:last-of-type .zcwf_col_fld { margin: 0; }
#crmWebToEntityForm input[type="submit"] { background: #ff9e18; border: 0; color: #002856; font-weight: 700; font-size: 1em !important; margin: 4px; padding: 12px 16px; transition: background .2s; width: fit-content;}
#crmWebToEntityForm input[type="submit"]:hover { background: #e1880c; }
#crmWebToEntityForm input[type="reset"] { display: none; }
.zcwf_col_fld img { display: inline-block; margin-bottom: 4px;}

#crmWebToEntityForm.contact-form.zcwf_lblTopBottom { margin-top: 33px !important; }

#crmWebToEntityForm.contact-form label { color: #000; }
#crmWebToEntityForm.contact-form .zcwf_title + .zcwf_row + .zcwf_row .zcwf_col_lab { display: block; }
#crmWebToEntityForm.contact-form .zcwf_row:nth-of-type(3) { width: 100%; }
#crmWebToEntityForm.contact-form.zcwf_lblTopBottom .zcwf_col_fld input[type=text] { background: #fff; border: 1px solid #ccc !important; color: #000; }
#crmWebToEntityForm.contact-form .zcwf_title + .zcwf_row { display: block; }
#crmWebToEntityForm.contact-form .zcwf_row:last-of-type { position: static; }
#crmWebToEntityForm.contact-form input[type="submit"] { background: #002856; border-left: 8px solid #ff9e18; border-radius: 0; color: #fff; font-size: 1em !important; margin: 34px 0 8px; transition: background .2s; }
#crmWebToEntityForm.contact-form input[type="submit"]:hover { background: #001c3c; color: #fff; }
#crmWebToEntityForm.contact-form.zcwf_lblTopBottom .zcwf_col_fld textarea { width: 100% !important; }
#CASECF1 {color: #333!important;}

/* Modal Window */
.close-modal { display: none; }
.modal-window { display: none; height: 100%; left: 0; position: fixed; text-align: center; top: -100%; transition: 0; width: 100%; z-index: 5000; }
.modal-window.showing { top: 0; transition: top 1s; }
.modal-window > button { background-color: rgba(0,0,0,.75); border: 0; cursor: pointer; display: block; height: 100%; left: 0; margin: 0; position: absolute; top: 0; width: 100%; }
.modal-title { background: transparent; color: #002856; display: block; font-size: 1.6em; font-weight: 900; height: auto; line-height: 1.2em; margin-top: 18px; margin-bottom: 8px;  padding: 6px 0; }
.modal-window > div { background-color: #fff; border: 28px solid #ff9e18; border-width: 32px 38px; border-radius: 6px; bottom: 50px; box-shadow: 4px 13px 28px 0 #111; display: inline-block; left: 0 !important; margin: 0; overflow: auto; padding: 28px 3%; position: relative; top: 16% !important; width: 550px !important; }
.modal-window > div > img { width: 350px; }
.modal-window > div p { color: #002856; font-weight: 700; line-height: 1.2em; margin-top: 26px; }
.modal-window > div p a { text-decoration: underline; }
.modal-window .nrp-button { font-size: .9em; padding: 8px 16px 8px 24px; }
.modal-window .nrp-button img { margin-left: 20px; }
.modal-window > div .close-modal { background: transparent; border: 0; color: #fff; font-size: 3em; line-height: .6em; position: fixed; right: 16px; top: 16px; }
.modal-window > div .close-modal:hover { color: #aaa; }
.modal-window > div .close-modal span { left: -9999px; position: absolute; }
.modal-window :focus { border-radius: 2px; outline: 2px groove #ddd; }

@media screen and (max-height: 580px) {
    .modal-window > div { border-width: 14px 18px; font-size: .85em; top: 8% !important; }
    .modal-title { font-size: 1.4em; }
    .modal-window > div > img { width: 260px; }
}

.checkmark-list {
    list-style: none;
}

.checkmark-list li:before {
    content: '✓';
    color: #789b40;
    font-weight: 700;
}

ul.checkmark-list p img {width: 20px !important; margin-top: -1px!important; margin-right: 10px;}


/* Added October 2025 */

#preconstruction-activities { background: #fffaf4; }
#preconstruction-activities ul { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; padding: 0; }
#preconstruction-activities li { color: #082659; font-size: 1.2em; font-weight: 700; margin: 24px 0; text-align: center; width: 31%; }
#preconstruction-activities li img { display: block; height: 74px; margin: 12px auto 0; }

#construction-activities { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; padding: 0; }
#construction-activities li { color: #082659; margin: 24px 0 8px; position: relative; width: 31.5%; }
#construction-activities li strong { background: #002955; color: #fff; left: 22px; padding: 14px 12px 6px; position: absolute; }
#construction-activities li > img { display: block; height: 240px; object-fit: cover; object-position: center; width: 100%; }
#construction-activities li span { display: block; margin-top: 14px; padding-left: 22px; position: relative; }
#construction-activities li span:before { border: 8px solid transparent; border-bottom-color: #2e84c6; border-width: 12px 7px; content: ""; position: absolute; left: 0; top: -6px;  }
#construction-activities em { color: #002955; display: block; font-size: .9em; font-weight: 700; line-height: 1.1em; margin-top: 10px; }

#energize-line { background: #ff9e17; height: 240px; left: 100%; position: absolute; text-align: center; top: 0; transform: translateX(-24%); width: 16% !important; z-index: 4; }
#energize-line img { height: 100%; width: auto !important; }


/* Tabs */
.hdr-tabs { margin: 5z4px 0; }
.hdr-tabs .hdr-tabtitle { font-size: 1.6em; margin-bottom: 16px; }
.hdr-tabs .hdr-tablist { display: none; }
.hdr-tabs.has-js .hdr-tablist { display: flex; }
.hdr-tabs .hdr-tablist { list-style-type: none; margin: 34px 4px 0; }
.hdr-tabs .hdr-tab { background: #fff; border: 1px solid #d67d00; border-radius: 6px; color: #d67d00; float: left; font-weight: 700; margin: 3px 22px 3px 0; padding: 9px 14px; transition: background .2s; z-index: 1; }
.hdr-tabs .hdr-tab:hover { background-color: #f5ece0; }
.hdr-tabs .hdr-tab[aria-selected="true"] { background-color: #d67d00; color: #fff; }
.hdr-tabs .hdr-tabpanel { border: 0 solid #aaa; border-radius: 4px; clear: both; margin-bottom: 12px; padding: 4px 0; }
.hdr-tabs.has-js .hdr-tabpanel { display: none; margin-bottom: 0; }
.hdr-tabs.has-js .hdr-tabpanel[aria-hidden="false"] { display: block; opacity: 0; transition: opacity .4s; }
.hdr-tabs.has-js .hdr-tabpanel.fade-in { opacity: 1; }

.hdr-tabpanel strong { color: #d67d00; display: none; font-size: 1.4em; margin: 34px 0 0; }
.showing-all .hdr-tabpanel strong { display: block; }


/* Image Slideshow */
.hdr-slideshow { width: 100%; }
.has-js .hdr-slideshow > div { height: auto; position: relative; }
.has-js .hdr-slideshow > .hdr-slideshow-photos { height: auto; }
.hdr-slideshow button { background: #666; background: rgba(48,48,48,.6); }
.hdr-slideshow button:hover { background: #444; background: rgba(48,48,48,.6); }
.hdr-slideshow button span { left: -9999px; position: absolute; }

.hdr-move { display: none; }
.has-js .hdr-move { border: 0; border-radius: 0 6px 6px 0; color: #fff; display: none; height: 50px; left: 0; padding: 0 24px; position: absolute; top: 50%; transform: translateY(-50%); transition: .4s; z-index: 1;  }
.hdr-move:after { border: 8px solid transparent; border-width: 8px 12px; border-right-color: #fff; content: ""; left: 50%; position: absolute; transform: translateX(-75%) translateY(-50%); }
.hdr-move:hover { padding: 0 28px; }
.hdr-move.hdr-next { border-radius: 6px 0 0 6px; left: auto; right: 0; }
.hdr-move.hdr-next:after { border-left-color: #fff; border-right-color: transparent; transform: translateX(-25%) translateY(-50%); }

.hdr-slides { height: 100%; list-style: none; overflow: hidden; padding: 0; position: relative; }
.hdr-slides li { display: inline-block; margin-right: 3%; position: relative; width: 30%; }
.has-js .hdr-slides > li { display: block; height: 100%; left: -9999px; margin: 0; opacity: 0; position: absolute; transition: opacity 0s; width: 100%; }
.hdr-slides > li.hdr-active { left: 0; opacity: 1; position: static; top: 0; transition: opacity .25s; }
.hdr-slides > li img { height: 100%; width: 100%; }
.hdr-caption { font-size: .9em; margin: 0; padding: 10px 0; }

.hdr-dotmenu { list-style: none; line-height: 1em; margin: 0; padding: 18px 0 0; width: 100%; }
.hdr-dotmenu li { display: inline-block; margin: 0; padding: 0 4px; }
.hdr-dotmenu li button { background: none; border: 4px solid transparent; height: 136px; margin: 0 8px 0 0; overflow: hidden; padding: 0; position: relative; transition: border .4s; width: 220px; }
.hdr-dotmenu li button img { height: 100%; left: 0; object-fit: cover; object-position: center; position: absolute; top: 0; width: 100%; }
.hdr-dotmenu li.hdr-active button { border-color: #d67d00; }

.hdr-slideshow .lightbox a { display: block; }

@media screen and (max-width: 992px) {
    .hdr-slides li { width: 100%; }
    .hdr-move { height: 38px; padding: 0 16px; }
    .hdr-move:after { border-width: 6px 9px; }
    .hdr-caption { font-size: .9em; }

    .hdr-dotmenu li button { border-width: 2px; height: 88px; margin: 0 2px 8px 0 ; width: 129px; }
}

.restrict-embed { max-width: 1600px; width: 100%; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; margin: 28px 0; overflow: hidden; width: 100%; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*********************************************/
/****** Media Queries ************************/
/*********************************************/
/* Add more queries as needed; 992px is the column breakpoint for "medium"  columns in Bootstrap */

@media screen and (min-width: 2080px) {
    body{ font-size: 24px; }
    
    .header li.nrp-button a { line-height: 1.2em; padding-top: 16px; width: 170px;  }

    #homepage-header { height: 1110px; }

    .nrp-button.full-screen { margin-top: 70px;  }

    #spinny-questions .col-md-4 { height: 640px; }
    
    #current-activities img { border-radius: 14px 14px 0 0; height: 310px; }

    .hdr-slides > li img { height: 1080px; object-fit: cover; object-position: center; width: 100%; }
}

@media screen and (min-width: 2620px) {
    #homepage-header { height: 1270px; }
}

@media screen and (max-width: 1460px) {
    .announcement { font-size: .85em; }
    .header-section { padding: 0 .5% 13px 24px; }
    .header-section img { height: 44px; margin-top: 14px; }
    .header li a { padding: 22px 14px 0; }
    .header li.nrp-button { margin-left: 10px; }
    .header li.nrp-button a { font-size: .9em; height: 86px; line-height: 1.1em; padding-top: 22px; width: 120px; }
    .header li.nrp-button a:hover { height: 94px; }
    .header li a.active:before { top: 56px; }
    #homepage-header { height: 640px; }
    #content { padding-top: 114px; }
    
    #spinny-questions .col-md-4 h2 { font-size: 1.4em; }
    #spinny-questions .col-md-4 div { font-size: .9em; }
    #spinny-questions .col-md-4 div p { line-height: 1.3em; }

    #routing-process li:nth-of-type(1) .public-engagement { left: 125%; width: 150%; }
    #routing-process li:nth-of-type(1) .public-engagement p { left: -50%; width: 200%; }

    #row-boxes > div { padding-left: 3%; padding-right: 3%; width: 50%; }
}

@media screen and (max-width: 1260px) {
    .quick-buttons li { font-size: .9em; width: 30%; }
    .quick-buttons li a img { height: 74px; }
    .quick-buttons li > span { font-size: .8em; }

    #mailing-list { padding: 32px 9%; }
    
    #study-area ul li { font-size: .9em; padding: 5px 8px 5px 60px; }
    #study-area ul li p { line-height: .8em; }
    #study-area ul li span { left: 12px; }

    #formatted-release img { height: 120px; }
    #formatted-release h3 { line-height: 1.2em; margin-top: 26px; }
    #formatted-release a { word-wrap: break-word;  }
}

@media screen and (max-width: 1150px) {
    #content { padding-top: 112px; }
    .announcement { padding: 6px 10px; }
    #homepage .announcement { font-size: 1.1em; padding: 18px 12px; }
    #homepage .announcement img { height: 32px; }

    .new-header-top { padding: 8px 18px; }
    .subpage-header { padding: 78px 11% 52px !important}
    
    /* Quick Mobile Menu */
    #mobile-menu { color: #002856; display: inline-block; font-size: 1.1em; margin-top: 18px; }
    .header-section img { height: 42px; }
    .header .nav ul { background-color: #fff; box-shadow: 2px 4px 8px -0px #000; display: none; opacity: 0; position: absolute; right: 110%; top: 90%; width: 220px; z-index: 1; }
    .menu-opened .header .nav ul { opacity: 1; right: 0; transition: right 0s, opacity .2s; }
    .header .nav li { border-top: 1px solid #fff; display: block; margin: 0; text-align: center; } 
    .header .nav li a { border-bottom: 1px solid #002856; height: auto; line-height: 1em; padding: 10px 8px; text-shadow: none; }
    .header li.nrp-button { padding: 10px 8px; }
    .header li.nrp-button a { border: 0; box-shadow: none; font-size: .85em; padding: 6px 8px; width: 100%; }
    .header li a.active:before { height: 3px; top: 63px; }

    #routing-process li:nth-of-type(5) .we-are-here p { margin-top: 22px; }
    #routing-process li:nth-of-type(5) .we-are-here span { font-size: .8em; height: 24px; line-height: 22px; }
    #routing-process li:nth-of-type(5) .we-are-here span:after { height: 24px; top: 24px; }

    #routing-process-map h3 { font-size: 1.1em; }
    
    .quick-buttons li { font-size: .8em; }
    .quick-buttons li a img { height: 54px; }

    #homepage-top { padding: 68px 0 44px; }

    #support ul li { width: 50%; }

    .flip {display: block;}
    .flip-card .front-side {padding: 16px 18px;}
    .flip-card .front-side h4 {font-size: 1.2em;}
    .flip-card .reverse-side {padding: 16px 18px; height: 100%;}
    .flip-card .reverse-side {padding: 16px 18px;}

    #spinny-questions > div { padding: 88px 10% 94px !important; }
    #spinny-questions .col-md-4 { height: 580px; }
    #spinny-questions .col-md-4 h2 { font-size: 1.2em; }
    #spinny-questions .col-md-4 div { font-size: .8em; }

    #timeline ul li { margin-top: -36px; }
    #timeline ul li:nth-of-type(even) { margin-bottom: -36px; }
    #timeline ul li h3 { font-size: 1em; height: 28px; line-height: 28px; padding: 0 8px; }
    #timeline p { line-height: 1.1em; }

    #criteria-list { font-size: .9em; }

    #mailing-list > div { width: 100%; }

    #routing-process { height: 420px; }
    #routing-process:after{ top: 268px; }
    #routing-process > div { top: 240px; }
    #routing-process li { padding: 0 20px; }
    #routing-process li h4 { font-size: .9em; margin-top: 16px; }
    #routing-process li:nth-of-type(5) p span { font-size: .9em; line-height: 1.1em; }

    #energize-line { ofpacity: .6; transform: translateX(-34%); width: 24% !important;  }
    
    .footer > .row > div:first-of-type .row div{ padding: 8px 20px 0 0;  }
}

@media screen and (max-width: 992px) {
    h1 { font-size: 2.2em; margin: 20px 0 6px; }
    h2 { font-size: 1.6em; margin: 12px 0 0; }
    h3 { font-size: 1.2em; font-weight: 700; height: auto; line-height: 1em; margin: 20px 0 0; padding: 8px 0; }
    h4 { font-size: 1.1em; margin: 28px 0 0; }
    h5 { font-size: 1.2em; margin: 26px 0 0; }
    h6 { font-size: 1.1em; margin: 26px 0 0; }
    p, li { font-size: .9em; line-height: 1.3em; }
    .button { font-size: .8em; border-radius: 12px; padding: 4px 12px 3px; }
    table tr { font-size: .8em; padding: 2px; }
    .vertical-center > div { margin: 0; }

    .header ul { margin-top: 2px; }
    #translation-widget select { font-size: .85em; }
    #translation-widget img { height: 14px; }

    .lightbox.enhanced a { display: block; overflow: auto; }
    .lightbox.enhanced img { max-width: 800% !important; width: 160% !important; }
    .lightbox > div .close-lightbox { font-size: 2em; right: 8px; }
    
    .slideshow-trigger { font-size: .8em; height: 26px; line-height: 26px; margin: 8px;  width: 26px; }
    .slideshow-move { font-size: 1.2em; height: 32px; line-height: 32px; margin-top: -16px; padding: 0 6px; }
    .caption { bottom: 4px; font-size: .85em; }

    #homepage-header { height: 500px; }
    #homepage-header img { height: 220px; }
    #homepage-header > div > div:before { box-shadow: 0 0 111px 188px rgba(255,255,255,.75); }
    #homepage-header .call-to-action p { font-size: 2.4em; line-height: 1.1em; width: 360px; }

    #current-activities ul li { margin-bottom: 40px; padding-bottom: 0; width: 100%; }
    #current-activities ul li:last-of-type { margin: 0; }
    #current-activities img { height: 180px; }
    #current-activities a { font-size: .9em; padding: 8px 10px; }

    #participate-process { padding: 0 5% 10px; }

    #routing-process-map > div { float: left; width: 50%; }
    #routing-process-map > div:nth-of-type(3) { clear: both; }

    .subpage-header .top-title { font-size: 1.8em; }
    .subpage-header:before { height: 190px; }

    .audible-section p { font-size: 1em; }
    
    #row-needs h3 { margin-bottom: 22px; }
    
    #faqs h2 { margin-bottom: 18px; }
    .accordion-set { margin: 0; }
    .accordion { margin-right: 0; padding-bottom: 16px; }
    .accordion:last-of-type { border-bottom: 1px dashed #002856; }
    .accordion h3 { font-size: .9em; margin-top: 14px; }
    #faqs .col-md-6:last-of-type .accordion:last-of-type { border: 0; }

    #regulatory-documents .accordion { border: 0; }
    
    .yellow-npr-button { font-size: 1.1em; line-height: 1.2em; padding: 14px 12px !important; }
    .yellow-npr-button img { height: 16px; }

    .quick-buttons li { font-size: .7em; width: 31%; }
    .quick-buttons li a { padding: 16px 8px; }
    .quick-buttons li a img { height: 48px; }
    .quick-buttons li > span { font-size: .8em; }

    #study-area ul { display: block; margin: 24px 0 0; width: 100%; }
    #study-area ul li { display: block; min-height: 60px; }
    #study-area ul li img { height: 48px; margin-left: 8px; }
    #study-area ul li p { line-height: .8em; }
    #study-area ul li span { left: 12px; }

    #support ul li img { height: 74px !important; }

    .flip-card {width: 100%;}
    .flip-card .front-side {height: 250px;}

    #spinny-questions > div { padding: 72px 10% 80px !important; }
    #spinny-questions .col-md-4 { height: auto; margin: 28px 0 0 !important; width: 100%; }
    #spinny-questions .col-md-4 h2 { border-radius: 8px 8px 0 0; font-size: 1.1em; height: auto; padding: 14px 22px; transform: none !important; }
    #spinny-questions .col-md-4 div { border-radius: 0 0 8px 8px; height: auto; padding: 1px 22px 14px; position: static; transform: none !important; }
    #spinny-questions .col-md-4 div p:first-of-type { display: none; }

    #who-we-are img { height: 70px; margin-bottom: 6px; }

    #criteria-list .col-md-8 { padding-left: 0 !important; }

    #video-library ul li { height: 160px; }
    
    #routing-process { height: 360px; }
    #routing-process li { width: 14%; }
    #routing-process li h4 { font-size: .75em; }
    #routing-process li:nth-of-type(2) { left: 14%; width: 20%; }
    #routing-process li:nth-of-type(3) { left: 34%; width: 19%; }
    #routing-process li:nth-of-type(4) { left: 53%; width: 17%; }
    #routing-process li:nth-of-type(5) { left: 70%; width: 30%; }
    #routing-process > div { left: 85%; }
    #routing-process:after { left: 63%; top: 209px; width: 19%; }
    #routing-process li:nth-of-type(1) .we-are-here { margin-bottom: -22px; }
    #routing-process li:nth-of-type(1) .we-are-here span { font-size: .8em; margin-left: -10px; width: 100px; }
    #routing-process li:nth-of-type(1) .public-engagement { font-size: .8em; left: 115%; width: 250%; }
    #routing-process li:nth-of-type(1) .public-engagement p { left: -26%; width: 160%; }
    #routing-process li:nth-of-type(1) .we-are-here p { height: 42px; line-height: 42px; margin-top: 26px; width: 42px; }
    #routing-process li:nth-of-type(1) .we-are-here p img { height: 18px; }
    #routing-process > div { height: 42px; line-height: 39px; top: 190px; width: 42px; }
    #routing-process > div img { height: 18px; }

    #owner-expectation li { margin-bottom: 18px; width: 48%; }

    #study-area iframe { height: 420px; }

    #media-contacts { margin-top: 48px; }
    #media-contacts img { height: 70px; }

    .image-slideshow button { font-size: .8em;height: 32px; left: -16px; width: 32px; }
    .image-slideshow button.next { left: auto; right: -16px; }
    .image-slideshow > ul button { height: 18px; margin: 0 5px; width: 18px;  }
    
    .footer .col-md-6:first-of-type { margin-bottom: 18px; }
    .footer a { font-size: .8em; line-height: 1.1em; margin-bottom: 12px; word-wrap: break-word; }
    .footer h2 { font-size: 1.2em; }

    .modal-window > div { border-width: 10px 12px; font-size: .85em; padding: 16px 24px 14px; top: 46px !important; width: 90% !important; }
    .modal-title { font-size: 1.1em; line-height: 1.1em; margin: 10px 8px 0; }
    .modal-window > div .close-modal { font-size: 1.8em; top: 12px; }
    .modal-window > div p { margin-top: 10px; }
    .modal-window .nrp-button { line-height: 1em; padding-left: 14px; }
    .modal-window .nrp-button img { display: none; }
    .modal-window > div > img { max-width: 260px; width: 86%; }

    .footer a[href="#top"] { top: 4px; }
    .footer > .row > div:last-of-type ul { margin-top: 24px; padding-bottom: 16px; }

    #re-resources { margin-top: 36px;  }
    
    .hdr-tabs.has-js .hdr-tablist { gap: 16px; justify-content: space-between; }
    .hdr-tabs .hdr-tab { font-size: .9em; line-height: 1.1em; margin-right: 0; }
}

@media screen and (max-width: 768px) {
    #content > .row > div { padding: 28px 8% 22px; }

    #homepage-top { padding: 14px 0; }

    .audible-section { font-size: 1.1em; }
    .subpage-header { padding: 64px 6% 38px !important; }
    .subpage-nav { font-size: .9em;  padding: 10px 6%; }
    
    #video-library ul li { height: 110px; width: 47%; }
    
    .components h4 { font-size: 1em; }
    .components > div { padding: 0 !important; }
    .components .legend div { font-size: .9em; }

    #events .col-sm-4 { margin-top: 28px; }
    .eventless #contact-methods a { float: left; margin: 0 0 28px; width: 100%; }

    #who-we-are .col-sm-6 { padding-bottom: 28px !important; padding-right: 0 !important; }

    .nrp-button.full-screen { font-size: .85em; }
    .nrp-button.full-screen img { float: none; height: 14px; margin: 0; margin-left: 4px;  }

    #project-documents .row > div:first-of-type, 
    #project-documents .row > div:last-of-type { padding: 0 !important; }
    #regulatory-documents .row > div:first-of-type, 
    #regulatory-documents .row > div:last-of-type { padding: 0 !important; }
      
    #timeline ul { height: auto; margin-top: 38px; }
    #timeline ul:before { display: none; }
    #timeline ul li { left: 0 !important; margin: 0 !important; padding-left: 54px; position: relative; text-align: left; width: 100%; }
    #timeline ul li h3 { font-size: 1.1em; height: 34px; line-height: 34px; padding: 0 12px; }
    #timeline ul li div { height: 38px; left: 0; line-height: 34px; margin: 0; position: absolute; text-align: center; top: 0; width: 38px; }
    #timeline ul li div img { width: 20px; }
    #timeline ul li div span { display: none; }
    #timeline ul li p { font-size: 1em; margin: 8px 0 24px; }
    #timeline ul li:nth-of-type(even) p { position: static; }

    #routing-process-box { border: 1px solid #aaa; margin: 24px 0 26px; overflow: auto; width: 100%; }
    #routing-process { margin: 0 0 28px; width: 768px; }

    #faqs.landowner-faqs { font-size: .85em; padding: 44px 8% 56px !important; }

    #video-gallery > div > div { height: 120px; margin-top: 14px; width: 47%; }

    #media-contacts { padding-bottom: 0; }
    #media-contacts .row > div { margin-bottom: 35px; }

    #row-needs .lightbox { margin-bottom: 24px; }

    #routemap-area { overflow: auto; width: 100%; }
    #pdf-routemap { width: 800px; }

    .new-yellow-btn { font-size: .9em; padding: 4px 12px; }

    table { font-size: .9em; }
    table tr td,
    table tr th { padding: 6px 8px 12px; }

    #routemap-areab { overflow: auto; width: 100%; }
    #pdf-routemapb { width: 800px; }
    
    .large-img { border: 1px solid #aaa; margin: 24px 0; overflow: auto; }
    .large-img img { margin: 0 !important; max-width: 6000%; width: 770px; }

    .accordion-header { font-size: .9em; }

    .resource-list { font-size: .9em; padding-right: 12px; }
    .resource-list a { padding-left: 64px; }
    .resource-list img { height: 24px; top: 0; }
    #toggle-archives { font-size: .8em; }

    .announcement { font-size: .7em; }
    .announcement img { height: 18px; }
    
    .quick-buttons li { margin-bottom: 36px; width: 46%; }

    #segment-segment h3 { margin-bottom: 24px; width: 100%; }

    #preconstruction-activities li { font-size: 1em; }
    #preconstruction-activities li img { height: 58px; }
    #construction-activities li { width: 47%; }
    #energize-line { transform: translateX(-24%); }

    .footer > .row > div:first-of-type .row div { float: left; width: 50%; }

    .hdr-tabs { margin-bottom: 22px; }
    .hdr-tabs.has-js .hdr-tablist { display: block; }
    .hdr-tabs .hdr-tab { font-size: .8em; margin-right: 14px; }
}

@media screen and (max-width: 590px) {
    #homepage-header > div > div { width: 80%; }
    
    #homepage-header { height: 380px; }
    #homepage-header img { height: 160px; }
    #homepage-header > div > div:before { box-shadow: 0 0 88px 148px rgba(255,255,255,.75); }
    #homepage .announcement { font-size: .9em; line-height: 1.1em; padding: 16px 14px 14px; }
    #homepage .announcement img { height: 24px; }
    #homepage-header .call-to-action p { font-size: 1.8em; line-height: 1.1em; width: 100%; }
    #homepage-header .call-to-action a { font-size: .9em; padding: 8px 16px; }

    #content { padding-top: 132px; }

    .new-header-top { font-size: .95em; padding: 4px; text-align: center; }
    .utility-nav { float: none; }
    .utility-nav li { margin: 2px 8px; }
    
    #support h4 { font-size: 1.1em;}
    #support ul li { margin-top: 12px; width: 100%; }
    #support ul li img { height: 54px !important; }

    #phase-ii-events tr td,
    #phase-ii-events tr th { font-size: .8em; line-height: 1.2em; padding: 6px; }
    
    #routing-process-map > div { float: left; width: 100%; }
    
    #owner-expectation li { margin-bottom: 18px; width: 100%; }

    a { word-wrap: break-word; }
    
    #re-resources li { margin-bottom: 14px; width: 100%; }

    .caption { font-size: .65em; left: 5%; width: 90%; }

    #mailing-list { padding: 24px 6%; }
    #crmWebToEntityForm.zcwf_lblTopBottom .zcwf_col_fld input[type=text] { font-size: .8em !important; width: 100%; }
    #crmWebToEntityForm .zcwf_row:nth-of-type(3) { margin: 0; width: 100%; }
    #crmWebToEntityForm .zcwf_row:last-of-type { margin: 0; }

    #criteria-list .col-md-8 ul { columns: 1; }

    #row-boxes > div { padding-left: 5%; padding-right: 5%; width: 100%; }
    
    #preconstruction-activities li { width: 44%; }
    #construction-activities li { width: 100%; }
    #energize-line { left: auto; transform: translateX(0); right: 0; width: 60px !important; }
    
    .quick-buttons li { margin-bottom: 16px; width: 100%; }
    .footer > .row > div:first-of-type .row div { margin-bottom: 12px; width: 100%; }

    #footer-logos { display: block; }
    #footer-logos img { margin: 0 auto 8px; }
}