/* @override 


/* @group Universal */

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
   	vertical-align: top; removed from block by us
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

/* HTML5 elements */
article, aside, figure, footer, header, main, nav, section {display: block;}

body, html {
	background-color: #ffffff;
	color: #333333;
	font-family: Arial, Helvetica, Verdana, Swiss, sans-serif;
	line-height: 1.6;
}

.wrap {width: 100%; overflow: auto;}


img {max-width: 100%; height: auto; width: auto\9;/*ie8*/}
/* height: auto; seems to override any height or width attributes in the HTML*/

nav {
	position: relative;
	z-index: 5000;
}

#menu-icon {display: none;}

main {margin-bottom: 2em;}

.footer {color: #ffffff;}

p.rt-float, img.rt-float {
	position: relative;
	float: right;
}


/* TYPOGRAPHY */

#elevator h1 {color: #013668; font-weight: bold;}
#elevator h2 {color: #5e7ca5;}

main h2, main h3 {
	color: #5e7ca5;
	font-weight: bold; margin-bottom: 1em;}
main p {margin-bottom: 1em;}

main ol, main ul {margin-bottom: 1.5em;}
main li {margin-left: 1em; margin-bottom: .5em;
}

.footer h3 {font-weight: bold; margin-bottom: 1em;
}

hr {
	border: none 0;
	clear: both;
	width: 98%;
	height: 1px;
	margin: 0 0 1em 0;
	padding: 0;
	/* left align in IE, Opera */
	text-align: left;
}

main hr {border-top: 1px dashed #333333;}
.footer hr {border-top: 1px dashed #ffffff;}



/* LINKS */

a:link    {color: #0075c8;}
a:visited {color: #013668;}
a:hover   {color: #5e7ca5;}
a:active  {color: #5e7ca5;}

.footer a:link    {color: #eeeeee;}
.footer a:visited {color: #eeeeee;}
.footer a:hover   {color: #cccccc;}
.footer a:active  {color: #cccccc;}



/* BACKGROUNDS */

.bg-home,
.bg-home-2018,
.bg-composites,
.bg-custom-tailored,
.bg-non-crimp,
.bg-structural-systems,
.bg-structural-seismic,
.bg-blast-mitigation,
.bg-bridge-overpass,
.bg-underground-infrastructure,
.bg-tech-data,
.bg-quality,
.bg-about,
.bg-history,
.bg-fiberglass-mfg,
.bg-resources,
.bg-careers,
.bg-projects-csx,
.bg-projects-entergy,
.bg-projects-lighthouse,
.bg-projects-parking {
	background-position: center top;
	background-repeat: no-repeat;
	height: 0;
	overflow: hidden;
	-webkit-background-size: contain;
	   -moz-background-size: contain;
		 -o-background-size: contain;
			background-size: contain;
}

.bg-home {background-image: url(../images-v2/big-backgrounds/bg-home.jpg);}


.bg-home-2018 {background-image: url(../images-v2/big-backgrounds/V2-banner-25.webp);}

.bg-composites {background-image: url(../images-v2/big-backgrounds/bg-composites.jpg);}

.bg-custom-tailored {background-image: url(../images-v2/big-backgrounds/custom-tailored.jpg);}

.bg-non-crimp {background-image: url(../images-v2/big-backgrounds/non-crimp.jpg);}

.bg-structural-systems {background-image: url(../images-v2/big-backgrounds/structural-systems.jpg);}

.bg-structural-seismic {background-image: url(../images-v2/big-backgrounds/structural-seismic.jpg);}

.bg-blast-mitigation {background-image: url(../images-v2/big-backgrounds/blast-mitigation.jpg);}

.bg-bridge-overpass {background-image: url(../images-v2/big-backgrounds/bridge-overpass.jpg);}

.bg-underground-infrastructure {background-image: url(../images-v2/big-backgrounds/underground-infrastructure.jpg);}

.bg-tech-data {background-image: url(../images-v2/big-backgrounds/tech-data.jpg);}

.bg-quality {background-image: url(../images-v2/big-backgrounds/quality.jpg);}

.bg-about {background-image: url(../images-v2/big-backgrounds/about.jpg);}

.bg-history {background-image: url(../images-v2/big-backgrounds/history.jpg);}

.bg-fiberglass-mfg {background-image: url(../images-v2/big-backgrounds/fiberglass-manuf2.jpg);}

.bg-resources {background-image: url(../images-v2/big-backgrounds/resources.jpg);} 
.bg-careers {background-image: url(../resources/V2_Composites_Careers.webp);} 

.bg-projects-csx {background-image: url(../images-v2/big-backgrounds/projects-csx.jpg);}

.bg-projects-entergy {background-image: url(../images-v2/big-backgrounds/projects-entergy.jpg);}

.bg-projects-lighthouse {background-image: url(../images-v2/big-backgrounds/projects-lighthouse.jpg);}

.bg-projects-parking {background-image: url(../images-v2/big-backgrounds/projects-parking.jpg);}


/* COLOR PALETTE
visit http://design-seeds.com for great options
visit http://0to255.com for shades of colors
generic colors came from http://flatuicolors.com */

.bg-red {background-color:	#c0392b;}
.cp-red {color:				#c0392b;}

.bg-orange {background-color:	#f39c12;}
.cp-orange {color:				#f39c12;}

.bg-yellow {background-color:	#f1c40f;}
.cp-yellow {color:				#f1c40f;}

.bg-green {background-color:	#98bb41;}
.cp-green {color:				#98bb41;}

.bg-blue {background-color:	#013668;}
.cp-blue {color:			#013668;}

.bg-blue-light {background-color:	#5e7ca5;}
.cp-blue-light {color:				#5e7ca5;}

.bg-purple {background-color:	#8e44ad;}
.cp-purple {color:				#8e44ad;}

.bg-white {background-color:	#ffffff;}
.cp-white {color:				#ffffff;}

.bg-white-transparent {background-color: rgba(255, 255, 255, .8);}

.bg-gray {background-color:	#cccccc;}
.cp-gray {color:			#cccccc;}

.bg-gray-dark {background-color:	#333333;}
.cp-gray-dark {color:				#333333;}

.bg-black {background-color:	#000000;}
.cp-black {color:				#000000;}

.bg-facebook {background-color: #3b5998;}
.bg-twitter {background-color: #00aced;}
.bg-linkedin {background-color: #007fb1;}
.bg-googleplus {background-color: #d14836;}

.bg-white {background-color:	#ffffff;}
.cp-white {color:				#ffffff;}

.bg-black-10 {background-color:	#e5e5e5;}
.cp-black-10 {color:			#e5e5e5;}

.bg-black-20 {background-color:	#cccccc;}
.cp-black-20 {color:			#cccccc;}

.bg-black-30 {background-color:	#b3b3b3;}
.cp-black-30 {color:			#b3b3b3;}

.bg-black-40 {background-color:	#999999;}
.cp-black-40 {color:			#999999;}

.bg-black-50 {background-color:	#808080;}
.cp-black-50 {color:			#808080;}

.bg-black-60 {background-color:	#666666;}
.cp-black-60 {color:			#666666;}

.bg-black-70 {background-color:	#4d4d4d;}
.cp-black-70 {color:			#4d4d4d;}

.bg-black-80 {background-color:	#333333;}
.cp-black-80 {color:			#333333;}

.bg-black-90 {background-color:	#1a1a1a;}
.cp-black-90 {color:			#1a1a1a;}

.bg-black {background-color:	#000000;}
.cp-black {color:				#000000;}


/* BUTTONS */

.btn {
	display: inline-block;
	border-radius: .375em;
	font-weight: bold;
	padding: .5em 1em;
	text-decoration: none;
}/* display can also be set to inline-block */

a.btn.bg-blue,
a.btn.bg-green {color: #ffffff;}

a.btn.bg-blue:hover {
	background-color: #3498db;
	color: #ffffff;
}
a.btn.bg-green:hover {
	background-color: #618926;
	color: #ffffff;
}


a.btn.bg-black-20 {color: #333333;}
a.btn.bg-black-20:hover {
	background-color: #999999;
	color: #ffffff;
}/* light button with dark text */

a.btn.bg-black {color: #ffffff;}
a.btn.bg-black:hover {
	background-color: #4d4d4d;
	color: #ffffff;
}/* dark button with light text */

.btn-social {
	border-radius: .375em;
	display: inline-block;
	margin: 1em .5em;
	padding: .25em;
}


/* CARDS */

.card-blue-light,
.card-gray-light,
.card-green-light,
.card-orange-light {
	border-radius: .25em;
	margin-bottom: 2em;
	overflow: auto;
	padding: 1.5em .75em;
}

.card-blue-light {
	background-color: #eef6ff;
	border: 1px solid #bbddff;
}
.card-gray-light {
	background-color: #eeeeee;
	border: 1px solid #cccccc;
}
.card-green-light {
	background-color: #e9f1d7;
	border: 1px solid #cfdfa4;
}



/* MARGIN & PADDING */

.whtspc-1  {margin: 		1em;}
.whtspc-1t {margin-top: 	1em;}
.whtspc-1r {margin-right: 	1em;}
.whtspc-1b {margin-bottom:  1em;}
.whtspc-1l {margin-left: 	1em;}

.whtspc-15 	{margin: 		1.5em;}
.whtspc-15t {margin-top: 	1.5em;}
.whtspc-15r {margin-right: 	1.5em;}
.whtspc-15b {margin-bottom: 1.5em;}
.whtspc-15l {margin-left: 	1.5em;}

.whtspc-2  {margin: 		2em;}
.whtspc-2t {margin-top: 	2em;}
.whtspc-2r {margin-right: 	2em;}
.whtspc-2b {margin-bottom:  2em;}
.whtspc-2l {margin-left: 	2em;}

.nudge-1  {padding:			1em;}
.nudge-1t {padding-top:		1em;}
.nudge-1r {padding-right:	1em;}
.nudge-1b {padding-bottom:	1em;}
.nudge-1l {padding-left:	1em;}

.nudge-15  {padding: 		1.5em;}
.nudge-15t {padding-top: 	1.5em;}
.nudge-15r {padding-right: 	1.5em;}
.nudge-15b {padding-bottom: 1.5em;}
.nudge-15l {padding-left: 	1.5em;}

.nudge-2  {padding:			2em;}
.nudge-2t {padding-top:		2em;}
.nudge-2r {padding-right:	2em;}
.nudge-2b {padding-bottom:	2em;}
.nudge-2l {padding-left:	2em;}


/* ALIGNMENT */

.alignright {float:right;}
.alignleft {float:left;}
.aligncenter {display: block; margin-left: auto; margin-right: auto}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}


/* FORM INPUTS */

input[type='text'],
input[type='email'],
input[type='tel'],
select,
textarea {width: 96%; margin-left: 2%; margin-bottom: 1.5em;}

input[type='text'],
input[type='email'],
input[type='tel'],
textarea {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

input:focus, textarea:focus {background-color: #ededed;}

label {margin-left: 1em;}


/* NICOLE SULLIVAN'S MEDIA OBJECT: bit.ly/cCY3Ew
I've renamed the classes and slightly modified the code. */

.media {margin: 1em 0; padding: .625em;}
.media, .media_body {overflow: hidden;}
.media .media_img {float: left; margin-right: 1em;}
.media .media_img img {display: block;}


/* STYLING */

.shadow {box-shadow: 0 .125em .25em 0 rgba(110,10,40,.2);}

.mat {
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	padding: .5625em .5625em .625em .5625em;
}

.rounded {border-radius: .5em;}


/* BACK TO TOP */

#backtotop {
	position: fixed;
	right:0px;
	bottom:15px;
	display:none;/*hid the button first*/
}
#backtotop a {
	text-decoration:none;
	border:0 none;
	display:block;
	width:24px;
	height:90px;
}
#backtotop a:hover {
	opacity:.7; /*mouse over fade effect*/
}

/* FIELDSET */

.wr_fieldset {
	width: 95%; 
	margin: 0.875em;
	padding: 0;
}

.wr_fieldset fieldset {border: 1px solid #003f76; }

.wr_fieldset legend {
	margin: 0 0.875em;
	padding: 0 0.3125em;
	color: #003f76;
	font-size: 0.875em;
	font-weight: bold;
}

.wr_fieldset_pad {
	margin: 0;
	padding: 0.5em;
}


/* TABLES & ZEBRA STRIPES */
table {border-collapse: collapse;}

th {
	background: #555555;
	color: #ffffff;
	font-weight: bold;
}

td, th {
	border-bottom: 1px solid #cccccc;
	padding: .625em;
	vertical-align: top;
}

table.zebra-stripe tr:nth-of-type(even) {background-color: #eeeeee;}


/* FLEXIBLE CONTAINER */

.Flexible-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 2em;
	height: 0;
	overflow: hidden;
}

.Flexible-container iframe,
.Flexible-container object,
.Flexible-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* @end */




@media all {
  .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .grid-container:before, .clearfix:before,
  .grid-container:after,
  .clearfix:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .grid-container:after, .clearfix:after {
    clear: both;
  }

  .grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-5, .small-grid-5, .medium-grid-5, .grid-10, .small-grid-10, .medium-grid-10, .grid-15, .small-grid-15, .medium-grid-15, .grid-20, .small-grid-20, .medium-grid-20, .grid-25, .small-grid-25, .medium-grid-25, .grid-30, .small-grid-30, .medium-grid-30, .grid-35, .small-grid-35, .medium-grid-35, .grid-40, .small-grid-40, .medium-grid-40, .grid-45, .small-grid-45, .medium-grid-45, .grid-50, .small-grid-50, .medium-grid-50, .grid-55, .small-grid-55, .medium-grid-55, .grid-60, .small-grid-60, .medium-grid-60, .grid-65, .small-grid-65, .medium-grid-65, .grid-70, .small-grid-70, .medium-grid-70, .grid-75, .small-grid-75, .medium-grid-75, .grid-80, .small-grid-80, .medium-grid-80, .grid-85, .small-grid-85, .medium-grid-85, .grid-90, .small-grid-90, .medium-grid-90, .grid-95, .small-grid-95, .medium-grid-95, .grid-100, .small-grid-100, .medium-grid-100, .grid-33, .small-grid-33, .medium-grid-33, .grid-66, .small-grid-66, .medium-grid-66 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-parent {
    padding-left: 0;
    padding-right: 0;
  }
}/*/mediaquery*/




/* ---- SMALL ---- */
@media screen and (max-width: 600px) {

/* iOS and Windows Mobile font-size changes fix from Ethan Marcotte */
	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}

/* @group S: Grid */

.small-grid-100:before,
  .small-grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .small-grid-100:after {
    clear: both;
  }

  .hide-on-small {
    display: none !important;
  }

  .small-grid-5 {
    float: left;
    width: 5%;
  }

  .small-prefix-5 {
    margin-left: 5%;
  }

  .small-suffix-5 {
    margin-right: 5%;
  }

  .small-grid-10 {
    float: left;
    width: 10%;
  }
  .small-prefix-10 {
    margin-left: 10%;
  }
  .small-suffix-10 {
    margin-right: 10%;
  }

  .small-grid-15 {
    float: left;
    width: 15%;
  }
  .small-prefix-15 {
    margin-left: 15%;
  }
  .small-suffix-15 {
    margin-right: 15%;
  }

  .small-grid-20 {
    float: left;
    width: 20%;
  }
  .small-prefix-20 {
    margin-left: 20%;
  }
  .small-suffix-20 {
    margin-right: 20%;
  }

  .small-grid-25 {
    float: left;
    width: 25%;
  }
  .small-prefix-25 {
    margin-left: 25%;
  }
  .small-suffix-25 {
    margin-right: 25%;
  }

  .small-grid-30 {
    float: left;
    width: 30%;
  }
  .small-prefix-30 {
    margin-left: 30%;
  }
  .small-suffix-30 {
    margin-right: 30%;
  }

  .small-grid-35 {
    float: left;
    width: 35%;
  }
  .small-prefix-35 {
    margin-left: 35%;
  }
  .small-suffix-35 {
    margin-right: 35%;
  }

  .small-grid-40 {
    float: left;
    width: 40%;
  }
  .small-prefix-40 {
    margin-left: 40%;
  }
  .small-suffix-40 {
    margin-right: 40%;
  }

  .small-grid-45 {
    float: left;
    width: 45%;
  }
  .small-prefix-45 {
    margin-left: 45%;
  }
  .small-suffix-45 {
    margin-right: 45%;
  }

  .small-grid-50 {
    float: left;
    width: 50%;
  }
  .small-prefix-50 {
    margin-left: 50%;
  }
  .small-suffix-50 {
    margin-right: 50%;
  }

  .small-grid-55 {
    float: left;
    width: 55%;
  }
  .small-prefix-55 {
    margin-left: 55%;
  }
  .small-suffix-55 {
    margin-right: 55%;
  }

  .small-grid-60 {
    float: left;
    width: 60%;
  }
  .small-prefix-60 {
    margin-left: 60%;
  }
  .small-suffix-60 {
    margin-right: 60%;
  }

  .small-grid-65 {
    float: left;
    width: 65%;
  }
  .small-prefix-65 {
    margin-left: 65%;
  }
  .small-suffix-65 {
    margin-right: 65%;
  }

  .small-grid-70 {
    float: left;
    width: 70%;
  }
  .small-prefix-70 {
    margin-left: 70%;
  }
  .small-suffix-70 {
    margin-right: 70%;
  }

  .small-grid-75 {
    float: left;
    width: 75%;
  }
  .small-prefix-75 {
    margin-left: 75%;
  }
  .small-suffix-75 {
    margin-right: 75%;
  }

  .small-grid-80 {
    float: left;
    width: 80%;
  }
  .small-prefix-80 {
    margin-left: 80%;
  }
  .small-suffix-80 {
    margin-right: 80%;
  }

  .small-grid-85 {
    float: left;
    width: 85%;
  }
  .small-prefix-85 {
    margin-left: 85%;
  }
  .small-suffix-85 {
    margin-right: 85%;
  }

  .small-grid-90 {
    float: left;
    width: 90%;
  }
  .small-prefix-90 {
    margin-left: 90%;
  }
  .small-suffix-90 {
    margin-right: 90%;
  }

  .small-grid-95 {
    float: left;
    width: 95%;
  }
  .small-prefix-95 {
    margin-left: 95%;
  }
  .small-suffix-95 {
    margin-right: 95%;
  }

  .small-grid-33 {
    float: left;
    width: 33.33333%;
  }
  .small-prefix-33 {
    margin-left: 33.33333%;
  }
  .small-suffix-33 {
    margin-right: 33.33333%;
  }

  .small-grid-66 {
    float: left;
    width: 66.66667%;
  }
  .small-prefix-66 {
    margin-left: 66.66667%;
  }
  .small-suffix-66 {
    margin-right: 66.66667%;
  }

  .small-grid-100 {
    clear: both;
    width: 100%;
  }
/* @end */


/* @group S: Structure */

body, html {background-color: #ffffff;}

#mast-logo img {
	display: block;
	margin: 0 auto 1em auto;
	padding-top: 1em;
	width: 30%;
}
#mast-search input[type='text'] {width: 70%;}

.bg-home,
.bg-home-2018,
.bg-composites,
.bg-custom-tailored,
.bg-non-crimp,
.bg-structural-systems,
.bg-structural-seismic,
.bg-blast-mitigation,
.bg-bridge-overpass,
.bg-underground-infrastructure,
.bg-tech-data,
.bg-quality,
.bg-about,
.bg-history,
.bg-fiberglass-mfg,
.bg-resources,
.bg-careers,
.bg-projects-csx,
.bg-projects-entergy,
.bg-projects-lighthouse,
.bg-projects-parking {
	margin-bottom: 2em;
	padding-bottom: 70%;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
}

/* minor adjustments to make sure the different lengths of headlines fit in the main banner area */
.bg-structural-systems {padding-bottom: 80%;}
.bg-tech-data #elevator h1 {padding-bottom: 1em;}
.bg-about {padding-bottom: 62%;}
.bg-resources {padding-bottom: 80%;}
.bg-careers {padding-bottom: 80%;}
.bg-underground-infrastructure {padding-bottom: 90%;}
.bg-history,
.bg-fiberglass-mfg {padding-bottom: 60%;}

.footer-contact, .footer-nav {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 2em;
	padding-bottom: 2em;
}

/* @end */


/* @group S: Typography */

#elevator h1 {
	font-size: 1.25em;
	padding: .75em .75em 0 .75em;
}
#elevator h2 {padding: .9375em;}

main h2 {font-size: 1.25em;}
main h3 {font-size: 1.125em;}

.footer h2 {font-size: 1.5em; padding-bottom: .5em;}

.footer-nav a {
	display: block;
	font-size: 1.25em;
	padding: .375em;
}

.footer .footer-nav a:hover,
.footer .footer-nav a:active {
	background-color: #2ecc71;
	background-color: #808080; /* PROTOTYPE */
	border-radius: .25em;
	color: #ffffff;
}

/* @end */


/* @group S: Navigation */

a.menu-link {
  float: right;
  display: block;
  padding: 1em;
  font-weight: 600;
  text-decoration: none;
/*  text-transform: uppercase; */
}

a.menu-link:before {
  content: "";
  position: absolute;
  right: 5.75em;
  width: 1em;
  height: .15em;
  background: #2C3E50;
  box-shadow: 0 .25em 0 0 #2C3E50, 0 .5em 0 0 #2C3E50;
  margin-top: .4375em;
}

.menu, .menu > ul ul {
  clear: both;
  -webkit-transition: all 0.3s ease-out;  
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
   padding: 0;
}

.js .menu, .js .menu > ul ul {
  overflow: hidden;
  max-height: 0;
  background: #ABC0BF;
}

.menu.active, .js .menu > ul ul.active {
  max-height: 55em;
}

.menu > ul {
  border-top: 1px solid #B9CBC9;
    list-style: none;
}

.menu li a {
  display: block;
  padding: 0.8em;
  border-bottom: 1px solid #B9CBC9;
  position: relative;
}

.menu li.has-subnav > a:after {
  content: '+';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  font-size: 1.5em;
  padding: 0.25em 0.5em;
}

.menu li.has-subnav > a.active:after {
  content: "-";
}

.js .menu > ul ul.level-2 {
      background-color: #006699;
}

.js .menu > ul ul.level-2 a {
  color: #ffffff;
}

.js .menu > ul ul.level-2 a:hover {
      background-color: #0b3954;
}

/* @end */


}/*/mediaquery*/



/* ---- SMALL: ADJUSTMENT ---- */
@media screen and (min-width: 400px) and (max-width: 600px) {

/* another minor adjustment to the size of the main banner so it doesn't get too big at the wider end of the Small screen media query */

.bg-home,
.bg-home-2018,
.bg-composites,
.bg-custom-tailored,
.bg-non-crimp,
.bg-structural-systems,
.bg-structural-seismic,
.bg-blast-mitigation,
.bg-bridge-overpass,
.bg-underground-infrastructure,
.bg-tech-data,
.bg-quality,
.bg-about,
.bg-history,
.bg-fiberglass-mfg,
.bg-resources,
.bg-projects-csx,
.bg-projects-entergy,
.bg-projects-lighthouse,
.bg-projects-parking {
	padding-bottom: 40%;
}


}/*/mediaquery*/


/* ---- MEDIUM GRID ---- */

@media screen and (min-width: 601px) and (max-width: 900px) {
  .medium-grid-100:before,
  .medium-grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .medium-grid-100:after {
    clear: both;
  }

  .hide-on-medium {
    display: none !important;
  }

  .medium-grid-5 {
    float: left;
    width: 5%;
  }
  .medium-prefix-5 {
    margin-left: 5%;
  }
  .medium-suffix-5 {
    margin-right: 5%;
  }

  .medium-grid-10 {
    float: left;
    width: 10%;
  }
  .medium-prefix-10 {
    margin-left: 10%;
  }
  .medium-suffix-10 {
    margin-right: 10%;
  }

  .medium-grid-15 {
    float: left;
    width: 15%;
  }
  .medium-prefix-15 {
    margin-left: 15%;
  }
  .medium-suffix-15 {
    margin-right: 15%;
  }

  .medium-grid-20 {
    float: left;
    width: 20%;
  }
  .medium-prefix-20 {
    margin-left: 20%;
  }
  .medium-suffix-20 {
    margin-right: 20%;
  }

  .medium-grid-25 {
    float: left;
    width: 25%;
  }
  .medium-prefix-25 {
    margin-left: 25%;
  }
  .medium-suffix-25 {
    margin-right: 25%;
  }

  .medium-grid-30 {
    float: left;
    width: 30%;
  }
  .medium-prefix-30 {
    margin-left: 30%;
  }
  .medium-suffix-30 {
    margin-right: 30%;
  }


  .medium-grid-35 {
    float: left;
    width: 35%;
  }
  .medium-prefix-35 {
    margin-left: 35%;
  }
  .medium-suffix-35 {
    margin-right: 35%;
  }

  .medium-grid-40 {
    float: left;
    width: 40%;
  }
  .medium-prefix-40 {
    margin-left: 40%;
  }
  .medium-suffix-40 {
    margin-right: 40%;
  }

  .medium-grid-45 {
    float: left;
    width: 45%;
  }
  .medium-prefix-45 {
    margin-left: 45%;
  }
  .medium-suffix-45 {
    margin-right: 45%;
  }

  .medium-grid-50 {
    float: left;
    width: 50%;
  }
  .medium-prefix-50 {
    margin-left: 50%;
  }
  .medium-suffix-50 {
    margin-right: 50%;
  }

  .medium-grid-55 {
    float: left;
    width: 55%;
  }
  .medium-prefix-55 {
    margin-left: 55%;
  }
  .medium-suffix-55 {
    margin-right: 55%;
  }

  .medium-grid-60 {
    float: left;
    width: 60%;
  }
  .medium-prefix-60 {
    margin-left: 60%;
  }
  .medium-suffix-60 {
    margin-right: 60%;
  }

  .medium-grid-65 {
    float: left;
    width: 65%;
  }
  .medium-prefix-65 {
    margin-left: 65%;
  }
  .medium-suffix-65 {
    margin-right: 65%;
  }

  .medium-grid-70 {
    float: left;
    width: 70%;
  }
  .medium-prefix-70 {
    margin-left: 70%;
  }
  .medium-suffix-70 {
    margin-right: 70%;
  }

  .medium-grid-75 {
    float: left;
    width: 75%;
  }
  .medium-prefix-75 {
    margin-left: 75%;
  }
  .medium-suffix-75 {
    margin-right: 75%;
  }

  .medium-grid-80 {
    float: left;
    width: 80%;
  }
  .medium-prefix-80 {
    margin-left: 80%;
  }
  .medium-suffix-80 {
    margin-right: 80%;
  }

  .medium-grid-85 {
    float: left;
    width: 85%;
  }
  .medium-prefix-85 {
    margin-left: 85%;
  }
  .medium-suffix-85 {
    margin-right: 85%;
  }

  .medium-grid-90 {
    float: left;
    width: 90%;
  }
  .medium-prefix-90 {
    margin-left: 90%;
  }
  .medium-suffix-90 {
    margin-right: 90%;
  }

  .medium-grid-95 {
    float: left;
    width: 95%;
  }
  .medium-prefix-95 {
    margin-left: 95%;
  }
  .medium-suffix-95 {
    margin-right: 95%;
  }

  .medium-grid-33 {
    float: left;
    width: 33.33333%;
  }

  .medium-prefix-33 {
    margin-left: 33.33333%;
  }

  .medium-suffix-33 {
    margin-right: 33.33333%;
  }

  .medium-grid-66 {
    float: left;
    width: 66.66667%;
  }
  .medium-prefix-66 {
    margin-left: 66.66667%;
  }
  .medium-suffix-66 {
    margin-right: 66.66667%;
  }

  .medium-grid-100 {
    clear: both;
    width: 100%;
  }
  
}/*/mediaquery*/




/* ---- MEDIUM ---- */

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

body, html {
	background-color: #ffffff; /* PROTOTYPE */
}





/* @group M: Structure */

#masthead {
	margin-top: 2em;
	margin-bottom: 2em;
}
#mast-search {padding-top: 1.5em; text-align: right;}
#mast-search input[type='text'] {width: 74%;}

.bg-home,
.bg-home-2018,
.bg-composites,
.bg-custom-tailored,
.bg-non-crimp,
.bg-structural-systems,
.bg-structural-seismic,
.bg-blast-mitigation,
.bg-bridge-overpass,
.bg-underground-infrastructure,
.bg-tech-data,
.bg-quality,
.bg-about,
.bg-history,
.bg-fiberglass-mfg,
.bg-resources,
.bg-careers,
.bg-projects-csx,
.bg-projects-entergy,
.bg-projects-lighthouse,
.bg-projects-parking {
	margin-top: 0;
	margin-bottom: 1.5em;
	padding-bottom: 36%;
}

.bg-home > .bg-white-transparent,
.bg-home-2018 > .bg-white-transparent,
.bg-composites > .bg-white-transparent,
.bg-custom-tailored > .bg-white-transparent,
.bg-non-crimp > .bg-white-transparent,
.bg-structural-systems > .bg-white-transparent, 
.bg-structural-seismic > .bg-white-transparent,
.bg-blast-mitigation > .bg-white-transparent,
.bg-bridge-overpass > .bg-white-transparent,
.bg-underground-infrastructure > .bg-white-transparent,
.bg-tech-data > .bg-white-transparent,
.bg-quality > .bg-white-transparent,
.bg-about > .bg-white-transparent,
.bg-history > .bg-white-transparent,
.bg-fiberglass-mfg > .bg-white-transparent,
.bg-resources > .bg-white-transparent,
.bg-careers > .bg-white-transparent,
.bg-projects-csx > .bg-white-transparent,
.bg-projects-entergy > .bg-white-transparent,
.bg-projects-lighthouse > .bg-white-transparent,
.bg-projects-parking > .bg-white-transparent {
	margin-top: 1em;
}

.footer-nav {margin-bottom: 2em;}
.footer-cert {
	border-top: 1px solid #cccccc;
	padding-top: 2em;
}

/* @end */



/* @group M: Typography */

#elevator h1 {font-size: 1.5em; padding: 1em 1em .5em 1em;}
#elevator h2 {font-size: 1.125em; padding: 0 1.333em 1.333em 1.333em;}

main h2 {font-size: 1.25em;}
main h3 {font-size: 1.125em;}

.footer-nav a {
	display: block;
	padding: .25em;
}
.footer .footer-nav a:hover,
.footer .footer-nav a:active {
	background-color: #2ecc71;
	background-color: #808080; /* PROTOTYPE */
	border-radius: .25em;
	color: #ffffff;
}

/* @end */



/* @group M: Navigation */

.topbar {
  overflow: visible;
  z-index: 500;
}

nav {
  margin-top: 1em;
  text-align: left; /* was right */
}

.pattern {
  overflow: visible;
}

a.menu-link {
  display: none;
}

.menu, .menu > ul ul {
  max-height: none;
  overflow: visible;
  background: none;
}

.menu > ul {
  position: relative;
}

.menu > ul ul {
  background: #808080;
  display: none;
}

.menu > ul li:hover > ul {
  display: block;
}

.menu ul {
  margin: 0 0 0 -0.25em;
  border: 0;
}

.menu li a {
  border: 0;
  display: block;
  padding: .5em 1.5em;
  line-height: 1.2em;
}

/* top level links */;
.menu > ul > li > a,
.menu > ul > li > a:link,
.menu > ul > li > a:visited {
  padding: .75em .5em;
}
.menu > ul > li > a:hover,
.menu > ul > li > a:focus {
  color: #222;
}

/* all other links */
.menu > ul ul a,
.menu > ul ul a:link,
.menu > ul ul a:visited {
  color: #fff;
      background-color: #006699;
}
.menu > ul ul a:hover,
.menu > ul ul a:focus {
      background-color: #0b3954;
}

.menu li.has-subnav > a:after {
  content: ">";
  font-size: 1em;
  padding: 0.8em 0.5em;
}

.menu .level-1 > li.has-subnav > a:after {
  content: "▼";
padding-right: 0em;
  padding-left: 0.25em;
  opacity: .5;
}

.menu > ul li {
  margin: 0;
}

.menu > ul > li {
  display: inline-block;
  position: relative;
}

.menu > ul ul {
  position: absolute;
  top: 0;
  right: 15em;
  width: 17em;
}

.menu > ul ul li {
  position: relative;
}

.menu > ul ul.level-2 {
  top: 100%;
  right: 0;
  text-align: left;
      background-color: #006699;
  z-index: 10000;
  list-style-type: none;
  padding: 10px 0;
  border-radius: 5px;
}

/* sub-menu arrows */
.menu > ul ul.level-2:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #222;
  position: absolute;
  right: 20px;
  top: -7px;
}

/* @end */
}/*/mediaquery*/




/* ---- LARGE ---- */

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


/* @group L: Grid */

.grid-100:before,
  .grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .grid-100:after {
    clear: both;
  }

  .hide-on-large {
    display: none !important;
  }

  .grid-5 {
    float: left;
    width: 5%;
  }

  .prefix-5 {
    margin-left: 5%;
  }
  
  .suffix-5 {
    margin-right: 5%;
  }

  .grid-10 {
    float: left;
    width: 10%;
  }

  .prefix-10 {
    margin-left: 10%;
  }

  .suffix-10 {
    margin-right: 10%;
  }

  .grid-15 {
    float: left;
    width: 15%;
  }

  .prefix-15 {
    margin-left: 15%;
  }

  .suffix-15 {
    margin-right: 15%;
  }

  .grid-20 {
    float: left;
    width: 20%;
  }

  .prefix-20 {
    margin-left: 20%;
  }

  .suffix-20 {
    margin-right: 20%;
  }

  .grid-25 {
    float: left;
    width: 25%;
  }

  .prefix-25 {
    margin-left: 25%;
  }

  .suffix-25 {
    margin-right: 25%;
  }

  .grid-30 {
    float: left;
    width: 30%;
  }

  .prefix-30 {
    margin-left: 30%;
  }

  .suffix-30 {
    margin-right: 30%;
  }

  .grid-35 {
    float: left;
    width: 35%;
  }

  .prefix-35 {
    margin-left: 35%;
  }

  .suffix-35 {
    margin-right: 35%;
  }

  .grid-40 {
    float: left;
    width: 40%;
  }

  .prefix-40 {
    margin-left: 40%;
  }

  .suffix-40 {
    margin-right: 40%;
  }

  .grid-45 {
    float: left;
    width: 45%;
  }

  .prefix-45 {
    margin-left: 45%;
  }

  .suffix-45 {
    margin-right: 45%;
  }

  .grid-50 {
    float: left;
    width: 50%;
  }

  .prefix-50 {
    margin-left: 50%;
  }

  .suffix-50 {
    margin-right: 50%;
  }

  .grid-55 {
    float: left;
    width: 55%;
  }

  .prefix-55 {
    margin-left: 55%;
  }

  .suffix-55 {
    margin-right: 55%;
  }

  .grid-60 {
    float: left;
    width: 60%;
  }

  .prefix-60 {
    margin-left: 60%;
  }

  .suffix-60 {
    margin-right: 60%;
  }

  .grid-65 {
    float: left;
    width: 65%;
  }

  .prefix-65 {
    margin-left: 65%;
  }

  .suffix-65 {
    margin-right: 65%;
  }

  .grid-70 {
    float: left;
    width: 70%;
  }

  .prefix-70 {
    margin-left: 70%;
  }

  .suffix-70 {
    margin-right: 70%;
  }

  .grid-75 {
    float: left;
    width: 75%;
  }

  .prefix-75 {
    margin-left: 75%;
  }

  .suffix-75 {
    margin-right: 75%;
  }

  .grid-80 {
    float: left;
    width: 80%;
  }

  .prefix-80 {
    margin-left: 80%;
  }

  .suffix-80 {
    margin-right: 80%;
  }

  .grid-85 {
    float: left;
    width: 85%;
  }

  .prefix-85 {
    margin-left: 85%;
  }

  .suffix-85 {
    margin-right: 85%;
  }

  .grid-90 {
    float: left;
    width: 90%;
  }

  .prefix-90 {
    margin-left: 90%;
  }

  .suffix-90 {
    margin-right: 90%;
  }

  .grid-95 {
    float: left;
    width: 95%;
  }

  .prefix-95 {
    margin-left: 95%;
  }

  .suffix-95 {
    margin-right: 95%;
  }

  .grid-33 {
    float: left;
    width: 33.33333%;
  }

  .prefix-33 {
    margin-left: 33.33333%;
  }

  .suffix-33 {
    margin-right: 33.33333%;
  }

  .grid-66 {
    float: left;
    width: 66.66667%;
  }

  .prefix-66 {
    margin-left: 66.66667%;
  }

  .suffix-66 {
    margin-right: 66.66667%;
  }

  .grid-100 {
    clear: both;
    width: 100%;
  }

/* @end */



/* @group L: Structure */

.bg-home,
.bg-home-2018,
.bg-composites,
.bg-custom-tailored,
.bg-non-crimp,
.bg-structural-systems,
.bg-structural-seismic,
.bg-blast-mitigation,
.bg-bridge-overpass,
.bg-underground-infrastructure,
.bg-tech-data,
.bg-quality,
.bg-about,
.bg-history,
.bg-fiberglass-mfg,
.bg-resources,
.bg-careers,
.bg-projects-csx,
.bg-projects-entergy,
.bg-projects-lighthouse,
.bg-projects-parking
.bg-careers {
	margin-bottom: 2em;
	padding-bottom: 34%;
}

.bg-home > .bg-white-transparent,
.bg-home-2018 > .bg-white-transparent,
.bg-composites > .bg-white-transparent,
.bg-custom-tailored > .bg-white-transparent,
.bg-non-crimp > .bg-white-transparent,
.bg-structural-systems > .bg-white-transparent,
.bg-structural-seismic > .bg-white-transparent,
.bg-blast-mitigation > .bg-white-transparent,
.bg-bridge-overpass > .bg-white-transparent,
.bg-underground-infrastructure > .bg-white-transparent,
.bg-tech-data > .bg-white-transparent,
.bg-quality > .bg-white-transparent,
.bg-about > .bg-white-transparent,
.bg-history > .bg-white-transparent,
.bg-fiberglass-mfg > .bg-white-transparent,
.bg-resources > .bg-white-transparent,
.bg-projects-csx > .bg-white-transparent,
.bg-projects-entergy > .bg-white-transparent,
.bg-projects-lighthouse > .bg-white-transparent,
.bg-projects-parking > .bg-white-transparent,
.bg-careers > .bg-white-transparent {
	margin-top: 2em;
}

.footer-cert {
	border-top: none;
	padding-top: 0;
}

/* @end */



/* @group L: Typography */

#elevator h1 {font-size: 2.125em;}
#elevator h2 {font-size: 1.5em;}

main h2 {font-size: 1.5em;}
main h3 {font-size: 1.25em;}

/* @end */



/* @group L: menu */

nav[role=navigation] li a {
	font-size: 1em;
	padding: .75em 1em;
}

/* @end */

}/*/mediaquery*/




/* ---- X-LARGE ---- */

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

/* @group XL: Structure */

.bg-home,
.bg-home-2018,
.bg-composites,
.bg-custom-tailored,
.bg-non-crimp,
.bg-structural-systems,
.bg-structural-seismic,
.bg-blast-mitigation,
.bg-bridge-overpass,
.bg-underground-infrastructure,
.bg-tech-data,
.bg-quality,
.bg-about,
.bg-history,
.bg-fiberglass-mfg,
.bg-resources,
.bg-careers,
.bg-projects-csx,
.bg-projects-entergy,
.bg-projects-lighthouse,
.bg-projects-parking {
	margin-bottom: 2.5em;
	padding-bottom: 34%;
}

.bg-home > .bg-white-transparent,
.bg-structural-systems > .bg-white-transparent,
.bg-composites > .bg-white-transparent,
.bg-custom-tailored > .bg-white-transparent,
.bg-non-crimp > .bg-white-transparent,
.bg-structural-seismic > .bg-white-transparent,
.bg-blast-mitigation > .bg-white-transparent,
.bg-bridge-overpass > .bg-white-transparent,
.bg-underground-infrastructure > .bg-white-transparent,
.bg-tech-data > .bg-white-transparent,
.bg-quality > .bg-white-transparent,
.bg-about > .bg-white-transparent,
.bg-history > .bg-white-transparent,
.bg-fiberglass-mfg > .bg-white-transparent,
.bg-resources > .bg-white-transparent,
.bg-projects-csx > .bg-white-transparent,
.bg-projects-entergy > .bg-white-transparent,
.bg-projects-lighthouse > .bg-white-transparent,
.bg-projects-parking > .bg-white-transparent,
.bg-careers > .bg-white-transparent {
	margin-top: 4em;
}

.bg-home-2018 > .bg-white-transparent {
	margin-top: 10em;
}

/* @end */

/* @group XL: Typography */

#elevator h1 {font-size: 2.25em;}
#elevator h2 {font-size: 1.75em; padding: 0 1.286em 1.5em 1.286em;}

main h2 {font-size: 1.75em;}
main h3 {font-size: 1.5em;}
main p, main li {font-size: 1.125em;}

/* @end */

/* @group XL: menu */

nav[role=navigation] li a {font-size: 1.125em; padding: .75em 1.75em;}

/* @end */

}/*/mediaquery*/