/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

body {
  padding-top: 54px;
  font-family: 'Source Sans Pro', sans-serif;	
}

html {
  scroll-behavior: smooth;
}

.beams {
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/cellular/beams-header.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.carousel-item {
  height: auto;
  max-height: 400px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.cell{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/cellular/cell-header.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.cell2{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/cellular/BnC_HytPen1.jpg");
  background-size: 100% 100%;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.ceiling-baffle{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/ceiling-baffle/header-omega_sm.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.contact {
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/contact-header_redux.jpg");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.corona{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/corona/header2.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.curviform {
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/curviform/SMSD2.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.curvilinear {
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/curvilinear/FosterCity2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.deep500{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/deep-cell-500/header.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.embossed{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/embossed/header.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.expanded{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/expanded/ScallopsJH.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.exterior-cell{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/exterior-cell/header.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.grids{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/cellular/grids-header.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.grid600{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/grid-cell-600/header.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.grid900{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/grid-cell-900/header.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}
.homer {
  height: 45vh;
  min-height: 500px;
  background-image: url("../img/home/FtBrg500px.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}
.imaging{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/Loleets1_sm.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}
.linear{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/linear/header.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}
.linear-pan{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/linear-pan/header.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}
.linear-z-pan{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/linear-z-pan/zPanHeader.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}
.linear-multi-pan{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/linear/LinMultiPan1.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}
.linear-plank{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/linear-plank/header.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}
.linear-v{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/linear-v-plank/header.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}
.louver {
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/louver-beam/louver-header.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.metal-tiles{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/metal-tiles/header2.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.metal-tiles-exp{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/visions-400-3Deep/rit_813 prnt_sml.png");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.modulite{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/modulite/Mod-hdr.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.multi-cell{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/multi-cell/header.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.open-beam{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/open-beam/open-beam-header.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.quote {
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/wireframe/WF2.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.ripple-grid {
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/ripple-grid/RG1.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.ripple-pan {
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/ripple-pan/RP4.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.ripple-wall {
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/home/RippleWall_800x605.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.sconce{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/sconce/header.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.special{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/specialties/header.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.trellis {
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/trellis/Trellis1_crop.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.vault {
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/the-vault/the-vault-header.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.visions-100{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/visions-100/MOA_Hero2.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.visions-300{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/visions-300/vs3mtl mercer cty-sm.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.visions-400{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/visions-400/wayne_fing_vs4.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.visions-400-3Deep{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/visions-400-3Deep/DC Marriott.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.visions-800{
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/visions-800/Fox1.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.wave {
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/the-wave/EB1.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.wire {
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/wireframe/WF2.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.wire2 {
  height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/wireframe/Leslie-8874.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 4em;
}

.back-to-top {
 
background: none;
    margin: 0;
    position: fixed;
    bottom: 0;
    right: 20px;
    width: auto;
    height: 50px;
    z-index: 100;
    display: none;
    text-decoration: none;
    color: #ffffff;
    background-color: #9e9e9e;
    padding: 5px;
 
}

@media (min-width: 768px) {

.navbar-brand

    {

        position: absolute;
        left: 50%;
        transform: translateX(-50%);

    }

}


.playfair{font-family: 'Oswald', sans-serif; letter-spacing: 3px;}


.pic-padding{margin-bottom: 1rem;}

.small-space{padding-top: 2rem !important; padding-bottom: 0rem !important; }

.lblue{color: #a5b2b5 ;  font-family: 'Source Sans Pro', sans-serif;}
.mblue{color: #007ea7; font-family: 'Source Sans Pro', sans-serif;}
.dblue{color: #003459; font-family: 'Source Sans Pro', sans-serif;}
.dark{color: #00171f; font-family: 'Source Sans Pro', sans-serif;}
.grey{color: #A4A2A2; font-family: 'Source Sans Pro', sans-serif;}

.brand{font-weight: 900;}


.state-type{    overflow: visible;
    width: 50%;
    padding: 5px;}

.bg-lblue{background-color: #a5b2b5 ; }
.bg-mblue{background-color: #007ea7}
.bg-dblue{background-color: #003459}
.bg-dark{background-color: #00171f}
.bg-grey{background-color: #A4A2A2}


section{padding-top: 3rem; padding-bottom: 3rem;}

#map{padding: 0px}

section a:hover{color: #171717; text-decoration: none;}

.space{margin-bottom:  10px;}

.nav-item{color: #9e9e9e!important;
	font-size: 1.1em!important;
font-family: 'Oswald', sans-serif; letter-spacing: 1px;}


.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #a5b2b5ed;

}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 50px 20px;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hovereffect:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 2em;
  overflow: hidden;
  padding: 0.5em 0;
  background-color: transparent;
}

.hovereffect h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.hovereffect:hover h2:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect a, .hovereffect p {
  color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}

.hovereffect:hover a, .hovereffect:hover p {
  
	opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}


@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}

.cell{height: 50vh;
  min-height: 500px;
  background-image: url("../img/products/cellular/cell-header.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
	margin-top: 4em;
}

.divide-sm{width: 90%; }

footer a{color: #00171f }
footer a:hover{color: white; text-decoration: none; }


.bg-lblue a{color: #00171f }
.bg-lblue a:hover{color: white; text-decoration: none; }

.bg-light{background-color: #e9ecef!important;}

header a{color: #00171f }
header a:hover{color: white; text-decoration: none; }


@media only screen and (max-width: 768px) {
	h5 {font-size: 1em!important;}
}


/*VIDEO BACKGROUND*/
.video-bg { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 	background: url("../img/home/header.jpg") no-repeat;
 	background-size: cover;
	background-position: bottom;
  	transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}

.yellow{color: #f8d624;}
.white-text{color: white!important;}

.yellow-bg{background-color: lightgray;}



* { box-sizing: border-box; }
.video-background {
  background: url("../img/home/header.jpg") no-repeat;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -1;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#vidtop-content {
	top: 0;
	color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}

/*Home Page */

header.masthead {
	position: relative;
	width: 100%;
	min-height: auto;
	text-align: center;
	color: #fff;
	background-color: #343a4075;
	background-image: url("../img/home/header2.jpg");
	/*background-image: url("../img/home/header.jpg");*/
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}


header.masthead .header-content {
	position: relative;
	width: 100%;
	padding: 150px 15px 100px;
	text-align: center
}
header.masthead .header-content .header-content-inner h1 {
	font-size: 30px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase
}
header.masthead .header-content .header-content-inner hr {
	margin: 30px auto
}
header.masthead .header-content .header-content-inner p {
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 50px;
	color: rgba(255,255,255,.7)
}

@media (min-width:768px) {
header.masthead {
	height: 100%;
	min-height: 800px
}
header.masthead .header-content {
	position: absolute;
	top: 50%;
	padding: 0 50px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
header.masthead .header-content .header-content-inner {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto
}
header.masthead .header-content .header-content-inner h1 {
	font-size: 50px
}
header.masthead .header-content .header-content-inner p {
	font-size: 18px;
	max-width: 80%;
	margin-right: auto;
	margin-left: auto
}
}


/*BOUNCE*/
.bounce {
  display: inline-block;
  position: relative;
  -moz-animation: bounce 0.70s infinite linear;
  -o-animation: bounce 0.70s infinite linear;
  -webkit-animation: bounce 0.70s infinite linear;
  animation: bounce 0.70s infinite linear;
  colr:000;
	padding-top: 15px;
}

@-webkit-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-moz-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-o-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-ms-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}