html, body { background-color: #dadbdc; font-family: "Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic","Libre Franklin",Arial,sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: "Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic","Libre Franklin",Arial,sans-serif; }
.row .row { margin: 0; }

/********************************************/
/****          HEADER & FOOTER         ******/
/********************************************/
h1 { font-size: .0001em; left: -9999px; position: absolute; top: -9999px; }
#header { background-color: #fff; position: relative; z-index: 599; }
#top-bar { background-image: url("../img/diag-bg.png"); height: 44px; margin-top: -44px; position: fixed; top: 0; transition: margin .4s; width: 100%; }
.ineditmode #top-bar { top: 48px; }
#small-logo, #header.smaller.opened #small-logo { -moz-transition: left .1s; -ms-transition: left .1s; -o-transition: left .1s; -webkit-transition: left .1s; background-color: #999; border-right: 4px solid #fff; height: 100%; left: -56px; position: absolute; text-align: center; transition: left .1s; width: 56px; }
#small-logo img { height: 100%; padding: 7px 0; }
#small-menu { background-color: #999; border-left: 4px solid #fff; color: #ccc; font-size: 1.6em; height: 100%; line-height: 44px; position: absolute; right: -56px; text-align: center; transition: right .44s; width: 56px; }
#small-menu:hover { background-color: #757575; }
#header.smaller.opened #small-menu { background-color: #666; }
.pagination > li > a, .pagination > li > span { padding: 3px 8px; }

#trailing-body, #header.smaller.opened #trailing-body { -moz-transition: height .5s; -ms-transition: height .5s; -o-transition: height .5s; -webkit-transition: height .5s; background-color: #fff; height: 140px; position: absolute; top: 44px; transition: height .5s; width: 100%; }
#trailing-body img, 
#header.smaller.opened #trailing-body img { -moz-transition: width .6s; -ms-transition: width .6s; -o-transition: width .6s; -webkit-transition: width .6s; display: inline-block; height: 120px; margin-left: 0; margin-right: 2%; padding: 15px 40px; transition: width .6s; vertical-align: middle;  }
#trailing-body:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; width: 0; }


/* #header.smaller .nav { right: -67%; } */
#header .nav, #header.smaller.opened .nav { height: 110px; position: absolute; right: 0; top: 35px;  transition: top .6s; width: 67%; }
#header .nav li { display: inline-block; margin-right: 4%; position: relative; vertical-align: top; width: 21%; }
#header .nav a { border-bottom: 5px solid #e3f0fb; color: #003e7e; display: block; font-size: 1em; height: 50%; line-height: 34px; overflow: hidden; position: relative; transition: background-color .2s, padding .35s ease-in-out .05s; width: 100%; }
.ineditmode #header .nav, .ineditmode #header.smaller.opened .nav { top: -105px; }

#header .nav li ul { background: #fff; left: -9999px; margin: 0; opacity: 0; position: absolute; transition: left 0s ease-in .1s, opacity .1s; width: 100%; }
#header .nav li:hover ul { left: 0; opacity: 1; transition: left 0s, opacity .2s; }
#header .nav li ul li { display: block; margin-right: 0; width: 100%; }
#header .nav li ul li a { line-height: 1.1em; padding: 7px 8px 7px; }

.smaller #trailing-body { box-shadow: 0 -6px 16px 0 #aaa; height: 80px; }
.smaller #trailing-body img { height: 70px; }
#header.smaller .nav { top: 16px; }

#menu div a:last-of-type:before { bottom: 100%; }
.nav a:hover { background-color: #e3f0fb; padding-left: 11px; }
/* 
#header.smaller #small-logo { -moz-transition: .35s ease-in-out .34s; -ms-transition: .35s ease-in-out .34s; -o-transition: .35s ease-in-out .34s; -webkit-transition: .35s ease-in-out .34s; left: 0; transition: .35s ease-in-out .34s; }
#header.smaller #left-options { -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; -webkit-transition: .6s; left: -40%; transition: .6s; }
#header.smaller #right-options { -moz-transition: .28s ease-in-out .34s; -ms-transition: .28s ease-in-out .34s; -o-transition: .28s ease-in-out .34s; -webkit-transition: .28s ease-in-out .34s; right: 56px; transition: .28s ease-in-out .34s; }
#header.smaller #right-options input { -moz-transition: color .1s, width .5s ease-in-out .2s; -ms-transition: color .1s, width .5s ease-in-out .2s; -o-transition: color .1s, width .5s ease-in-out .2s; -webkit-transition: color .1s, width .5s ease-in-out .2s; color: #c5c7c8; transition: color .1s, width .5s ease-in-out .2s; width: 60px; }
#header.smaller #small-menu { -moz-transition: background-color .2s, right .25s ease-in-out .34s; -ms-transition: background-color .2s, right .25s ease-in-out .34s; -o-transition: background-color .2s, right .25s ease-in-out .34s; -webkit-transition: background-color .2s, right .25s ease-in-out .34s; right: 0; transition: background-color .2s, right .25s ease-in-out .34s; }
#header.smaller #trailing-body { -moz-transition: height .54s ease-in-out .3s; -ms-transition: height .54s ease-in-out .3s; -o-transition: height .54s ease-in-out .3s; -webkit-transition: height .54s ease-in-out .3s; height: 0; transition: height .54s ease-in-out .3s; }
#header.smaller #trailing-body img { -moz-transition: margin .8s ease-in-out .1s; -ms-transition: margin .8s ease-in-out .1s; -o-transition: margin .8s ease-in-out .1s; -webkit-transition: margin .8s ease-in-out .1s; margin-left: -100%; transition: margin .8s ease-in-out .1s; }
#header.smaller #menu div { -moz-transition: right .64s; -ms-transition: right .64s; -o-transition: right .64s; -webkit-transition: right .64s; right: -120%; transition: right .64s; }
#header.smaller #menu div:nth-of-type(3) { -moz-transition: right .6s ease-in-out .08s; -ms-transition: right .6s ease-in-out .08s; -o-transition: right .6s ease-in-out .08s; -webkit-transition: right .6s ease-in-out .08s; transition: right .6s ease-in-out .08s; }
#header.smaller #menu div:nth-of-type(2) { -moz-transition: right .57s ease-in-out .15s; -ms-transition: right .57s ease-in-out .15s; -o-transition: right .57s ease-in-out .15s; -webkit-transition: right .57s ease-in-out .15s; transition: right .57s ease-in-out .15s; }
#header.smaller #menu div:nth-of-type(1) { -moz-transition: right .55s ease-in-out .21s; -ms-transition: right .55s ease-in-out .21s; -o-transition: right .55s ease-in-out .21s; -webkit-transition: right .55s ease-in-out .21s; transition: right .55s ease-in-out .21s; }
 */
#footer { background-color: #003e7e; padding: 34px 0 0 0; position: relative; z-index: 1; }
#left-links { display: inline-block; padding: 0 0 34px 34px; vertical-align: middle; width: 70%; }
#left-links div { border-top: 4px solid #1566c2; display: inline-block; font-size: .85em; margin-right: 2%; vertical-align: top; width: 23%; }
#left-links div a { display: block; font-weight: 700; overflow: hidden; padding: 1px 0 3px; position: relative; }
#left-links div a span { -moz-transition: color .2s, padding .4s; -ms-transition: color .2s, padding .4s; -o-transition: color .2s, padding .4s; -webkit-transition: color .2s, padding .4s; color: #1566c2; position: relative; transition: color .2s, padding .4s; }
#left-links div a:before { -moz-transition: top .3s; -ms-transition: top .3s; -o-transition: top .3s; -webkit-transition: top .3s; background-color: #1566c2; content: ""; height: 100%; position: absolute; top: -100%; transition: top .3s; width: 100%; }
#left-links div a:hover span { color: #003e7e; padding-left: 8px; }
#left-links div a:hover:before { top: 0; }
#left-links div a.social-media { -moz-transition: background-color .2s; -ms-transition: background-color .2s; -o-transition: background-color .2s; -webkit-transition: background-color .2s; background-color: #1566c2; border-radius: 100%; color: #003e7e; display: inline-block; height: 24px; margin: 6px 8px 0 0; padding-top: 2px; text-align: center; transition: background-color .2s; width: 24px; }
#left-links div a.social-media:hover { background-color: #3c85d7; }
#left-links div a.social-media:before { display: none; }
#left-links div.thinner { border-width: 1px; margin-top: 11px; }
#left-links div.double-time { color: #1566c2; font-size: .75em; line-height: 13px; padding-top: 6px; width: 48%; }

#left-links > a { display: inline-block; margin-top: 6px; }
#left-links > a img { height: 28px; }
#right-links { display: inline-block; padding-right: 12px; padding-bottom: 34px; vertical-align: middle; text-align: right; width: 30%; }
#right-links a { display: inline-block; height: 60px; padding: 0 20px; }
#right-links a:first-of-type { border-right: 2px solid #fff; }
#right-links a img { height: 100%; max-width: 8000%; }

#bottom-bar { background-color: #c5c7c8; border-top: 3px solid #fff; height: 48px; position: relative; width: 100%;}
#left-options { -moz-transition: left .6s; -ms-transition: left .6s; -o-transition: left .6s; -webkit-transition: left .6s; height: 100%; left: 0; margin: 0;position: absolute; transition: left .6s; width: 67%; }
#left-options > a,
.media-contact a.social-media { display: inline-block; line-height: 46px; }
#left-options > a#employee-login { -moz-transition: background-color .2s, color .4s; -ms-transition: background-color .2s, color .4s; -o-transition: background-color .2s, color .4s; -webkit-transition: background-color .2s, color .4s; background-color: #003e7e; border-right: 4px solid #fff; color: #43a5e5; height: 100%; padding: 0 5%; position: relative; transition: background-color .2s, color .4s; }
#left-options > a#employee-login:hover { background-color: #023162; }
#left-options > a#rail-connect-login { -moz-transition: background-color .2s, color .4s; -ms-transition: background-color .2s, color .4s; -o-transition: background-color .2s, color .4s; -webkit-transition: background-color .2s, color .4s; background-color: #439de2; border-right: 4px solid #fff; color: #003e7e; height: 100%; margin-left: -5px; padding: 0 5%; position: relative; transition: background-color .2s, color .4s; }
#left-options > a#rail-connect-login:hover { background-color: #2a86cc; }
#left-options > a#rail-connect-login img { height: 86%; }
#left-options > a.social-media,
.media-contact a.social-media { -moz-transition: background-color .2s; -ms-transition: background-color .2s; -o-transition: background-color .2s; -webkit-transition: background-color .2s; background-color: #003e7e; border-radius: 100%; color: #fff; height: 28px; line-height: 25px; margin: -4px .25% 0 1.25%; padding-top: 2px; text-align: center; transition: background-color .2s; vertical-align: middle; width: 28px; }
.media-contact a.social-media { margin: -16px 18px 0 0; }
#left-options > a.social-media:hover,
.media-contact a.social-media:hover { background-color: #1566c2; }
#right-options { -moz-transition: right .4s; -ms-transition: right .4s; -o-transition: right .4s; -webkit-transition: right .4s; height: 100%; position: absolute; right: 0; transition: right .4s; width: 30%; }
#right-options form { height: 100%; position: relative; }
#right-options form span { display: none; font-size: 2.5em; position: absolute; right: 52%; top: -8px; }
#right-options form span:hover { color: #cf0a2c; }
#right-options input { -moz-transition: color .3s ease-in-out .2s, width .5s; -ms-transition: color .3s ease-in-out .2s, width .5s; -o-transition: color .3s ease-in-out .2s, width .5s; -webkit-transition: color .3s ease-in-out .2s, width .5s; background-color: #c5c7c8; border: 0; border-left: 5px solid #fff; box-shadow: none; color: #666; font-size: 1em; height: 100%; margin: 0;padding: 0 14px; position: absolute; right: 0; transition: color .3s ease-in-out .2s, width .5s; width: 100%; }
#right-options a { background-color: #c5c7c8; color: #999; font-size: 1.6em; height: 100%; padding-top: 4px; position: absolute; right: 0; text-align: center; top: 0; transition: color .2s; width: 56px; }
#right-options a:hover { color: #666; }

.ccm-panel-ready #top-bar { top: 48px; z-index: 600; }

.ccm-form .text-muted { font-style: italic; color: #c88; margin-left: 8px; }
.small-9 button.btn-primary { float: right; margin-right: 18px; }


/********************************************/
/****          OTHER ELEMENTS          ******/
/********************************************/

#circles { background-color: #fff; padding: 0 3% 54px; }
#circles > a { color: #003e7e; display: inline-block; font-size: 1.8em; line-height: 1.3em;text-align: center; vertical-align: top; width: 33.33333%; }
#circles > a img { display: block; margin: -24px auto 10px; position: relative;width: 180px; z-index: 4; }

.vcenter:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; width: 0; }

a.hover-effect {overflow: hidden;position: relative;}
a.hover-effect span {position: relative;transition: color .4s;z-index: 1;}
a.hover-effect:before, a.hover-effect:after { content: ""; display: block; height: 100%; left: 0; position: absolute; top: -100%; transition: top .2s; width: 100%;  }
a.hover-effect:before { height: 4px; left: -100%; transition: left .3s ease-in-out .15s; top: 0; width: 100%;  }
a.hover-effect:hover:before { left: 0; transition: left .2s; }
a.hover-effect:hover:after { top: 0; transition: top .3s ease-in-out .15s;  }

.slant-icon { position: relative; }
.slant-icon img { display: block; left: 25px; position: absolute; top: -30px; transition: top .75s ease-in-out .2s; width: 61%; }
.slant-icon img.si-bg { left: 0; top: 30px; transition: top .8s; width: 92%; }
.slant-icon img[src*="sheet"] { margin-left: 12%; width: 44%; }
.home-column .slant-icon img[src*="-fr"] { left: 4px; width: 90%; }
.home-column .slant-icon img[src*="laptop"] { left: 18px; width: 70%;}
.slant-icon.triggered img { top: 10px !important; }

#body { -moz-transition: margin .4s ease-in-out; -ms-transition: margin .4s ease-in-out; -o-transition: margin .4s ease-in-out; -webkit-transition: margin .4s ease-in-out; margin-top: 140px; transition: margin .4s ease-in-out; width: 100%; }
#body.smaller { margin-top: 50px; }
div.row { max-width: 100%; width: 100%; }

#top-banner, .title-on-blank-template { height: 500px; overflow: hidden; position: relative; width: 100%; }
.title-on-blank-template.no-sub { height: 56px; }
#top-banner > img { left: 0; position: absolute; top: -37%; width: 100%; }
#top-banner.ineditmode > div[data-area-handle="Home Page Image"] { height: 20px; width: 500px; }
#top-banner h2 { background-color: rgba(21,102,193,.8); bottom: 0; color: #fff; font-family: "Franklin Gothic Medium","Franklin Gothic","Arial Condensed",sans-serif; left: 0; margin: 0; padding: 14px 0 48px; position: absolute; text-align: center; vertical-align: middle; width: 100%; z-index: 2; }
#top-banner h2 > span { display: inline-block; font-size: .9em;  padding: 0; }
#top-banner h2 a { border-bottom: 2px solid #fff; color: #fff; display: inline-block; font-family: "Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: .5em; padding-top: 10px; vertical-align: top; }
.rslides_nav { display: none; }
.rslides { top: -200px; }
.rslides img[src*="179x"] { margin-top: 175px; }
.rslides img[src*="4192"],
.rslides img[src*="8500"] { margin-top: -205px; }
.rslides img[src*="HannahLane"] { margin-top: -80px; max-width: 325%; width: 132%; }

.the-customers-page-ok #top-banner { height: 380px; }
.about-us-page-only #top-banner { height: 380px; }
.about-us-page-only #top-banner > img { bottom: 0; }

.stretch-image img { width: 100%; }

.columns { padding: 0; }
.row.white-bg { background-color: #fff; }
#body > .row { background-color: #fff; }
.page-template-blank .columns.medium-2 { background-color: #fff; }
.home-column-header { background-color: #003e7e; border-bottom: 4px solid #fff; color: #fff; height: 86px; overflow: hidden; padding: 0 0 0 6%; position: relative; width: 100%; }
.home-column-header h3 { color: #43a5ea; font-size: 1.8em; line-height: 82px; margin: 0; }
.home-column:nth-of-type(2) .home-column-header { margin-bottom: 14px; }
.home-column { background-color: #fff; border: 4px solid #fff; border-width: 0 4px 4px 0;  }
.home-column:first-of-type > div:last-of-type { padding: 16px 5%; }
.home-column:last-of-type { border-right: 0;}
.home-column-header .slant-icon { position: absolute; right: 20px; top: -10px; width: 140px; }
.home-column:last-of-type iframe { height: 528px !important; margin: 16px 5% 0 !important; width: 90% !important; }

.menu-column { background-color: #fff; padding-bottom: 28px;  }
#sidebar-links > h4 { color: #cf0a2c; font-size: 1.1em; margin: -10px 0 18px; padding-left: 10%; }
#sidebar-links > h5 { font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 1em; font-weight: 700; line-height: 1em;margin: -4px 10% 16px; }
.menu-column a { border-top: 1px solid #cf0a2c; color: #414048; display: block; min-height: 32px; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-weight: 700; margin: 16px 0 0 10%; text-transform: uppercase; width: 90%; }
.menu-column a span { display: inline-block; line-height: 16px; padding: 3px 0; transition: color .3s, padding .4s; width: 70%; }
.menu-column a i { -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; -webkit-transition: color .3s; margin: 3px 8px 0 0; position: absolute; right: 3px; top: 1px; transition: color .3s; z-index: 1; }
.menu-column a.active { border-top-width: 4px; }
.menu-column a:hover i { color: #fff; }
.menu-column a:hover span { color: #fff; padding-left: 14px; }
.menu-column a:before, .menu-column a:after { background-color: #cf0a2c; }
.menu-column hr { border-color: #cf0a2c; border-width: 1px; margin-left: 10%; margin-bottom: 8px; width: 90%; }
.menu-column hr.thinner { border-width: 1px; }
.menu-column a.social-media { background-color: #333; border-radius: 100%; border: 0; display: inline-block; height: 26px; line-height: 1em; margin: 8px 0 0 8px; min-height: 0; padding: 5px 4px; text-align: center; width: 26px; }
.menu-column a.social-media[href*="facebook"] { margin-left: 10%; }
.menu-column a.social-media i { color: #fff; margin: 0; position: static; }
.menu-column a.social-media:hover { box-shadow: 0 0 3px 2px #aaa; }
.menu-column .ccm-block-page-list-date { border-top: 1px solid #cf0a2c; color: #cf0a2c; font-size: .8em; margin: 16px 0 0 10%; }
.menu-column.news-archive a { border: 0; margin-top: 0; }
.menu-column { margin-top: -7px; position: fixed; right: 0; width: 16.66667%; }
.page-type-p-news .block-text h4 { font-family: "Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic","Libre Franklin",Arial,sans-serif; }
.page-type-p-news .medium-10 p { font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; }
.menu-column .control-height a { margin-top: 4px; }

#subpage-title { background-color: rgba(21,102,193,.8); position: static; }
.title-on-blank-template #subpage-title { position: static; }
#subpage-title.no-subtitle { background-color: transparent; }
#subpage-title > p { background-color: #003e7e; bottom: 0; color: #fff; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 1.8em; font-weight: 700; line-height: 1.1em; margin: 0; padding: 8px 17px; top: auto; width: 100%; }
.title-on-blank-template.no-sub #subpage-title > p { height: 56px; position: static; }
#subpage-subtitle { border-top: 5px solid #fff; border-bottom: 1px solid #fff; height: 72%; position: absolute; right: 0; top: 7%; width: 90%; }
.menu-column #subpage-title  a { color: #fff; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 1em; font-weight: 700; line-height: .95em; margin: 0; padding: 5px 8px 0 0;}
#subpage-subtitle .slant-icon { margin: 5% 0 0 8%; width: 72%; }
.ineditmode #subpage-title { margin-top: 130px; }
.menu-column #subpage-title a { border: 0; color: #fff; }
.ineditmode .menu-column #subpage-title a { color: #333; }

.red-box { background-color: #cf0a2c; float: right; margin: 0 0 15px; padding-bottom: 18px; width: 90%; }
.red-box h4 { color: #fff; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 1.1em; font-weight: 700; padding: 4px 11px; }
.red-box a { border-color: #fff; color: #fff; margin-left: 5%; text-transform: none; width: 95%; }
.red-box a:hover span { color: #cf0a2c; }
.red-box a:hover i { color: #cf0a2c; }
.red-box a:before, .red-box a:after { background-color: #fff; }
.blue-box { background-color: #43a5ea; }
.blue-box a:hover span { color: #43a5ea; }
.blue-box a:hover i { color: #43a5ea; }
.dk-blue-box { background-color: #1566c2; }
.dk-blue-box a:hover span { color: #1566c2; }
.dk-blue-box a:hover i { color: #1566c2; }
.blue-box a, .dk-blue-box a { font-size: .8em; }

.sidebar-contact { border: 1px solid #333; border-width: 1px 0; font-size: .75em; line-height: 1.2em; margin-left: 10%; padding-bottom: 16px; }
.sidebar-contact:nth-of-type(3) { border-top: 0;  }
.sidebar-contact > h6 { color: #cf0a2c; font-size: .9em; font-weight: 700; margin-bottom: 0; }
.sidebar-contact > a { border: 0; font-family: "Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic","Libre Franklin",Arial,sans-serif; font-weight: 400; margin: 0; word-wrap: break-word; }

.menu-column .bigger-link { border-top: 0; height: 88px; }
.menu-column .bigger-link span { font-size: 1.4em; line-height: 1em; padding-bottom: 18px; }
.menu-column .bigger-link i { top: auto; bottom: 7px; }
.menu-column h5 { color: #cf0a2c; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-weight: 700; margin-left: 22px; }

.truncated-text div { display: none; }
.truncated-text p { font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: .8em; }

#textLaunchBox { display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 888; }
#textLaunchBox > span { background-color: #333; background-color: rgba(0,0,0,.65); cursor: pointer; display: block; height: 100%; position: absolute; width: 100%; }
#textLaunchBox > span > span { color: #fff; font-size: 5em; position: absolute; right: 20px; top: 18px; }
#textLaunchBox div { background-color: #eee; border-bottom: 14px solid #333; height: 70%; min-height: 270px; left: 15%; overflow: auto;padding: 24px 28px; position: absolute; top: 116px; width: 70%; }


/********************************************/
/****         CONCRETE5 CLASSES        ******/
/********************************************/

.call-out-box { padding: 7px 19px; }

.corner-text { overflow: hidden; position: relative; width: 100%; }
.corner-text p:first-of-type { display: block; left: -20%; position: absolute; top: -40%; width: 160%; }
.corner-text p:first-of-type img { left: -15%; max-width: 300%; width: 100%; }
.corner-text p { color: #fff; font-size: 2.8em; font-weight: 700; left: 19px; line-height: 1em; position: absolute; top: 12px; width: 76% }
.corner-text:after { color: #fff; content: "+"; font-size: 3em; font-weight: 700; line-height: .8em; position: absolute; right: 14px; top: 7px; }

.gray-summary { padding: 16px 28px; position: relative; }
.gray-summary h4 { border-top: 1px solid #333; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 2em; font-weight: 700; line-height: 1.05em; padding: 6px 20% 5px 0; width: 80%; }
.gray-summary p { font-size: .9em; }
.gray-summary p:last-of-type { bottom: 0; margin: 0; position: absolute; right: 0; }
.gray-summary p a { background-color: #1566c2; color: #fff; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 1.4em; font-weight: 700; padding: 4px 12px; transition: padding .3s; }
.gray-summary p a:hover { padding: 4px 38px 4px 12px; }
.gray-summary p a i { font-size: .85em; margin-left: 8px; }

.block-text { padding: 19px 38px; }
.block-text h4 { font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 2.3em; font-weight: 700; line-height: .95em; margin: 12px 0; }
.block-text h4:before { background-color: #1566c2; content: ""; display: block; height: 4px; margin-bottom: 6px; width: 200px; }
.block-text.no-bar h4:before { display: none; }
.block-text hr { border-color: #1566c2; margin: 6px 0; }
.block-text p { font-size: .95em; line-height: 1.4em; margin: 18px 0; }
.block-text p a { background-color: #c0b727; color: #000; display: inline-block; padding: 0 3px; transition: background-color .14s; }
.block-text p a:hover { background-color: #199e85; }

.slideshow { background-color: #dadbdc; height: 474px; overflow: hidden; position: relative; }
.slideshow > div { left: 0; position: absolute; transition: left .4s; width: 300%; }
.slideshow > div > div { display: inline-block; padding: 0 60px; vertical-align: top; width: 33.3333%; }
.slideshow > div > div > div { display: inline-block; vertical-align: top; width: 33.3333%; }
.slideshow > div > div > div > h4 { color: #003e7e; font-family: "Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic","Libre Franklin",Arial,sans-serif; font-size: 2em; font-weight: 700; }
.slideshow > div > div > div > h4:before { width: 140px; }
.slideshow > div > div > div > img { display: block; margin: 18px auto 0; width: 70%; }
.slideshow > div > div > div > p { font-size: .8em; line-height: 1.1em; }
.ss-arrow { background-color: #c5c7c8; height: 100%; position: absolute; transition: .2s; width: 60px; }
.ss-arrow:after { border: 24px solid transparent; border-right-color: #003e7e; content: ""; position: absolute; right: 0; top: 140px; transition: .28s; }
.ss-right-arrow { right: 0; }
.ss-right-arrow:after { border-right-color: transparent; border-left-color: #003e7e; left: 0; right: auto; }
.ss-arrow:hover { background-color: #bbb; }
.ss-arrow:hover:after { border-width: 32px; top: 131px; }

.heres-how-header { background-color: #003e7e; color: #fff; height: 144px; overflow: hidden;position: relative; }
.heres-how-header p { font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 2.1em; font-weight: 700; line-height: 1.1em; padding: 10px 18px; width: 68%; }
.heres-how-header h4 { background-color: #cf0a2c; bottom: 0; color: #fff; font-size: 1.2em; font-weight: 700; margin: 0; padding: 6px 18px; position: absolute; } 

.how-box { background-color: #e5e6e6; border-top: 4px solid #fff; height: 375px; overflow: hidden; }
.how-box a { display: none; }
.heres-how-image { border-top: 4px solid #fff; height: 375px; overflow: hidden; position: relative; }
.heres-how-image img { max-width: 5000%; position: absolute; top: 0; width: 120%; }

#train-image { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); border-radius: 100%; height: 160px; overflow: hidden; position: absolute; right: 10%; top: 25px; transition: top 1.1s; width: 160px; }
#train-image.started { top: -5px; }
#train-image img { max-width: 8000%; position: absolute; transition: 2.75s ease-in-out .25s; -moz-transition: 2.75s ease-in-out .25s; -ms-transition: 2.75s ease-in-out .25s; -o-transition: 2.75s ease-in-out .25s; -webkit-transition: 2.75s ease-in-out .25s; }
#train-image img[src*="si-bg"] { height: 200px; left: -10px; top: -20px; width: 200px; }
#train-image img[src*="up-left"], #train-image.started:hover img[src*="up-left"] { height: 340px; left: 0; top: -25px; }
#train-image.started img[src*="up-left"] { left: -300px; top: -198px; }
#train-image img[src*="down-right"], #train-image.started:hover img[src*="down-right"] { height: 340px; left: -320px; top: -140px; }
#train-image.started img[src*="down-right"] { left: -30px; top: 32px; }

.safety-performance { background-color: #003e7e; background-image: url("http://dev.palmetto-staging.com/application/themes/palmetto/img/safety-bg-gradient.png"); background-repeat: repeat-y; border-top: 4px solid #fff; font-weight: 700; height: 374px; padding: 16px 26px; }
.safety-performance h4 { color: #319ce9; font-size: 2.4em; font-weight: 700; line-height: 1.1em; margin: 0; }
.safety-performance h5 { border-top: 2px solid #319ce9; color: #fff; display: inline-block; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; margin-top: 34px; margin-right: 3%; padding-top: 4px; vertical-align: top; width: 29%; }
.safety-performance h5 span { color: #c0b727; display: block; font-family: "Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic","Libre Franklin",Arial,sans-serif; font-size: 3em; font-weight: 700; line-height: 1.1em; }

.about-us-page-box > div:first-of-type { display: flex; flex-wrap: wrap; justify-content: space-between; }
.about-us-page-box > div:first-of-type > div:first-of-type { background: #1566c2; border-bottom: 4px solid #fff; }
.about-us-page-box > div:first-of-type > div:last-of-type { background: #439ee3; border-bottom: 4px solid #fff; }
.about-us-page-box > div:first-of-type > div:last-of-type img { height: 220px; margin: 0 !important; width: auto; }

.about-mission, .about-support { height: 100%; overflow: hidden; }
.about-mission { color: #fff; border-right: 4px solid #fff; padding-left: 35px; padding-right: 50px; position: relative; }
.about-mission h4 { color: #fff; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 2.2em; font-weight: 700; padding-top: 13px; position: relative; }
.about-mission p { font-size: 1.9em; line-height: 1.3em; position: relative; }
.about-mission p a { color: #9dbbe1; }
.about-mission p:first-of-type { bottom: 0; position: absolute; right: 0; margin: 0; width: 60%; }
.about-mission p:first-of-type img { display: block; width: 100%; max-width: 8000%; }
.about-mission-map { padding: 24px 34px; }
.about-mission-map a { color: #003e7e; font-size: 1.4em; line-height: 1em; }
.about-mission-map a img { border: 1px solid #003e7e; }
.about-right-top { background-color: #ddd; height: 240px; }
.about-right-top h4 { color: #003e7e; margin-bottom: 26px; }
.about-right-top h4 span { color: #cf0a2c;}
.about-right-top h4:before { display: none; }
.about-right-top p { font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; }
.about-right-btm { background-color: #bcbebf; border-bottom: 4px solid #fff; height: 300px; }
.about-right-btm p { color: #003e7e; font-size: 2.3em; line-height: 1.1em; }
.about-right-btm p span { color: #cf0a2c; }

.news-big-nuggets .ccm-block-page-list-page-entry-horizontal { background-color: #c5c7c8; border: 4px solid #fff; border-width: 4px 0 0 4px; float: left; height: 450px; position: relative; width: 25%; }
.news-big-nuggets .ccm-block-page-list-page-entry-horizontal:first-of-type { background-color: #9b9da0; border: 0; height: 900px; width: 50%; }
.news-big-nuggets .ccm-block-page-list-page-entry-thumbnail img { width: 100%; }
.news-big-nuggets .ccm-block-page-list-page-entry-text { background-color: #fff; height: 56%; overflow: auto;padding: 0 8px; position: absolute; top: 32%; width: 90%; }
.news-big-nuggets .ccm-block-page-list-page-entry-horizontal:first-of-type .ccm-block-page-list-page-entry-text { height: 62%; }
.news-big-nuggets .ccm-block-page-list-date { color: #1566c2; font-size: .75em; line-height: .8em; margin-top: 6px;}
.news-big-nuggets .ccm-block-page-list-title a { color: #333; display: block; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 1.4em; line-height: 1em; padding: 8px 0; }
.news-big-nuggets .ccm-block-page-list-description { font-size: .8em; line-height: 1.1em; }
.news-big-nuggets .ccm-block-page-list-page-entry-horizontal:first-of-type .ccm-block-page-list-page-entry-text { padding: 0 28px; }
.news-big-nuggets .ccm-block-page-list-page-entry-horizontal:first-of-type .ccm-block-page-list-date { font-size: .9em; margin-top: 18px;  }
.news-big-nuggets .ccm-block-page-list-page-entry-horizontal:first-of-type .ccm-block-page-list-title a { border-bottom: 1px solid #333; font-size: 2em; margin-bottom: 20px; padding: 16px 0; }
.news-big-nuggets .ccm-block-page-list-page-entry-horizontal:first-of-type .ccm-block-page-list-description { font-size: 1em; line-height: 1.3em; }
.news-big-nuggets .ccm-block-page-list-page-entry-read-more { bottom: 0; height: 12%; position: absolute; right: 10%;  }
.news-big-nuggets .ccm-block-page-list-page-entry-horizontal:first-of-type .ccm-block-page-list-page-entry-read-more { height: 6%; }
.news-big-nuggets .ccm-block-page-list-page-entry-read-more a { background-color: #1566c2; color: #fff; display: block; height: 100%; padding: 14px 18px 0 0; text-align: right; top: 100%; transition: background-color .2s; width: 80px; }
.news-big-nuggets .ccm-block-page-list-page-entry-read-more a:hover { background-color: #c0b727; }
.news-archive .ccm-block-page-list-page-entry-text { display: none; }

.our-services { background-color: #e5e6e6; border-botom: 4px solid #fff; overflow: auto; padding-bottom: 32px; }
.our-services h4:before { display: none; }
.our-services > h5 { background-color: #e5e6e6; border-top: 1px solid #1566c2; border-bottom: 1px solid #fff; display: inline-block; float: left; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 1.2em; height: 388px; line-height: 1.05em; margin-right: 1.25%; overflow: hidden; padding: 18px 4%; position: relative; text-align: center; transition: background-color .8s; vertical-align: top; width: 19%; }
.our-services > h5:last-of-type { margin-right: 0; }
.our-services h5 img { border-radius: 100%; display: block; margin: 35px auto 9px; transition: margin .5s; width: 124px; }
.our-services h5 span { display: block; font-size: .75em; left: 5%; line-height: 1.2em; position: absolute; text-align: center; top: 440px; transition: top .6s; width: 90%; }
.our-services h5:hover { background-color: #ddd; }
.our-services h5:hover img { margin-top: -320px; }
.our-services h5:hover span { top: 20px; }

.our-services > div { background-color: #e5e6e6; border-top: 1px solid #1566c2; border-bottom: 1px solid #fff; cursor: pointer; display: inline-block; float: left; font-size: 1.2em; height: 388px; line-height: 1.05em; margin-right: 1.25%; overflow: hidden; padding: 0; position: relative; text-align: center; transition: background-color .8s; vertical-align: top; width: 19%; }
.our-services > div:last-of-type { margin: 0; }
.our-services > div h5 { font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; height: 100%; padding: 60px 0 0; width: 100%; }
.our-services > div h5 img { margin: 0 auto 8px; }
.our-services > div > div { display: block; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: .75em; left: 5%; line-height: 1.2em; position: absolute; text-align: center; top: 440px; transition: top .6s; width: 90%; }
.our-services > div:hover { background: #ddd; }
.our-services > div:hover h5 img { margin-top: -320px; }
.our-services > div:hover > div { top: 20px; }
.our-services ul { font-size: 1em;text-align: left; }

.services-btm-row { background-color: #fff; }
.services-btm { background-color: #fff; }
.history-left { background-color: #003e7e; border: 4px solid #fff; border-left: 0; color: #319ce9; height: 226px; padding: 14px 8% 0 24px; }
.history-left p { font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 1.5em; font-weight: 700; line-height: 1.3em;}
.history-right { background-color: #cf0a2c; border: 4px solid #fff; border-width: 4px 0; color: #fff; height: 226px; padding: 20px 24px; }
.history-right p { font-size: .9em; line-height: 1.2em; }

#history-slideshow > div { width: 500%; }
#history-slideshow > div > div { width: 20%; }

.facts-dk-blue { background-color: #003e7e; color: #1566c2; font-size: 1.65em; font-weight: 700; padding: 10px 15px; position: relative; }
.facts-dk-blue p { color: #439ce1; font-size: 1.5em; font-weight: 700; line-height: 1em;  }
.facts-dk-blue p span { color: #fff; }
.facts-boat { background-color: #1566c2; border-left: 4px solid #fff; height: 300px; padding: 18px 18px; position: relative; }
.facts-boat p { color: #fff; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 1.6em; font-weight: 700; line-height: 1.1em; }
.facts-boat img { bottom: 26px; left: 25%; position: absolute; transition: .5s; width: 50%; }
.facts-boat img[src*="water"] { bottom: -6px; height: 60px; left: 0; width: 100%; }
.facts-boat.float img { bottom: 20px; }
.facts-boat.float img[src*="water"] { bottom: 0; }
.facts-lt-blue { background-color: #e5e6e6; border: 4px solid #fff; border-width: 4px 0; height: 300px; padding: 10px 18px; }
.facts-lt-blue p { color: #003e7e; font-size: 2.3em; font-weight: 700; line-height: 1.1em; }
.facts-lt-blue p span { color: #cf0a2c; }
.facts-left { height: 300px; padding: 16px 15% 0 18px; }
.facts-left p { font-size: 1.8em; }
.facts-right { border: 4px solid #fff; border-width: 0 1px 4px 4px; height: 600px; overflow: hidden; position: relative; }
.facts-right p { font-size: 1.7em; padding: 4px 20px; width: 80%; }
.facts-right img { bottom: -148px; position: absolute; right: -42px; transition: .8s; }
.facts-right img[alt*="front"] { bottom: -110px; right: -198px; }
.facts-right:hover img { bottom: -128px; right: -68px; }
.facts-right:hover img[alt*="front"] { bottom: -198px; right: -40px; }

.facts-med-left { background-color: #1566bb; height: 500px; padding: 18px 9% 0 18px; position: relative; }
.facts-med-left p:first-of-type { bottom: 0; margin: 0; position: absolute; right: 0; }
.facts-med-left p { color: #fff; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 2.1em; font-weight: 700; line-height: 1.3em; position: relative; }
.facts-med-right { background-color: #e5e6e6; border: 4px solid #fff; border-width: 0 0 4px 4px; height: 250px; padding: 16px 18px; }
.facts-med-right p { color: #003e7e; font-size: 2.2em; font-weight: 700; line-height: 1.2em; }
.facts-med-right p span { color: #cf0a2c; }
.facts-med-right-btm { background-color: #003e7e; border-left: 4px solid #fff; height: 250px; padding: 16px 18px; }
.facts-med-right-btm p { color: #439ee3; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 2.4em; font-weight: 700; line-height: 1.4em; }
.facts-med-right-btm p span { color: #fff; }
.facts-btm-left { background-color: #003e7e; border: 4px solid #fff; border-width: 4px 0; height: 480px; padding: 16px 9% 0 18px; }
.facts-btm-left p { color: #439ee3; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 2.2em; font-weight: 700; line-height: 1.1em; position: relative;}
.facts-btm-left p span { color: #cf0a2c; }
.facts-btm-left p:first-of-type { bottom: 4px; margin: 0; position: absolute; right: 0; }
.facts-btm-right { background-color: #1566bb; border: 4px solid #fff; border-right: 0; height: 480px; padding: 16px 9% 0 18px; }
.facts-btm-right p { color: #003e7e; font-size: 2.1em; font-weight: 700; line-height: 1.2em; }
.facts-btm-right p span { color: #fff; }
.facts-btm-right p.subdiv { font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; color: #fff; font-size: 1.9em; line-height: 1.1em; margin-bottom: 23px; margin-left: 66px; position: relative; }
.facts-btm-right p.subdiv span { background-color: #fff; border-radius: 100%; color: #003e7e; font-size: .8em; height: 38px; left: -50px; line-height: 1.4em; position: absolute; text-align: center; top: 4px; width: 38px; }

.quick-facts-btm-btm-box { background-color: #e5e6e6; }
.quick-fact-btm-btm h4 { border-top: 0; color: #003e7e; font-size: 1.9em; font-weight: 700; line-height: 1.1em; padding-bottom: 30px; position: relative; text-transform: uppercase; }
.quick-fact-btm-btm h4:before { background-color: #cf0a2c; bottom: 0; height: 4px; position: absolute; width: 100%; }
.quick-fact-btm-btm p { font-size: 1.1em !important; font-family:"Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; }

.team-bio { background-color: #e5e6e6; border-bottom: 4px solid #fff; height: 273px; margin: 0; padding: 1px 24px 0 238px; position: relative; }
.team-bio h4 { font-size: 1.6em; margin: 16px 0 0; }
.team-bio h4:before { display: none; }
.team-bio h5 { color: #cf0a2c; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: .9em; }
.team-bio p { margin: 0; }
.team-bio p a { background-color: #1566c2; bottom: 0; color: #fff; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 1.2em; left: 217px; padding: 3px 7px; position: absolute; }
.team-bio p:first-of-type a { background-color: transparent; left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; }
.team-bio p:first-of-type a:after { background-color: rgba(21,102,194,.6); content: ""; height: 100%; left: -100%; position: absolute; top: -100%; transition: top .5s, left .2s; width: 100%; }
.team-bio p:first-of-type a:hover:after { left: 0; top: 0; }
.team-bio p a i { font-size: .8em; margin: -2px 0 0 4px; }
.mgmt-header { background-color: #cf0a2c; height: 288px; padding: 34px 26px; }
.mgmt-header h4 { color: #fff; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 1.6em; font-weight: 700; }
.mgmt-header h4:before { background-color: #fff; content: ""; display: block; height: 4px; margin-bottom: 6px; }
.mgmt-list { background-color: #c5c7c8; height: 288px; padding: 32px 18px; }
.mgmt-list p { font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 1em; line-height: 1.1em; }
.mgmt-list p span { color: #cf0a2c; display: block; font-size: .8em; }
.mgmt-list p a { color: #1566c2; font-size: .8em; }

.proj-link { cursor: pointer; height: 700px; overflow: hidden; position: relative; }
.proj-link:first-of-type { border-right: 4px solid #fff; }
.proj-link a { height: 100%; position: absolute; top: 0; left: 0; }
.proj-link img { height: 100%; max-width: 900%; }
.proj-link span { color: #fff; font-size: 3.5em; font-weight: 700; left: 8%; line-height: 1em; position: absolute; top: 62px; width: 82%; z-index: 9;}
.proj-link i { bottom: 16px; color: #fff; font-size: 3.2em; position: absolute; right: 26px; z-index: 10; }
.proj-link:hover:after { top: 0; }

.emp-left-top, .emp-top-right { height: 580px; overflow: auto; }
.emp-left-top { border: 3px solid #fff; border-width: 3px 0; }
.emp-left-top p { color: #fff; padding: 18px 14px; }
.emp-top-right { background-color: #dadbdc; border: 3px solid #fff; border-right: 0; padding: 18px; }
.emp-top-right h5 { border-bottom: 1px solid #1566c2; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 2.3em; font-weight: 700; line-height: .95em; margin: 4px 0; padding-bottom: 22px; }
.emp-top-right .ccm-block-page-list-page-entry-text { border-bottom: 1px solid #1566c2; overflow: auto; padding-bottom: 12px; }
.emp-top-right .ccm-block-page-list-page-entry-read-more { background-color: #1566c2; display: inline-block; float: right; }
.emp-top-right .ccm-block-page-list-page-entry-read-more a { color: #fff; font-size: .9em; padding: 3px 10px; transition: .18s; }
.emp-top-right .ccm-block-page-list-page-entry-read-more a:hover { background-color: #c0b727; }
.emp-top-right .ccm-block-page-list-page-entry-read-more a:after { content: "\f061"; font-family: "FontAwesome"; margin-left: 5px; }
.emp-bottom-left { background-color: #6d7e11; border-right: 2px solid #fff; height: 120px; padding: 15px 24px; }
.emp-bottom-left h4 { color: #c0b727; font-size: 2.4em; line-height: 1em; margin: 0; }
.emp-bottom-left h4:before { background-color: #c0b727; }
.emp-bottom-right { height: 120px; }
.emp-bottom-right p { height: 100%; }
.emp-bottom-right a { background-color: #c0b727; color: #333; display: inline-block; float: left; font-family:"Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 1.4em; font-weight: 700; height: 100%; margin: 0; padding: 12px 18px; position: relative; vertical-align: top; width: 50%; }
.emp-bottom-right a:last-of-type { border-left: 3px solid #fff; }
.emp-bottom-right a:hover, .emp-bottom-right a:hover span i { color: #c0b727; }
.emp-bottom-right a:before, .emp-bottom-right a:after { background-color: #fff; }
.emp-bottom-right p a span i { float: right; padding-top: 6px; vertical-align: middle; }

.cust-left { border: 4px solid #fff; border-left: 0; border-bottom: 0; height: 490px; overflow: hidden; padding: 28px 34px; position: relative; }
.cust-left p:first-of-type { font-size: 2em; text-shadow: 1px 2px 6px #333; z-index: 1; position: relative;  }
.cust-left p span { color: #fff; }
.block-text.cust-list-left p a { background-color: transparent; }
.cust-left p img { bottom: -210px; left: -80px; opacity: .8; position: absolute; transform: rotateY(180deg); }
.cust-left p img[alt*="front"] { bottom: -260px; }
.cust-middle { background-color: #1566c2; border: 4px solid #fff; border-left: 0; border-bottom: 0; font-size: 1em; height: 490px; }
.cust-middle p { color: #fff; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-weight: 700; line-height: 1.25em; padding: 10px 12px; }
.cust-right { background-color: #dadbdc; border: 4px solid #fff; border-width: 3px 0 0; height: 490px; }
.cust-right h4 { border-top: 6px solid #cf0a2c; border-bottom: 1px solid #cf0a2c; color: #cf0a2c; font-family:"Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 1em; font-weight: 700; margin: 18px 0 8px 5%; padding: 0 0 8px; width: 95%; }
.cust-right p { padding: 10px 12px;  }
.cust-right p a { color: #000; display: block; font-size: 1.1em; line-height: 1.2em; margin-bottom: 13px; margin-left: 5%; margin-right: 18px; transition: color .2s; }
.cust-right p a:hover { color: #666; }
.cust-right p a span { background-color: transparent; display: block; padding: 0 3px; }

.history-top-train { background-image: url("https://palmettorailways.com/application/files/1914/9183/3622/ecb2002.jpg"); background-size: cover; background-position: center; height: 480px; }

.cust-right.cust-middle { background: #1566c2; border-right: 4px solid #fff; padding: 0; }
.cust-right.cust-middle h4 { color: #fff; border-top-color: #fff; border-bottom-color: #fff; margin-left: 20px; width: 100%; }
.cust-right.cust-middle a { background: transparent; color: #fff; font-family: "Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic","Libre Franklin",Arial,sans-serif; font-size: 1.1em; margin-left: 16px; transition: color .2s; }
.cust-right.cust-middle a:hover { color: #ddd; }
.cust-right.cust-middle a span { background: transparent; }

.the-customers-page > .row > .medium-4,
.the-customers-page > .row > .medium-3 { width: 29.166667%; }

#customers-slideshow { background-color: #fff; border-top: 4px solid #fff; }
#customers-slideshow > div { width: 1400%; }
#customers-slideshow > div > div { width: 7.142%; }
#customers-slideshow > span { background-color: #e5e6e6; height: 100%; position: absolute; right: 0; top: 0; width: 58.5%; }
#customers-slideshow h4 { border-bottom: 1px solid #1566c2; font-family:"Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 1.6em; font-weight: 700; margin: 18px 3% 30px; padding: 2px 0 14px; position: relative; }
#customers-slideshow h4:before { background-color: #1566c2; content: ""; display: block; height: 4px; margin-bottom: 0px; width: 200px; }
#customers-slideshow .image-blk { width: 42%; }
#customers-slideshow .image-blk img { margin: 92px auto 0; width: 100px; }
.quote-text { font-size: 1.6em; line-height: 1.4em; padding: 14px 24px; position: absolute; right: 3%; width: 54%; }
.quote-text span { float: right; font-size: .7em; margin: 66px 40px 0 0; text-align: right; }
.quote-text span strong { display: block; font-size: 1.3em; line-height: .8em; }
#customers-slideshow .ss-arrow { background-color: transparent; top: 68px; }


.cust-list-left { background-color: #c1c1c1; text-align: center; }
.cust-list-left h4 { margin: 18px 0 30px; }
.cust-list-left h4:before { display: none; }
.cust-list-left p a { background-color: #fff !important; border: 2px solid #fff; display: inline-block; height: 160px; line-height: 150px; margin: 0 0 18px 18px; text-align: center; transition: border-color .2s; vertical-align: top; width: 160px; }
.cust-list-left p a img { width: 104px; }
.cust-list-left p a img[src*="General"],
.cust-list-left p a img[src*="volvo"],
.cust-list-left p a img[src*="Mitsubishi"] { width: 68px; }
.cust-list-left p a img[src*="wpdde"] { width: 82px; }
.cust-list-left p a img[src*="michelin"],
.cust-list-left p a img[src*="eightfour"],
.cust-list-left p a img[src*="carver"],
.cust-list-left p a img[src*="jameshardie"] { width: 124px; }
.cust-list-left p a:hover { border-color: #1566c2; }

.cust-video-right { background-color: #aaa; border-top: 4px solid #fff; padding: 14px 20px; }
.cust-video-right iframe { margin-bottom: 45px; width: 100%; }

.pdf-document { height: 52px; line-height: 36px; margin: 0 auto; width: 100%; }
.pdf-document span { color: #fff; font-family:"Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 1.1em; font-weight: 700; padding-left: 5px; }
.pdf-document img { background-color: #003e7e; border-radius: 100%; display: block; float: right; height: 35px; vertical-align: middle; width: 35px; }

.make-full-width { padding-bottom: 80px; }
.make-full-width div p { font-size: .9em; padding-left: 40px; }
.make-full-width div strong { border-bottom: 1px solid #1566c2; font-family:"Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 1.3em; padding: 0 20px 3px 0; }

.res-partnerships { background-color: #003e7e; border: 4px solid #fff; border-width: 4px 4px 0 0; color: #43a5ea; height: 540px; }
.res-partnerships h4 { color: #fff; }
.res-partnerships h4:before { background-color: #43a5ea; }
.res-partnerships hr { border-color: #43a5ea; }
.res-partnerships p { color: #fff; font-family:"Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 1.7em !important; font-weight: 700; line-height: 1.3em; }
.res-partnerships p img { bottom: -1px; position: absolute; right: 3px; width: 400px; }
.res-solicitations { background-color: #e5e6e6; border-top: 4px solid #fff; height: 540px; overflow-x: auto; position: relative; }
.res-solicitations p { margin: 0; }
.block-text.res-solicitations p a { background-color: transparent; border-top: 1px solid #1566c2; color: #003e7e; margin-bottom: 0; padding: 18px 8px 18px; width: 100%; }
.block-text.res-solicitations p:last-of-type a { border-bottom: 1px solid #1556c2; }
.res-solicitations p a:hover span { color: #777; }
.res-solicitations p a span { font-family:"Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-weight: 700; vertical-align: top; }
.res-solicitations p a span span { color: #c0b727; float: left; font-family: "Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic","Libre Franklin",Arial,sans-serif; font-size: 2em; font-weight: 700; margin: 0 8px; vertical-align: top; }
.res-solicitations p a.pdf-document { background-color: #c0b727; border: 0; bottom: 0; left: 0; margin: 0; padding: 8px; position: absolute; width: 100%; }
.res-solicitations p a.pdf-document:hover { background-color: #aaa; }
.res-requirements { background-color: #43a5ea; border: 4px solid #fff; border-left: 0; height: 220px; }
.res-requirements p a { background-color: #43a5ea; }
.res-requirements p a:hover { background-color: #43a5ea; }
.res-addendums { background-color: #c5c7c8; border: 4px solid #fff; border-width: 4px 0; height: 220px; }

.econ-left { background-color: #e5e6e6; border-bottom: 4px solid #fff; height: 350px; }
.econ-left h4 { float: left; padding-bottom: 14px; width: 70%; }
.econ-left img { float: right; margin-top: -14px; width: 56px; }
.econ-right { background-color: #c5c7c8; height: 350px; }
.econ-right h4 { float: left; width: 70%; }
.econ-right img { float: right; margin-top: 2px; width: 68px; }
.econ-dev-header { background-color: #003e7e; border: 4px solid #fff; border-width: 4px 0; }
.econ-dev-header h4 { color: #fff; }
.econ-dev-header h4:before { background-color: #c0b727; }
.econ-dev { background-color: #1566c2; border: 4px solid #fff; border-width: 0 4px 4px 0; height: 92px; padding: 15px 26px; position: relative; }
.econ-dev-right .econ-dev { border-right: 0; }
.econ-dev p { color: #fff; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 1.1em; font-weight: 700; margin: 0; }
.econ-dev p span { color: #c0b727; font-family: "Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic","Libre Franklin",Arial,sans-serif; font-size: 2.2em; line-height: 1em; margin-right: 14px; vertical-align: top; }
.econ-dev p:last-of-type { background-color: #003e7e; bottom: 0; padding: 1px 10px; position: absolute; right: 0; }
.econ-dev p:last-of-type a { color: #1566c2; font-size: .85em; transition: padding .3s; }
.econ-dev p:last-of-type a:hover { padding-right: 14px; }
.econ-dev p:last-of-type a i { color: #fff; margin-left: 2px; }
.dev-map { border-bottom: 4px solid #fff; }

.small-9 .ccm-search-block-form { margin: 24px 0 35px 5%; }
.small-9 .ccm-search-block-form h3 { font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; font-size: 2.3em; font-weight: 700; line-height: .95em; margin: 4px 0; padding-bottom: 22px; }
.small-9 .ccm-search-block-form h3:before { background-color: #1566c2; content: ""; display: block; height: 4px; margin-bottom: 6px; width: 200px; }
.small-9 .ccm-search-block-form input[type="text"] { display: inline-block; font-size: 1.4em; height: 46px; padding-left: 12px; width: 80%; }
.small-9 .ccm-search-block-form input[type="submit"] { background-color: #1566c2; border: 0; color: #fff; cursor: pointer; display: inline-block; font-size: 1.3em; height: 46px; margin-left: 14px; transition: background-color .15s; width: 64px; }
.small-9 .ccm-search-block-form input[type="submit"]:hover { background-color: #c0b727; }
#searchResults .searchResult { margin: 22px 0 32px 16px; }
#searchResults .searchResult h3 { font-size: 1.6em; }
#searchResults .searchResult h3:before { display: none; }

.news-archives .ccm-block-page-list-page-entry-text { margin: 20px 0 12px; }
.news-archives .ccm-block-page-list-title { font-size: 1.3em; line-height: 1.15em; margin: 5px 0;}
.news-archives .ccm-block-page-list-date { color: #cf0a2c; font-size: .8em; }
a.archive-link { background-color: #cf0a2c; clear: both; color: #fff; display: inline-block; line-height: 1.1em;  margin: 18px 0 0 22% !important; padding: 6px 8px; width: 78%; }

.site-map-page-list .ccm-block-page-list-pages { margin: -30px 70px -10px; }
.site-map-page-list .ccm-block-page-list-title a { font-weight: 400; }
.site-map-page-list .ccm-block-page-list-title a:before { content: "-"; margin-right: 8px; }

.contact-boxes.make-full-width { font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; padding: 0; }
.contact-boxes.make-full-width div strong { display: block; margin-top: 38px; padding-bottom: 11px; width: 92%; }
.contact-boxes .red-text { color: #e0252c; }
.contact-boxes div.medium-3 { height: 360px; padding-right: 4%; word-wrap: break-word; }
.contact-boxes div.medium-3:nth-of-type(even) { background-color: #ddd; }
.contact-boxes.make-full-width p { font-size: 1em; }
.contact-boxes p a { word-wrap: break-word; }
.contact-boxes p.emergency { font-size: 1.3em; }

#project-map { height: 730px; }
#map { float: left; height: 100%; vertical-align: top; width: 100%; }

#layer-toggles { background-color: #fff; left: 15px; padding: 0; position: absolute; bottom: 15px; }
#layer-toggles ul { background-color: #fff; margin: 0; }
#layer-toggles ul:after { background-color: #d3d4d5; content: ""; height: 100%; position: absolute; top: 0; width: 44px; z-index: 2; }
#layer-toggles ul h4 { background-color: #bec0c1; color: #003e7e; font-size: 1.3em; line-height: .8em; margin: 0; padding: 10px 14px 6px; position: relative; z-index: 3; }
#layer-toggles ul h4 strong { display: block; font-size: .5em; font-weight: 400; }
#layer-toggles ul h4:after { border: 8px solid transparent; border-width: 10px 8px; border-top-color: #003e7e; content: ""; left: 16px; position: absolute; top: 100%; }

#layer-toggles li { color: #003e7e; cursor: pointer; display: block; font-family: "Roboto Condensed","Franklin Gothic Condensed","Arial Condensed",sans-serif; margin-left: 16px; margin-bottom: 5px; padding-right: 20px; }
#layer-toggles li:first-of-type { padding-top: 14px; }
#layer-toggles li:last-of-type { padding-bottom: 7px; }
#layer-toggles li img { height: 23px; margin-right: 4px; position: absolute; }
#layer-toggles li:nth-of-type(2) img,
#layer-toggles li:nth-of-type(6) img { margin-right: 7px;position: static; }
#layer-toggles li span { background-color: #1566c2; border: 1.5px solid #fff; display: inline-block; height: 14px; margin-right: 28px; outline: 1px solid #000; position: relative; vertical-align: middle; width: 14px; z-index: 4; }

#layer-toggles li span.off { background-color: #fff; }

#layer-toggles li strong { height: 5px; display: inline-block; margin-right: 6px; vertical-align: middle; width: 18px; }
#layer-toggles li.row strong { background-color: #ce1130; margin-top: 17px; }
#layer-toggles li.majorProjects strong { background-color: #ea750c; margin-top: 17px; }
#layer-toggles li.csx strong { background-color: #b9ac20; }
#layer-toggles li.ns strong { background-color: #242021; }

div[style*="z-index: 107"] > div > div:nth-of-type(2) { left: 26px !important; top: 20px !important; width: 440px !important; }
div[style*="z-index: 107"] > div > div:nth-of-type(2) > div > div > div > div:first-of-type { display: none; }
div[style*="z-index: 107"] > div > div:nth-of-type(2) table td { font-size: 1em; line-height: 1.1em; }


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

@media screen and (min-width: 1740px) {
  #menu div a { font-size: 1.1em; }
  .how-box p { font-size: 1.1em; }
  .block-text p { font-size: 1.2em; }
  .about-right-btm p { font-size: 2.3em; }
  .team-bio p { font-size: 1em; }
  .slideshow > div > div > div > p { font-size: 1.2em; }
  #top-banner { height: 578px; }
  .slideshow > div > div > div > img { display: block; margin: 6px auto 0; width: 40%; }
  .rslides img[src*="4192"],
 .rslides img[src*="8500"] { margin-top: -325px; }
 .rslides img[src*="HannahLane"] { margin: 0; width: 110%; }

  .cust-list-left img { width: 100px; }
  .cust-video-right iframe { height: 400px; }

  .econ-left,
  .econ-right { height: 400px; }
  .proj-link { height: 800px; }
}

@media screen and (max-width: 1530px) {
  .home-column:last-of-type iframe { height: 468px !important; }

  #trailing-body img, 
  #header.smaller.opened #trailing-body img { height: 100px; }
}

@media screen and (max-width: 1420px) {
  #subpage-title > p { font-size: 1.4em; width: 100%; }
  .our-services h5 { font-size: 1em; }
  .facts-left p { font-size: 1.4em; }
  .cust-left p { font-size: 1.1em; }
  .cust-left p img { bottom: -100px; }
  .cust-left p img[alt*="front"] { bottom: -140px; }
  .corner-text p:first-of-type { width: 220%;}
  .rslides img[src*="4192"],
 .rslides img[src*="8500"] { margin-top: 45px; }
 .rslides img[src*="HannahLane"] { margin: -20px; width: 146%; }

  .facts-med-left p { font-size: 1.8em; }
  .facts-med-right p { font-size: 1.8em; }
  .facts-med-right-btm p { font-size: 1.6em; }
  .facts-btm-left p { font-size: 1.9em; }
  .facts-btm-right p { font-size: 1.8em; }
  .facts-boat p { font-size: 1.3em; }
  .facts-btm-right p.subdiv { font-size: 1.6em; }

  .our-services { padding: 2px 8px; }
  .our-services img { margin-top: 15px; }
  .our-services h5 { font-size: .85em; height: 244px; width: 31%; }
  .our-services > div { height: 244px; margin: 18px 1% !important; width: 31%; }
  .our-services ul li{ font-size: .9em; line-height: 1.3em; }

  .team-bio p { font-size: .8em; }
}

@media screen and (max-width: 1300px) {
  .econ-left,
  .econ-right { height: 430px; }
  .proj-link { height: 860px; }
}

@media screen and (max-width: 1200px) {
  #trailing-body, #header.smaller.opened #trailing-body { height: 100px; }
  #trailing-body img, 
  #header.smaller.opened #trailing-body img { height: 40px; padding: 0 14px; width: auto; }
  .smaller #trailing-body img { height: 30px;}
  /* #header.smaller .nav { right: -71%; } */
  #header .nav, #header.smaller.opened .nav { top: 15px; width: 71%; }
  #header .nav li { display: inline-block; margin-right: 2%; width: 23%; }
  #header .nav a { font-size: .9em; line-height: 28px; border-width: 3px; }
  #body { margin-top: 100px; }
  .home-column:last-of-type iframe { height: 388px !important; }

  .truncated-text p { padding-bottom: 40px;  }
  .block-text.team-bio { border-left: 3px solid #fff; height: 310px; padding: 9px 8px 0 180px; }
  .team-bio:before { left: 180px; top: 16px; width: 70px; }
  .block-text.team-bio h4 { font-size: 1.3em; margin-top: 15px; }
  .team-bio h5 { font-size: .8em; line-height: 1.1em; margin: 3px 0 8px; }
  .team-bio p a { left: auto; right: 0; }
  .team-bio p:first-of-type a { height: auto; width: 160px; }
  .team-bio p:first-of-type a:after { display: none; }
  .make-full-width { padding-bottom: 0; }
  .make-full-width .medium-3 { height: 280px; width: 50%; }
  #top-banner img { top: -16%; }
  .rslides img[src*="HannahLane"] { margin-left: -220px; margin-top: -10px; width: 156%; }
  #circles > a img { width: 124px; }

  .cust-left p:first-of-type { font-size: 1.7em; }

  .cust-middle p { font-size: .75em; padding: 10px 3px; }
  .cust-right p a { font-size: .9em; margin-bottom: 10px;  }

  .about-mission { padding: 18px; }
  .about-mission h4 { padding-top: 0; }
  .about-mission p { font-size: 1.6em; }
  .about-mission img[src*="palmmap"] { width: 130px !important; }

  .news-big-nuggets .ccm-block-page-list-page-entry-horizontal { width: 40%; }
  .news-big-nuggets .ccm-block-page-list-page-entry-horizontal:first-of-type { width: 60%; }
  .news-big-nuggets .ccm-block-page-list-page-entry-horizontal:nth-child(4),
  .news-big-nuggets .ccm-block-page-list-page-entry-horizontal:nth-child(5) { display: none; }

  .cust-list-left img { width: 64px; }
  .cust-video-right iframe { height: 275px; margin-bottom: 100px; }

  #layer-toggles ul h4 { font-size: .85em; margin-bottom: 3px; }
  #layer-toggles li { font-size: .75em; }
}

@media screen and (max-width: 1090px) {
  #left-options > a#employee-login { padding: 0 10%; }
  #trailing-body img, #header.smaller.opened #trailing-body img { margin-top: -12px; padding: 0 18px; }
  #top-banner { height: 350px; }
  #top-banner > img { max-width: 800%; width: 130%; }
  .rslides img[src*="4192"],
  .rslides img[src*="8500"] { margin-top: -100px; }
  .rslides img[src*="HannahLane"] { margin-left: -100px; width: 132%; }
  .rslides img[src*="179x"] { margin-top: 0; }
  .rslides > li { margin-top: 150px; }

  #menu { height: 96px; width: 72%; }
  #menu div a { font-size: .85em; line-height: 60px;}
  #menu div a:hover { padding-left: 6px; }
  #menu div a:last-of-type { line-height: 16px; padding-top: 8px;}

  #right-links a { display: inline-block; height: 52px; padding: 0 14px; }

  .gray-summary { padding: 10px 16px; }
  .gray-summary h4 { font-size: 1.4em; width: 100%; }
  .gray-summary p { line-height: 1.1em; }
  .heres-how-header p { font-size: 1.5em; width: 66%; }
  #train-image { right: 6%; }
  .how-box p { font-size: .8em; line-height: 1.3em; }
  .heres-how-image img { left: -70%; width: 280%; }
  .safety-performance h4 { font-size: 1.4em; }
  .safety-performance h5 { font-size: .8em; }
  .safety-performance h5 span { font-size: 2.1em; }
  .facts-lt-blue p { font-size: 1.6em; }
  .facts-boat p { font-size: 1.3em; }
  .facts-dk-blue p { font-size: 1.2em; }
  .facts-right img { max-width: 999999px; width: 500px; }
  .quick-fact-btm-btm { font-size: .8em;}

  .history-top-train { height: 320px; }

  .corner-text p:first-of-type { left: -50%; top: -10%; width: 280%; }
  .corner-text p { font-size: 1.9em; }
  .emp-bottom-right a { font-size: 1.1em; line-height: 1em; }
  .emp-bottom-right p a span i { padding-top: 30px;  }
  .proj-link span { font-size: 2.5em; }
  .slant-icon img[src*="sheet"] { margin-left: 4%; }

  .block-text { padding: 10px 20px; }
  .block-text h4 { font-size: 1.6em; }
  .block-text p { font-size: .85em; }
  .block-text ul li { font-size: .8em; }
  .our-services h5 { font-size: .75em; height: 340px; padding: 2px 1% }
  .our-services h5 img { width: 40px; }
  .our-services h5 span { font-size: .9em; }

  .our-services > div h5 { padding-top: 34px; }
  
  .mgmt-header { padding: 24px 10px; }
  .mgmt-header h4 { font-size: 1em; }
  .mgmt-list { font-size: .9em; padding-top: 20px; }

  .about-right-btm p { font-size: 1.9em; }

  .res-partnerships p { font-size: 1.4em !important; }
  .res-partnerships p img { width: 320px;  }
  .site-map-page-list .ccm-block-page-list-title a { display: block; font-size: .8em; margin-bottom: -8px; }
  .contact-boxes div.medium-3 { height: 280px; }

  .facts-boat p { font-size: 1em; }
  .facts-left p { font-size: .9em; }
  .facts-med-left p { font-size: 1.3em; }
  .facts-med-right p { font-size: 1.5em; }
  .facts-med-right-btm p { font-size: 1.2em; }
  .facts-btm-left p { font-size: 1.3em; }
  .facts-btm-right p { font-size: 1.3em; }
  .facts-btm-right p.subdiv { font-size: 1.4em; margin-left: 36px;}
  .facts-btm-right p.subdiv span { height: 26px; left: -36px; top: 1px; width: 26px; }
}

@media screen and (max-width: 1024px) {
  .small-3 { margin-top: 4px; width: 25%; }
  .the-customers-page-ok #top-banner { height: 270px; }

  #project-map { height: auto; }
  #map { height: 400px; width: 100%; }
  #layer-toggles { clear: both; position: relative; top: 0; left: 0;  }

  #map-legend { border: 0; border-top: 4px solid #fff; height: auto; width: 100%; }
  #map-legend div { display: inline-block; margin-right: 14px; }

  .facts-btm-right p.subdiv { font-size: 1.1em; margin-bottom: 14px; }
}

@media screen and (max-width: 920px) {
  #top-bar { margin-top: 0;position: static;top: 0;}
  #trailing-body, #header.smaller.opened #trailing-body {height: 74px;top: 0;}
  #trailing-body img, #header.smaller.opened #trailing-body img { display: block; margin: 14px 0 0; padding-bottom: 0;  }
  .smaller #trailing-body img { width: 300px; }
  #header .nav, #header.smaller.opened .nav { background-color: #1566c2; height: 100%; margin-top: 8px; position: fixed; right: -190px; top: 0; width: 190px; }
  #header.resp-menu-opened .nav, #header.smaller.opened.resp-menu-opened .nav { right: 0; }
  .ccm-panel-ready #header .nav, .ccm-panel-ready #header.smaller.opened .nav { top: 0px; }
  #header .nav li { display: block; text-align: center; width: 100%; }
  #header .nav li a { color: #fff; font-size: 1em; padding: 5px 0; }
  #header .nav li a:hover { background-color: #003e7e; }
  .nav a:hover { padding-left: 0; }
  #body { margin-top: 28px !important; }
  #small-menu { border: 0; height: 40px; right: 14px; top: 18px; transition: right .6s; width: 44px; z-index: 8; }
  #header.resp-menu-opened #small-menu { right: 204px; }

  #header li ul { display: none; }

  .about-us-page-only #top-banner { height: 240px; }
  .cust-left { height: auto; }
  .cust-right h4 { font-size: 1.2em; width: 100%; width: 90%; }
  .cust-right.cust-middle h4 { margin-left: 5%; width: 90%; }
  .cust-right.cust-middle p a { margin-left: 5%;}

  .home-column { border-bottom: 0; height: auto; }
  .home-column-header { height: 56px; }
  .home-column-header h3 { font-size: 1.1em; line-height: 54px; }

  .econ-right h4 { width: 100%; }
  .econ-right img { display: none; }

  .menu-column { margin-top: 0px; }
  #subpage-title { margin-bottom: 24px; }
  #subpage-title > p { font-size: 1.1em; padding: 5px 12px; width: 100%; }
  #subpage-subtitle > p { font-size: .9em; }
  .menu-column a span { font-size: .8em; line-height: 14px; }

  .menu-column .bigger-link span { font-size: 1.1em; }
  .pdf-document { font-size: .8em; height: 40px; line-height: 22px; }
  .pdf-document img { height: 24px; width: 24px; }

  .history-left p { font-size: 1.2em; }
  .history-right p { font-size: .7em; }
  .slideshow > div > div { padding: 0 30px; }
  .slideshow > div > div > div > h4 { font-size: 1.6em; }
  .slideshow > div > div > div > h4:before { width: 75px; }
  .slideshow > div > div > div > p { font-size: .7em; margin-top: 8px;}
  .ss-arrow { width: 36px; }
  .ss-arrow:after { border-width: 16px; top: 125px; }
  .ss-arrow:hover:after { border-width: 16px; top: 125px; }

  .block-text.team-bio { height: 290px; padding: 2px 8px 0 106px; }
  .team-bio:before { left: 106px; top: 6px; }
  .team-bio p { font-size: .7em; }
  .team-bio p:first-of-type a img { width: 96px; }

  .about-mission p { font-size: 1.5em; line-height: 1.2em; }
  .about-right-top p { font-size: .75em;}
  .about-right-top h4 { font-size: 1.4em; margin-bottom: 0; }
  .about-right-btm p { font-size: 1.5em; }

   .econ-dev { font-size: .75em; height: 80px; }
  #textLaunchBox div { left: 5%; padding: 12px 16px; width: 90%; }
  #textLaunchBox div p { font-size: .8em; line-height: 1.3em; }
  .cust-left p { font-size: 1em; }
  .cust-left p img { bottom: -140px; }
  .cust-left p img[alt*="front"] { bottom: -190px; }
  .emp-bottom-left h4 { font-size: 1.7em;}

  .cust-list-left img { width: 52px; }
  .cust-video-right iframe { height: 180px; }
  .cust-list-left p a { height: 120px; line-height: 110px; width: 120px; }
  .cust-list-left p a img { width: 84px; }
  .cust-list-left p a img[src*="General"],
  .cust-list-left p a img[src*="volvo"],
  .cust-list-left p a img[src*="Mitsubishi"] { width: 48px; }
  .cust-list-left p a img[src*="wpdde"] { width: 62px; }
  .cust-list-left p a img[src*="michelin"],
  .cust-list-left p a img[src*="eightfour"],
  .cust-list-left p a img[src*="carver"],
  .cust-list-left p a img[src*="jameshardie"] { width: 94px; }
  .cust-list-left p a:hover { border-color: #1566c2; }

  .the-customers-page > .row > div { width: 100% !important; }
  .cust-right { height: auto; }
  .cust-right p { margin: 0; }

  .facts-left p { font-size: .75em; }
  .facts-boat p { font-size: .8em; }
  .facts-med-right p { font-size: 1.3em; }

  .news-big-nuggets .ccm-block-page-list-page-entry-horizontal { height: 300px; width: 100%; }
  .news-big-nuggets .ccm-block-page-list-page-entry-horizontal:first-of-type { height: 300px; width: 100%; }
  .news-big-nuggets .ccm-block-page-list-page-entry-text { padding: 0 12px !important; }
  .news-big-nuggets .ccm-block-page-list-date { color: #1566c2; font-size: .75em !important; line-height: .95em; margin-top: 6px !important; }
  .news-big-nuggets .ccm-block-page-list-title a { font-size: 1.1em !important; line-height: .9em; padding: 8px 0 !important; }
  .news-big-nuggets .ccm-block-page-list-description { font-size: .75em !important; line-height: 1.1em !important; }
  .news-big-nuggets .ccm-block-page-list-page-entry-read-more a { padding-top: 4px !important; }
  .news-big-nuggets .ccm-block-page-list-page-entry-horizontal:first-of-type .ccm-block-page-list-page-entry-text { height: 56%; }
  .news-big-nuggets .ccm-block-page-list-page-entry-horizontal:first-of-type .ccm-block-page-list-page-entry-read-more { height: 12%; }
}

@media screen and (max-width: 760px) {
  /* Header/Footer */
  #left-links > a { clear: both; display: block; margin: 24px auto 8px; text-align: center; width: 120px; }
  #left-options > a#employee-login { padding: 0 15px; text-align: center; }
  #left-options > a.social-media { display: none; }
  #header #right-options.opened input { width: 560%; }
  #right-options form span { background-color: #fff; border-radius: 100%; font-size: 2em; height: 28px; line-height: .8em; right: 578%; text-align: center; top: 2px; width: 28px; }
  #right-options a { font-size: 1.3em; padding: 7px 0; width: 38px; }
  #right-options input { font-size: .7em; }
  #menu { bottom: 0; height: 68px; top: auto; width: 100%; }
  #menu div a { font-size: .75em; line-height: 44px; text-align: center; }
  #menu div a:hover { padding-left: 0; }
  #menu div a:last-of-type { line-height: 12px; padding-top: 3px;}
  #menu div a:before { left: 0; }

  .econ .medium-6 { width: 100%; }
  .proj-link { height: 320px; background-size: cover; }
  .proj-link img { height: auto; width: 100%; }
  .econ-left,
  .econ-right { height: auto; }

  #top-banner { height: 320px; }
  #top-banner > img { max-width: 800%; width: 130%; }
  .rslides > li { margin-top: 200px; }
  .rslides img[src*="4192"],
 .rslides img[src*="8500"] { margin-top: -20px; }

  #footer { padding-top: 0; }
  #bottom-bar { height: 34px; }
  #right-links { padding-bottom: 12px; }
  #left-links { padding: 20px 14px 6px; width: 100%; }
  #left-links div.double-time { width: 73%; }
  #left-options > a { font-size: .7em; line-height: 32px; }
  #right-links { padding-top: 8px; text-align: center; width: 100%; }
  #right-options a { font-size: 1.2em;padding-top: 0; }
  a.archive-link { font-size: .8em; }

  /* Other */
  a.hover-effect:before, a.hover-effect:after { display: none; }

  #top-banner { height: 270px; }
  #top-banner h2 { font-size: 1.6em; line-height: .8em; padding-left: 2%; padding-right: 2%; }
  #top-banner h2 a { padding-top: 0; }
  #circles { padding-bottom: 24px; }
  #circles > a img { width: 76px; }
  #circles > a { font-size: 1em; }

  .menu-column hr { display: none; }
  .menu-column a:hover span { color: #414048; padding-left: 0; }
  .menu-column a:hover i { color: #414048; }
  #sidebar-links > h5 { margin-top: 10px; }
  .how-box p { font-size: .7em; }

  .menu-column .bigger-link { height: auto; }
  .menu-column .bigger-link span { padding: 0; }
  #sidebar-links > h4 { padding: 14px 0 0 10%; }

  .quick-facts-btm-btm-box .medium-4 { width: 100%; }
  .quick-fact-btm-btm h4 { margin-bottom: 3px; padding-bottom: 18px; }
  .quick-fact-btm-btm p { margin-top: 0; }

  .make-full-width .medium-3 { font-size: .9em; height: auto; padding-right: 18px; padding-top: 6px; padding-bottom: 14px; width: 100%; }

  .contact-boxes div.medium-3 { height: auto; }
  .quote-text { font-size: 1.1em; }
  #customers-slideshow .image-blk img { margin-top: 80px; width: 60px; }

}

@media screen and (max-height: 610px) {
  .menu-column { position: relative; width: 100%; }
  .fix-width .menu-column { width: 100%; }
}

@media screen and (max-width: 640px) {
  #header .nav li a { font-size: .8em; padding: 1px; }

  .menu-column { position: static; width: 100%; }

  .how-box { height: auto; }
  .heres-how-header p { font-size: 1.2em; width: 100%; }
  #train-image { display: none; }
  .heres-how-image { height: 180px; }
  .safety-performance { height: auto; padding-bottom: 20px; }
  .gray-summary p:last-of-type { float: right; font-size: .6em; margin: 8px; position: static; }
  .sidebar-contact { padding-bottom: 4px; }
  .rslides img[src*="HannahLane"] { margin-left: -100px; width: 142%; }
  .about-us-page-only #top-banner { height: 160px; }

  .our-services { padding: 2px 8px; }
  .our-services h5 { font-size: .85em; height: auto;  margin: 14px 5%; width: 90%; }
  .our-services img { margin-top: 10px !important; }
  .our-services h5 span { margin: 12px auto; position: static; width: 90%; }

  .our-services > div { height: auto; margin: 14px 5%; width: 95%; }
  .our-services > div h5 { margin: 0 auto; padding-top: 8px; width: 95%; }
  .our-services > div h5 img { margin-top: 10px !important; }
  .our-services > div > div { margin: 12px auto; position: static; }
  .our-services ul { font-size: 1em; line-height: 1.3em; }

  #menu { position: relative; }
  #menu div { height: 68px; position: absolute; }
  #menu div { height: 68px; position: absolute; }
  #menu div:nth-of-type(1) { left: 0; }
  #menu div:nth-of-type(2) { left: 25%; }
  #menu div:nth-of-type(3) { left: 50%; }
  #menu div a { height: 34px !important; }
  #trailing-body:after { height: 0; }

  .about-mission { border-right: 0; height: auto; }
  .about-mission-map { height: auto; padding: 14px 22px 0;  }
  .about-mission-map a { font-size: 1.1em; }
  .about-right-top, .about-right-btm { height: auto; }
  .econ-dev { border-right: 0; }
  .proj-link { border-right: 0 !important; height: 240px; }
  .proj-link img { height: auto; width: 160%;  }
  .proj-link i { font-size: 2em; }

  .emp-left-top, .emp-top-right, .emp-bottom-left, .emp-bottom-right, .econ-left,
  .history-right, .block-text.team-bio, .mgmt-header, .facts-lt-blue, .mgmt-header { height: auto; }
  .facts-left { height: auto; padding-bottom: 25px; }
  .facts-boat { border-left: 0; border-top: 4px solid #fff; height: auto; padding-bottom: 75px; }
  .facts-boat p { font-size: 1em;}
  .facts-right p { font-size: 1em; padding-bottom: 40px; }
  .facts-lt-blue p { font-size: 1.3em; }
  .mgmt-list { height: auto; padding: 14px 24px 1px; }
  .emp-left-top, .facts-lt-blue { border-bottom: 0; }
  .econ-right  { border-width: 4px 0; border-top: 4px solid #fff; height: auto; }
  .emp-bottom-left { border-bottom: 3px solid #fff; }
  .emp-bottom-right a { height: 100px; }
  .emp-bottom-right a:hover, .emp-bottom-right a:hover span i { color: #003e7e; }
  .cust-left, .cust-middle, .cust-right { height: auto; }
  .cust-right { padding-bottom: 9px; }
  .res-requirements, .res-addendums, .res-partnerships, .res-solicitations { height: auto; }
  .history-left { height: auto; border-right: 0; padding-bottom: 10px; }
  .corner-text { height: 260px; }
  .corner-text p:first-of-type { width: 200%; }
  .facts-btm-right p.subdiv { font-size: 1.2em; }

  .about-mission p:first-of-type { width: 180px; }
  .cust-left p img { display: none; }

  .cust-video-right iframe { height: 200px; margin-bottom: 0; }

  .slideshow > div > div > div { clear: both; display: block; width: 100%; }
  .slideshow > div > div > div > h4 { font-size: 1.2em; line-height: .2em; padding: 0; }
  .slideshow > div > div > div > h4:before { display: none; }
  .slideshow > div > div > div > img { float: left; margin: 0 8px 8px 0; width: 100px; }

  .page-template-blank .columns.medium-2 { display: none; }
  .res-partnerships p { font-size: 1em !important; padding-bottom: 50px; }
  .res-partnerships p img { width: 200px; }

  #customers-slideshow > span { display: none; }
  #customers-slideshow .image-blk { display: inline-block; width: 100%; }
  #customers-slideshow .image-blk img { float: none; margin: 75px auto 0; width: 100px; }
  .quote-text { background-color: #eee; bottom: 30px; font-size: .85em; margin-left: 5%; width: 90%; }
  .quote-text span { margin: 18px 0 0; }

  .news-big-nuggets .ccm-block-page-list-description { display: none; }

  .small-9 { width: 100%; }
  .small-9 .ccm-search-block-form h3 { font-size: 1.5em; }
  .small-9 .ccm-search-block-form h3:before { width: 120px; }
  .small-9 .ccm-search-block-form input[type="text"] { font-size: 1em; height: 35px; width: 94%; }
  .small-9 .ccm-search-block-form input[type="submit"] { display: block; font-size: 1em; height: 28px; margin: 0 auto; width: 40px; }
  #searchResults .searchResult { font-size: .8em; width: 88%; }
  #searchResults .searchResult p { font-size: 1em; }

  .small-3, .page-template-blank .columns.medium-2 { display: block; position: fixed; top: 260px; right: -190px; transition: right .6s; width: 190px; z-index: 3500; }
  .small-3.resp-menu-opened, .page-template-blank .columns.medium-2.resp-menu-opened { right: 0; }
  #subpage-title { margin-bottom: 4px; }
  .menu-column { padding-bottom: 14px; }
  .menu-column a { margin: 8px 0 0 0; min-height: auto; padding: 0 8px 0 12px; width: 100%; }
  .menu-column a i { font-size: .8em; top: 4px; }
  .menu-column #subpage-title a { font-size: .7em; padding: 6px 0; }
  a.archive-link { padding: 3px 6px; }
  .menu-column .bigger-link span { padding: 5px 4px 1px; }

  .facts-med-left { border-top: 4px solid #fff; height: auto; padding-bottom: 55px; }
  .facts-med-left p:first-of-type { width: 200px; }
  .facts-btm-left { height: auto; padding-bottom: 60px; }
  .facts-btm-left p:first-of-type { width: 145px; }
  .facts-right { border: 0; border-bottom: 4px solid #fff; height: auto; padding-bottom: 100px; }
  .facts-med-right, .facts-med-right-btm, .facts-btm-right { border-left: 0; height: auto; }
}

@media screen and (max-width: 530px) {
  #menu div a { font-size: .65em; }

  #left-links div { margin-bottom: 8px; width: 48%; }
  #left-links div a:before { display: none; }
  #left-links div a:hover span { color: #1566c2; padding: 0; }
  #left-links div.thinner { margin-top: 2px; text-align: center; width: 100%; }
  .home-column-header { height: 56px; padding-left: 2%; }
  .home-column-header h3 { font-size: 1.4em; line-height: 54px; }
  .home-column .slant-icon { display: none; }
  .home-column:nth-of-type(2) { border-left: 0; }

  .rslides > li { margin-top: 200px; }
  .rslides > li img { width: 120%; max-width: 120%; }
  .rslides img[src*="4192"],
  .rslides img[src*="8500"] { margin-top: 0; }
  .rslides img[src*="HannahLane"] { margin-left: -100px; width: 252%; }

  #top-banner { height: 200px; }
  #top-banner > img { bottom: auto; left: -20%; max-width: 2000%; top: 0; width: 190%; }
  #top-banner h2 { font-size: 1.7em;  width: 100%; }
  #top-banner .columns { bottom: 0; height: 36px; position: absolute; top: auto; width: 100%; }
  #subpage-title > p { font-size: 1.1em; height: 100%; width: auto; }
  #subpage-subtitle { border: 0; height: 100%; padding: 0 12px; text-align: right; top: 0; }
  #subpage-subtitle > p { font-size: .75em; padding: 12px 0 0; margin: 0; }
  #subpage-subtitle .slant-icon { display: none; }

  .slideshow > div > div > div > img { display: none; }
  #customers-slideshow .image-blk img { display: block; width: 80px; }

  #left-options > a#employee-login { border-width: 2px; padding: 0 7px 0 4px; }
  #left-options > a#rail-connect-login { border-width: 2px; padding: 0 3px; }
  #right-options input { border-width: 2px; padding: 0 6px; }

  .red-box { float: none; margin: 3px auto 0; padding: 0; width: 96%; }
  .red-box h4 { margin: 0; }
  #sidebar-links > h4 { font-size: .8em; padding: 4px 8px; margin: 0; }
  #sidebar-links > h5 { font-size: .8em; margin: 0 8px 3px; }
  .sidebar-contact { display: inline-block; font-size: .6em; height: 49px; margin: 0 8px; vertical-align: top; width: auto; }
  .sidebar-contact > a { height: auto; margin: 0; padding: 0; }
  .sidebar-contact:nth-of-type(3) { border-top: 1px solid #333; }
  .menu-column a.social-media { margin: 6px 8px 6px; }
  .menu-column a.social-media i { display: block; }

  .proj-page .menu-column { padding: 10px 0;  position: static; }
  .proj-page #subpage-title, .proj-page .title-on-blank-template { display: none; }

  .emp-left-top { margin-top: 80px; }

  .news-archives .ccm-block-page-list-description { font-size: .85em; }
}