@media screen and (min-width: 20px) {
	
	body {
		color: #000;
	}
	
    .page-id-5068 .titlepage,
    .i-hide-stuff,
    .Mariner-image-1, .METROTube-image-1,  .integraled-image,  .metro-track-pic, .METROTube-image-2, .vertLED-image-2, .vertLED-image-3,
    .new-tunnel-home-overlay, .new-station-home-overlay, 	.integra-features-wrap,
  .mtlx-application-chart-wrap, .hero-wrap-overlay, .mtlx-dimensions-wrap, .legacy-hero-wrap-overlay, .clearnet-hero-wrap-overlay {
    display: none;
  }
    
    
    .casestudy-mod {
    width: 100%;
    height: auto;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    padding: 70px 0px;
    text-transform: uppercase;
    text-align: center;
    margin: 0px auto 70px;
    background-color: #000;
}
    
    
.casestudy-mod h2 {
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 700;
    margin: 0px auto 15px;
    text-align: center;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.59);
    line-height: 28px;
}
    
 
    .casestudy-mod h2 span {
        font-weight: 300;
    }
     .casestudy-mod h4 {
       font-size: 14px;
          letter-spacing: 2px;
    font-weight: 700;
         margin: 0px 0px 10px;
           line-height: 18px;
         
    }
    
       .casestudy-mod p {
    font-weight: 300;
    letter-spacing: 4px;
    margin: 0px 0px 10px;
           line-height: 18px;
}
    
    .casestudy-mod-inner-wrap {
        width: 90%;
        max-width: 1000px;
        margin: 0px auto;
    }
    
    .casestudy-title-wrap {
    text-align: center;
    margin: 0px auto 20px;
}
    
    .casestudy-bullet-wrap {
    display: grid;
    grid-template-columns: 100%;
    margin: 40px auto 40px;
    text-align: center;
    font-weight: 700;
    width: 90%;
}


    

    
  .mtlx-video-wrap  {
    margin: 32px auto 0px;
    border: 1px solid #62dbe93d;
    box-shadow: 0 0 60px rgb(0, 181, 28, .09);
      max-width: 1000px;
}
	
	.wufoo-wrapper {
		font-family: 'Montserrat', sans-serif;
    width: 90%;
    margin: 0px auto;
    max-width: 940px;
    text-align: center;
    padding: 80px 0px;
		color: #000;
		
		text-transform: uppercase;
}
    
    .transpo-funnel-h2 {
    font-size: 20px;
    line-height: 31px;
    letter-spacing: 1px;
    margin: 0px auto 10px;
    font-weight: 600;
        text-transform: uppercase;
}
    
	.wufoo-wrapper h2 {
    font-size: 20px;
    line-height: 31px;
    letter-spacing: 1px;
    margin: 0px auto 10px;
    font-weight: 600;
}
	
.wufoo-wrapper h3, .wufoo-wrapper h4 {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 1px;
    margin: 20px auto 0px;
    font-weight: 600;
    width: 100%;
}
		
	
  #rl-gallery-container-1 {
    width: 90%;
    max-width: 1140px;
    margin: 0px auto;
    background-color: transparent;
  }
  #rl-gallery-container-1 .rl-basicgrid-gallery {
    display: grid !important;
    grid-template-columns: 100%;
    width: 100%;
  }
  .align-right {
    text-align: right !important;
  }
  .rl-loading {
    opacity: 1 !important;
  }
  #rl-gallery-container-1 .rl-basicgrid-gallery .rl-gallery-item {
    width: 90% !important;
    max-width: 380px;
    height: 90%;
    max-height: 380px;
    margin: 0px auto 20px !important;
    transition: transform .5s;
  }
  #rl-gallery-container-1 .rl-basicgrid-gallery .rl-gallery-item:hover {
    transform: scale(1.05);
  }
  #rl-gallery-container-1 .rl-basicgrid-gallery .rl-gallery-item img {
    width: auto;
    max-width: 380px;
    height: auto;
    max-height: 380px;
  }
  .hero-wrap {
    width: 100%;
    height: 75svh;
    background-image: url(/wp-content/uploads/2021/06/transpo-hero-bg.jpg);
    background-size: cover;
    background-position: top center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    margin: 0px auto;
  }
    
     .new-tunnel-hero-wrap {
    width: 100%;
    height: 75svh;
    background-image: url(/wp-content/uploads/2025/11/Tunnel-Lighitng-2026.jpg);
    background-size: cover;
    background-position: top center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    margin: 0px auto;
  }
    
       .new-station-hero-wrap {
    width: 100%;
    height: 80svh;
    background-image: url(/wp-content/uploads/2025/11/Station-Lighitng-2026-2.jpg);
    background-size: cover;
    background-position: top center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    margin: 0px auto;
  }
    
  .legacy-hero-wrap {
    width: 100%;
    height: 1350px;
    background-image: url(/wp-content/uploads/2021/06/legacy-hero-bg-1.jpg);
    background-size: auto;
    background-position: center 0px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    margin: 0px auto;
  }
	
.product-landing-wrap {
    width: 100%;
    height: 400px;
    background-image: url(/wp-content/uploads/2021/10/Prodcut-landing-hero.jpg);
    background-size: auto;
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    margin: -20px auto 0px;
    padding: 100px 0px;
}
    
    
	.legacy-specialty-hero-wrap {
width: 100%;
    height: 31svh;
        max-height: 400px;
    background-image: url(/wp-content/uploads/2025/11/Specialty-BG-2026.jpg);
    background-size: auto;
    background-position: bottom;
    background-attachment: fixed;
    background-repeat: no-repeat;
    margin: -19px auto 0px;
         position: relative;
  }
    
    .wireway-hero-wrap {
        width: 100%;
        height: 31svh;
        max-height: 400px;
        background-image: url(/wp-content/uploads/2025/11/Wireway-BG-2026-2.jpg);
        background-size: auto;
        background-position: bottom;
        background-attachment: fixed;
        background-repeat: no-repeat;
        margin: -19px auto 0px;
        position: relative;
    }
    
    

	
  .arc-hero-wrap {
    width: 100%;
    height: 1132px;
    background-image: url(/wp-content/uploads/2021/06/archit-hero-bg.jpg);
    background-size: auto;
    background-position: center -154px;
    background-attachment: scroll;
    background-repeat: no-repeat;
    margin: -19px auto 0px;
    padding-bottom: 100px;
  }
  .mtlx-hero-wrap {
    width: 100%;
    height: 1076px;
    background-image: url(/wp-content/uploads/2021/06/mtlx-hero-bg.jpg);
    background-size: auto;
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    margin: -19px auto 0px;
  }
      .cleanled-hero-wrap {
    width: 100%;
    height: 1076px;
    background-image: url(/wp-content/uploads/2021/12/cleanLED-hero-bg-1.jpg);
    background-size: auto;
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    margin:-19px auto 0px;
  }
    

    
  .clearnet-hero-wrap {
    width: 100%;
    height: 1076px;
    background-image: url(/wp-content/uploads/2021/06/mtlx-hero-bg.jpg);
    background-size: auto;
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    margin:-19px auto 0px;
  }
 
    
    
    .trans-title {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 6px;
    position: absolute;
    top: 40svh;
    text-align: center;
    width: 100%;
    z-index: 1;
    background-color: #000000c4;
    padding: 15px 0px;
  }
    
 .legacy-title {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 6px;
    position: absolute;
    line-height: 1.25em;
    text-align: center;
    margin: 150px auto 0px;
    background-color: #000;
    padding: 28px 0px;
    width: 100%;
}
    
        .legacy-sub-title {
        font-family: 'Montserrat', sans-serif;
        color: #fff;
        font-weight: 300;
        font-size: 20px;
        letter-spacing: 6px;
        position: absolute;
        line-height: 1.25em;
        text-align: center;
        margin: 0;
        bottom: 0;
        background-color: #000;
        padding: 28px 0px;
        width: 100%;
        text-transform: uppercase;
    }
    

.product-landing-title {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 6px;
    line-height: 1.25em;
    text-align: center;
    margin: 0 auto 0px;
    background-color: #000;
    padding: 28px 0px;
    width: 100%;
}
	
  .clearnet-title {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 6px;
    position: absolute;
    line-height: 1.25em;
    text-align: center;
    margin: 245px auto 0px;
    background-color: #000;
    padding: 28px 0px;
    width: 100%;
    text-transform: uppercase;
  }
  .hero-small {
    font-size: 13px;
    letter-spacing: 1px;
  }
  .mtlx-title {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 6px;
    position: absolute;
    top: 338px;
    text-align: center;
    width: 100%;
    z-index: 1;
    background-color: #000000d1;
    padding: 15px 0px;
      text-transform: uppercase;
  }
    
      .arc-trans-title {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 6px;
    position: absolute;
    top: 338px;
    text-align: center;
    width: 100%;
    z-index: 1;
    background-color: #000000d1;
    padding: 15px 0px;
  }
    
  .button-top-wrap {
    width: 100%;
    height: 50px;
    padding: 0px 0px;
    position: absolute;
    top: 500px;
    z-index: 4;
    text-align: center;
  }
  .button-top-wrap-arc {
    width: 100%;
    height: 50px;
    padding: 0px 0px;
    position: absolute;
    top: 605px;
    z-index: 4;
    text-align: center;
  }
  .mtlx-hero-button-2-wrap, .mtlx-hero-button-4-wrap  {
    width: 90%;
    max-width: 1140px;
    height: 124px;
    padding: 0px 0px;
    margin: 70px auto 100px;
    z-index: 4;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .legacy-mtlx-hero-button-2-wrap {
    width: 90%;
    max-width: 850px;
    height: 124px;
    padding: 0px 0px;
    margin: 30px auto;
    z-index: 4;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .mtlx-feature-button-wrap {
    width: 90%;
    max-width: 1350px;
    height: auto;
    padding: 0px 0px;
    margin: 30px auto;
    text-align: center;
    display: flex;
    flex-direction: column;
  }
    
    
    
  .legacy-hero-black-fade {
   width: 100%;
    height: auto;
    padding: 160px 0px 30px;
    background: rgb(0, 0, 0);
    background: linear-gradient( 0deg, rgba(0, 0, 0, 0.850577731092437) 79%, rgba(0, 0, 0, 0) 99%);
    position: absolute;
    top: 738px;
    z-index: 4;
  }
  .mtlx-legacy-block {
    width: 100%;
    height: auto;
    background-image: url(/wp-content/uploads/2021/06/mtlx-legacy-block-1.jpg);
    padding: 90px 0px;
    margin: -30px auto 90px;
    display: flex;
    flex-direction: column;
    background-size: cover;
    background-position: top right;
  }
  .mtlx-legacy-block h3 {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 400;
    line-height: 26px;
    font-size: 13px;
    letter-spacing: 3px;
    text-align: center;
    width: 90%;
    margin: 0px auto;
  }
    .hero-black-fade {
        width: 100%;
        height: auto;
        padding: 2.5em 0px;
        background-color: #000000c7;
        position: absolute;
        top: 625px;
        z-index: 4;
    }
		.verticalLED-specs-wrapper-master,
	.verticalLED-dimensions-optics-wrapper,
	.METROTube-specs-wrapper-master,
	.Mariner-specs-wrapper-master {
width: 78%;
    max-width: 1140px;
    display: flex;
    height: auto;
    flex-direction: column;
    margin: 50px auto;
        position: relative;
}
	
 
        .lamp-bank-specs-wrapper {
        display: grid;
        gap: 2%;
        grid-template-columns: 100%;
    }
    
  
    
    .lamp-main-wrap {
        position: relative;
        width: fit-content;
        height: auto;
        margin: auto;
    }
    
        .lamp-bank-image {
        position: relative;
        max-width: 433px;
        z-index: 3;
        width: 76%;
        margin: 2em auto;
    }
    
 
	
	
        .verticalLED-specs-wrapper, .verticalLED-dimensions-optics, .METROTube-specs-wrapper, .Mariner-specs-wrapper {
        display: flex;
        flex-direction: column;
    }
    

	
	.vertLED-left-column, .vertLED-right-column  {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
    width: 100%;
    margin: 0px auto 30px;
		position: relative;
}
	
        .smaller-h3 {
        font-size: 15px;
        color: #0000008c;
        padding: 0;
        line-height: 1.5;
    }
    

	
	.Mariner-left-column, 
		.METROTube-left-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
    width: 100%;
    margin: 0px auto;
		position: relative;
}
	.Mariner-right-column	{
padding: 60px 60px 37px 60px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 24px;
    background-color: #f7f7f7;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    font-weight: 500;
    height: fit-content;
    width: 100%;
    margin: 0px auto;
    color: #000;
    position: relative;
}
    
        .lamp-bank-right-column {
        padding: 2em;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        line-height: 24px;
        background-color: #f7f7f7;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        font-weight: 500;
        height: fit-content;
        width: 100%;
        margin: 0px auto 2em;
        color: #000;
    }

    

    
    .double-column-right-column {
        padding: 2em;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        line-height: 24px;
        background-color: #f7f7f7;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        font-weight: 500;
        height: fit-content;
        width: 100%;
        margin: 2em auto;
        color: #000;
    }
    
  
    
    .lamp-bank-right-column p, 
    .double-column-right-column p {
        margin: 0 0 13px 0; 
    }

    
        .METROTube-right-column {
        padding: 2em;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        line-height: 24px;
        background-color: #f7f7f7;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        font-weight: 500;
        height: fit-content;
        width: 100%;
        margin: 2em auto;
        color: #000;
    }
    

	
	.verticalLED-optics, .verticalLED-dimensions, .integraLED-optics, .integraLED-dimensions {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
    width: 100%;
    margin: 0px auto 30px;
		position: relative;
}
	
	
   
	.Integra-left-column-bg {
    background-image: url(/wp-content/uploads/2021/07/IntegraLED-Graphic-1.jpg) !important;
    }
    
    



	.margin-top-100 {
		margin-top: 80px !important;
	}

  

        .lamp-bank-specs {
        border: none;
        display: grid;
        grid-template-columns: 100%;
        margin: 0px auto;
        padding: 0;
        width: 100%;
        border-right: 0;
        border-bottom: 0;
    }
    
        .lamp-bank-specs h5 {
        text-transform: uppercase;
        font-size: 1.25em;
        line-height: 1.45;
        letter-spacing: 1px;
        margin: 2em 0 6px;
    }
    
 

    
    .lamp-bank-specs ul li {
    font-size: 13px;
}
    
        .lamp-bank-specs ul li strong {
   font-weight: 600;
}
    
    .lamp-bank-specs  ul::marker {
        color: #00953b;
    }
    
.lamp-bank-chart-wrapper {
        max-width: 1062px;
        width: 90%;
        display: grid;
        grid-template-columns: 34% 34% 34%;
        gap: 1%;
        margin: 2em auto;
    }
    
      .integra-charts {
        max-width: 855px;
        width: 90%;
        display: grid;
        grid-template-columns: 100%;
        margin: 2em auto;
    }
    
    
.METROTube-spec-wrap-1 {
    border: 1px solid rgba(0, 0, 0, 0.19);
    display: grid;
    grid-template-columns: 54% 23% 23%;
    margin: 0px auto;
    width: 100%;
    border-bottom: none;
    border-right: none;
}
    
    .integra-spec-wrap {
        border: 1px solid rgba(0, 0, 0, 0.19);
        display: grid;
        grid-template-columns: 40% 15% 15% 15% 15%;
        margin: 20px auto 0;
        width: 100%;
        border-bottom: none;
        border-right: none;
    }

    
    
    .tubedownlight-optics-overlay {
          width: 400px;
    height: auto;
    position: absolute;
    top: 57px;
    right: 0px;
    z-index: 14;

    }
    
      .series4061-optics-overlay {
          width: 400px;
    height: auto;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 14;

    }
    
    .full-width-dimensions {
        width: 90%;
        max-width: 1140px;
        height: auto;
        margin: 0px auto 40px;
            position: relative;
    }
	
    .full-width-spec-table {
        border: 1px solid rgba(0, 0, 0, 0.19);
    display: grid;
    grid-template-columns: 20% 80%;
    margin: 0px auto 30px;
    width: 100%;
    border-bottom: none; 
    }
    
    .full-width-spec-table .spec-title, .full-width-spec-table .spec-desc  {
    font-size: 13px !important;
    padding: 14px !important;
}
    
	
.verticalLED-spec-wrap-1 {
    border: 1px solid rgba(0, 0, 0, 0.19);
    display: grid;
    grid-template-columns: 40% 60%;
    margin: 0px auto 30px;
    width: 100%;
    border-bottom: none;
}
		.verticalLED-spec-wrap-2 {
    border: 1px solid rgba(0, 0, 0, 0.19);
    display: grid;
    grid-template-columns: 40% 20% 20% 20%;
			margin: 0px auto 30px;
				 width: 100%;
    border-bottom: none;
			    border-right: none;
}
	
			.integraLED-spec-wrap-2 {
    border: 1px solid rgba(0, 0, 0, 0.19);
    display: grid;
    grid-template-columns: 26% 18.5% 18.5% 18.5% 18.5%;
			margin: 0px auto 30px;
				 width: 100%;
    border-bottom: none;
			    border-right: none;
}
    
	.verticalLED-features-wrap {
    border-bottom: 1px solid rgba(0, 0, 0, 0.19);
}
	
  .hero-black-fade-arc {
    width: 100%;
    height: auto;
    padding: 80px 0px;
    padding-top: 80px;
    padding-right: 0px;
    padding-bottom: 80px;
    padding-left: 0px;
    position: absolute;
    top: 659px;
    z-index: 1;
    background: rgba(0, 0, 0, 0.77);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.850577731092437) 54%, rgba(0, 0, 0, 0) 96%);
  }
  .hero-black-fade-mtlx {
    width: 100%;
    height: auto;
    padding: 203px 0px 103px;
    position: absolute;
    top: 475px;
    z-index: 1;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.850577731092437) 54%, rgba(0, 0, 0, 0) 96%);
  }
  .hero-black-fade-clearnet {
    width: 100%;
    height: auto;
    padding: 203px 0px 103px;
    position: absolute;
    top: 475px;
    z-index: 1;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 54%, rgba(0, 0, 0, 0) 96%);
  }
     .hero-white-fade-cleanled {
    width: 100%;
    height: auto;
    padding: 203px 0px 103px;
    position: absolute;
    top: 549px;
    z-index: 1;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 4%, rgba(255, 255, 255, 0) 100%);
  }
    
        .trans-subheading {
        font-family: 'Montserrat', sans-serif;
        color: #fff;
        font-weight: 400;
        font-size: 11px;
        letter-spacing: 1px;
        text-align: center;
        width: 67%;
        line-height: 1.5;
        padding: 0px;
        margin: 0px auto 19px;
        max-width: 1350px;
        text-transform: uppercase;
    }
    

     .trans-lead-p {
        font-family: 'Montserrat', sans-serif;
        color: #fff;
        font-weight: 400;
        line-height: 26px;
        font-size: 13px;
        letter-spacing: 1px;
        text-align: center;
        width: 84%;
        max-width: 885px;
        margin: 0 auto;
    }
    
      .product-lead-p {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 400;
    line-height: 26px;
    font-size: 13px;
    letter-spacing: 3px;
    text-align: center;
    width: 81%;
    max-width: 885px;
    margin: 70px auto 0px;
  }
    
  .arc-lead-p {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 400;
    line-height: 26px;
    font-size: 13px;
    letter-spacing: 3px;
    text-align: center;
    width: 81%;
    max-width: 1050px;
    margin: 70px auto 0px;
    text-transform: uppercase;
  }
  .mtlx-lead-p {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 400;
    line-height: 26px;
    font-size: 13px;
    letter-spacing: 3px;
    top: 1069px;
    text-align: center;
    width: 90%;
    max-width: 1050px;
    margin: 0px auto 0px;
    background-image: url(/wp-content/themes/cvl/mtlx-white.svg);
    background-size: 246px;
    background-repeat: no-repeat;
    background-position: top center;
    text-transform: uppercase;
    padding: 104px 0px 0px;
  }
  .clearnet-lead-p {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 400;
    line-height: 26px;
    font-size: 13px;
    letter-spacing: 3px;
    top: 1069px;
    text-align: center;
    width: auto;
    max-width: 600px;
    margin: 0px auto 0px;
    background-image: url(/wp-content/themes/cvl/clearnet-white.svg);
    background-size: 246px;
    background-repeat: no-repeat;
    background-position: top center;
    text-transform: uppercase;
    padding: 104px 0px 0px;
  }
    
    .cleanled-lead-p {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-weight: 400;
    line-height: 26px;
    font-size: 13px;
    letter-spacing: 3px;
    top: 1069px;
    text-align: center;
    width: auto;
    max-width: 940px;
    margin: 0px auto 0px;
    background-image: url(/wp-content/themes/cvl/cleanLED-black.svg);
    background-size: 246px;
    background-repeat: no-repeat;
    background-position: top center;
    text-transform: uppercase;
    padding: 104px 0px 0px;
  }
    
  .lead-p-bold {
    font-weight: 600;
  }
  .body-content-wrap {
    background-color: #fff;
    padding: 30px 0px;
    width: 100%;
    margin: 0px auto;
    position: relative;
    z-index: 6;
  }
  .six-box-wrap {
    display: grid;
    grid-template-columns: 100%;
    height: auto;
    width: 85%;
    max-width: 1140px;
    min-height: 404px;
    margin: 0px auto 200px;
    padding: 0px;
  }
  .four-box-wrap, .five-box-wrap {
    display: grid;
    grid-template-columns: 100%;
    height: auto;
    width: 85%;
    margin: 0px auto;
    padding: 0px;
  }
  .two-box-wrap {
    display: grid;
    height: auto;
    width: 85%;
    margin: 0px auto 90px;
    padding: 0px;
    grid-template-columns: 100%;
  }
  .sub-hero-funnel {
    width: 100%;
    margin: 0px auto 20px;
    height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .advanced-tow-funnel {
    width: 100%;
    margin: 0px auto 70px;
    height: auto;
    text-align: center;
  }
  .advanced-tow-funnel h2 img {
    max-width: 281px;
    max-height: 55px;
    margin: 15px auto 30px;
  }
  .advanced-tow-funnel h2 {
    margin: .5em auto 1em;
  }
  .arc-bg {
    background-image: url(/wp-content/uploads/2021/06/home-btn-arc-bg.jpg);
  }
  .tun-bg {
    background-image: url(/wp-content/uploads/2021/06/home-btn-tun-bg.jpg);
  }
  .leg-bg {
    background-image: url(/wp-content/uploads/2021/06/home-btn-leg-bg.jpg);
  }
  .wire-bg {
    background-image: url(/wp-content/uploads/2021/06/home-btn-wire-bg.jpg);
  }
    
    .product-1 {
    background-image: url(/wp-content/uploads/2021/10/Product-Thumb-Transpo.jpg);
  }
        .product-2 {
    background-image: url(/wp-content/uploads/2021/10/Product-Thumb-Construction.jpg);
  }
    
        .product-3 {
    background-image: url(/wp-content/uploads/2021/10/Product-Thumb-Healthcare.jpg);
  }
    
        .product-4 {
    background-image: url(/wp-content/uploads/2021/10/Product-Thumb-LifeSci.jpg);
  }
    
        .product-5 {
    background-image: url(/wp-content/uploads/2021/10/Product-Thumb-Commerc.jpg);
  }
    
   .product-cta-master-column {
    background-image: url(/wp-content/uploads/2021/10/product-landing-main-bg.jpg);
    background-repeat: no-repeat;
    background-position: 0px 57px;
    background-size: cover;
    background-attachment: fixed;
    padding: 80px 0px;
}
   
    .product-landing-hero-wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 30px auto 80px;
    display: flex;
    padding: 40px 0px;
    flex-direction: column;
    background-image: url(/wp-content/uploads/2021/10/product-landing-fade-2.png);
    background-repeat: repeat-y;
}
    

        .product-landing-hero {
        display: none;
}
    

  .product-cta-wrap {
    max-width: 700px;
    height: auto;
    width: 90%;
}
    
      .product-right-box, .product-left-box {
    margin: 0px auto;
    text-align: center;
}
    


    
   .product-cta-wrap h2  {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    line-height: 32px;
    margin: 0px auto;
    letter-spacing: 2px;
    color: #fff;
}
    
.product-cta-wrap h3 {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    line-height: 32px;
    margin: 10px auto 30px;
    letter-spacing: 2px;
    color: #fff;
    font-weight: 400;
}
    
  .body-copy-1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
    color: #000;
    text-align: center;
    margin: 70px auto;
    max-width: 850px;
    width: 85%;
  }
  .body-copy-2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height: 25px;
    font-weight: 400;
    color: #000;
    text-align: left;
    margin: 70px auto 40px;
    max-width: 1140px;
    width: 78%;
  }
  .body-copy-3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
    color: #000;
    text-align: center;
    margin: 70px auto 21px;
    max-width: 1140px;
    width: 90%;
  }
	
	.body-copy-clearnet {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height: 25px;
    font-weight: 400;
    color: #000;
    text-align: left;
    margin: 70px auto 20px;
    max-width: 1140px;
    width: 78%;
	}
	
.body-copy-4 {
    font-family: 'Montserrat', sans-serif;
	    font-size: 14px;
    line-height: 26px;
  
    font-weight: 600;
    color: #000;
    text-align: right;
    margin: 0px auto 100px;
    max-width: 1140px;
    width: 78%;
}
	.node-margin {
    margin: -30px auto 0px;
    padding: 0px;
}
	

	
  .stretch {
    letter-spacing: 4px;
  }
  .arc-principal-wrap, .clean-features-wrap, .clean-gov-features-wrap {
    margin: 0px auto 40px;
    max-width: 1140px;
    width: 87%;
    display: grid;
    flex-direction: row;
    grid-template-columns: 100%;
  }

	.arc-principal-wrap img {
		margin: 0px auto 30px;
	}
    
    	    .clean-features-wrap-column img {
		margin: 0px auto;
               height: 200px;
}
                

    
   .clean-features-wrap-column {
    width: 90%;
    margin: 0px auto 10px;
    display: grid;
    grid-template-columns: 100%;
  }
	

  .arc-principal-wrap-column {
    width: 90%;
    margin: 0px auto 10px;
  }
  .cta-wrap {
    margin: 70px auto;
    max-width: 717px;
    width: 90%;
    text-align: center;
  }
  .cta-wrap h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    line-height: 28px;
    color: #000;
    text-align: center;
    margin: 0px auto 35px;
  }
  .advanced-tow-funnel p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    margin: 0px auto 30px;
  }
  .body-copy-1 strong, .iso-bold {
    font-weight: 600;
  }
  .transpo-bottom-hero {
    width: 100%;
    height: auto;
    background-image: url(/wp-content/uploads/2021/06/transpo-hero-bottom-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    padding: 50px 0px;
  }
  .mtlx-bottom-hero {
    width: 100%;
    height: auto;
    background-image: url(/wp-content/uploads/2021/06/mtlx-hero-bottom-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    padding: 150px 0px 50px;
    margin: 0px auto 110px;
  }
  .bottom-logo-wraps {
    width: 100%;
    height: auto;
    margin: 0px auto 15px;
    flex-direction: column;
    display: flex;
  }
  .transpo-bottom-black-fade {
    width: 100%;
    height: auto;
    padding: 4em 0;
    background-color: rgba(0, 0, 0, 0.88);
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 400;
    text-align: center;
    line-height: 30px;
  }
  .mtlx-bottom-black-fade {
    width: 100%;
    height: auto;
    padding: 100px 0px;
    background-color: rgba(0, 0, 0, 0.79);
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 400;
    text-align: left;
    font-size: 15px;
    line-height: 28px;
  }
  .mtlx-bottom-inner-wrap {
    max-width: 1140px;
    margin: 0px auto;
    width: 85%;
  }
  .transpo-bottom-hero h3 {
    font-size: 24px;
    margin: 0px auto 30px;
    font-weight: 500;
    width: 80%;
    letter-spacing: 3px;
  }
  .mtlx-bottom-black-fade h3 {
    font-size: 24px;
    margin: 0px auto 10px;
    font-weight: 500;
    width: 100%;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: left;
  }
  .transpo-bottom-hero h4 {
    font-size: 16px;
    margin: 0px auto 30px;
    font-weight: 600;
    max-width: 800px;
    width: 80%;
  }
  .traspo-bottom-p-wrap {
    width: 85%;
    max-width: 870px;
    margin: 0px auto 90px;
    display: grid;
    grid-template-columns: 100%;
    font-size: 15px;
  }
  .traspo-bottom-p-wrap p:nth-child(1) {
    width: 100%;
    padding: 0px;
    border-right: none;
    margin: 0px auto;
    text-align: left;
  }
  .traspo-bottom-p-wrap p:nth-child(2) {
    width: 90%;
    padding: 0px;
    margin: 20px 0px 0px 5%;
    font-weight: 600;
    text-align: left;
  }
  .bottom-button-wrap {
    width: 90%;
    max-width: 500px;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 0px auto;
    justify-content: space-around;
  }
  .title-row {
    font-size: 10px;
    font-weight: 400;
    border-right: .25px solid rgba(255, 255, 255, 0.5);
    border-bottom: .25px solid rgba(255, 255, 255, 0.5);
    padding: 15px;
  }
  .bold-column {
    font-size: 11px;
    font-weight: 700;
    border-right: .25px solid rgba(255, 255, 255, 0.5);
    border-bottom: .25px solid rgba(255, 255, 255, 0.5);
    padding: 15px;
    text-align: right;
  }
  .content-row {
    font-size: 13px;
    font-weight: 400;
    border-right: .25px solid rgba(255, 255, 255, 0.5);
    border-bottom: .25px solid rgba(255, 255, 255, 0.5);
    padding: 15px;
  }
  .font-weight-light {
    font-weight: 200;
  }
  .small-white-p {
    font-size: 11px;
    line-height: 22px;
    text-align: right;
    margin: 0px auto;
    padding: 0px;
  }
  .mtlx-tunnel-view-wrap {
    width: 100%;
    background-image: url(/wp-content/uploads/2021/06/tunnel-view.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    height: auto;
   margin: 15px auto 0px;
padding: 300px 0px 0px;
  }
  .mtlx-tunnel-iso {
    width: 100%;
    height: auto;
    margin: 0px auto;
    float: unset;
  }
  .iso-drawing {
    background-image: url(/wp-content/themes/cvl/iso-drawing.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 102%;
    height: 327px;
    margin: 65px auto 100px;
    position: relative;
}
    

    
  
    
    
	.cleanled-diagram, .clearnet-diagram {
    width: 90%;
    max-width: 1140px;
    margin: 0px auto -75px;
}
	
 
  .mtlx-anatomy {
    background-image: url(/wp-content/themes/cvl/mtlx-black-anatomy.svg);
    background-repeat: no-repeat;
    background-size: 250px;
    background-position: top center;
    width: 90%;
    max-width: 1350px;
    height: 70px;
    margin: 100px auto 0px;
    position: relative;
  }
  .mtlx-image {
    width: 90%;
    max-width: 1350px;
    height: auto;
    position: relative;
    padding: 0px;
    z-index: 4;
    text-align: right;
    margin: 0px auto;
  }
  .mtlx-image img {
    max-width: 100%;
  }
  .iso-drawing h2 {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 23px;
    width: 90%;
    height: auto;
    text-align: center;
    position: relative;
    margin: 0px auto;
    padding: 312px 0px 0px;
  }
    
  
    
  .iso-drawing h3 {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 23px;
    width: 90%;
    height: auto;
    text-align: center;
    position: relative;
    margin: 0px auto;
    padding: 340px 0px 0px;
  }
  .body-copy-2 h3, .body-copy-3 h3, .body-copy-clearnet h3 {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.45em;
    text-transform: uppercase;
    margin: 0px auto 15px;
    letter-spacing: 1px;
  }
    
  .body-copy-cleanled h4 {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.75em;
    margin: 40px auto 55px;
    text-align: center;
    letter-spacing: 1px;
    width: 90%;
    max-width: 1000px;
    }
      
      
      .body-copy-2 h2 {
        font-family: 'Montserrat', sans-serif;
        color: #000;
        font-weight: 600;
        font-size: 1.6em;
        line-height: 1.85em;
        text-transform: uppercase;
        margin: 0px auto 15px;
        letter-spacing: .5px;
        display: flex;
        flex-direction: column;
    }
	

    

	
  .body-copy-3 h4, .body-copy-clearnet h4 {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.65em;
    margin: 0px auto;
    letter-spacing: 0px;
    text-align: left;
  }
 
  .body-copy-2 p {
    margin: 0px auto 15px;
  }
  .iso-features-wrap {
    width: 90%;
    max-width: 1140px;
    display: flex;
    flex-direction: column;
    margin: 0px auto -14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.19);
	  
  }
    
     .clean-iso-features-wrap {
    width: 90%;
    max-width: 1140px;
    display: flex;
    flex-direction: column;
    margin: 0px auto -14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.19);
	  
  }
    
  .mtlx-features-wrap {
    width: 90%;
    max-width: 1350px;
    display: flex;
    flex-direction: column;
    margin: -9px auto 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.19);
  }
	
    
 
    
    
	.METROTube-features-wrap {
    width: 70%;
    max-width: 1140px;
    display: flex;
    flex-direction: column;
    margin: 0px auto 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.19);
		    position: relative;
  }
	
  .mtlx-polor-specs-wrap {
    width: 90%;
    max-width: 1350px;
    display: flex;
    height: auto;
    flex-direction: column;
    margin: 50px auto;
  }
    
    .full-width-dimensions h3, 
  .mtlx-polor-specs-wrap h3, .mtlx-dimensions-wrap h3, .verticalLED-specs-wrapper-master h3, .verticalLED-dimensions-optics-wrapper h3, .METROTube-specs-wrapper-master h3, .Mariner-specs-wrapper-master h3 {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.5em;
    margin: 0px auto 20px;
    width: 100%;
    text-align: left;
  }
    
  
    
  .mtlx-dimensions-wrap img {
    width: 94%;
    margin: -58px 0px 0px 6%;
  }
  .mtlx-polor-wrap img {
    width: 90%;
    margin: 0px 0px 0px 10%;
  }
  .mtlx-polor-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    width: 100%;
    margin: 0px auto 30px;
  }
  .mtlx-specs-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    width: 100%;
    margin: 0px auto;
  }
  .spec-wrap {
    border: 1px solid rgba(0, 0, 0, 0.19);
    display: grid;
    grid-template-columns: 30% 70%;
  }
	 .Mariner-spec-wrap {
border: 1px solid rgba(0, 0, 0, 0.19);
    display: grid;
    grid-template-columns: 23% 77%;
    border-bottom: none;
    border-right: none;
  }
	
	
	
  .spec-title {
    width: 100%;
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 19px !important;
    border-right: 1px solid rgba(0, 0, 0, 0.19);
    border-bottom: 1px solid rgba(0, 0, 0, 0.19);
    padding: 14px 6% 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-align: right;
	  color: #000;
  }
  .spec-desc {
    width: 100%;
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    line-height: 19px !important;
    font-weight: 400;
    border-bottom: 1px solid rgba(0, 0, 0, 0.19);
    padding: 14px 4% 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
	  color: #000;
  }
	
	.verticalLED-spec-wrap-1  .spec-desc {
    width: 100%;
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    line-height: 19px !important;
    font-weight: 400;
    border-bottom: 1px solid rgba(0, 0, 0, 0.19);
    padding: 14px 4% 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
		color: #000;
}
	.Mariner-spec-wrap .spec-desc {
    width: 100%;
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    line-height: 19px !important;
    font-weight: 400;
    border-bottom: 1px solid rgba(0, 0, 0, 0.19);
    border-right: 1px solid rgba(0, 0, 0, 0.19);
    padding: 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-align: left;
		color: #000;
}
    
    .integra-spec-wrap .spec-desc {
        width: 100%;
        font-family: 'Oswald', sans-serif;
        font-size: 11px;
        line-height: 19px !important;
        font-weight: 400;
        border-bottom: 1px solid rgba(0, 0, 0, 0.19);
        border-right: 1px solid rgba(0, 0, 0, 0.19);
        padding: 14px 4% 14px;
        text-transform: uppercase;
        letter-spacing: 0;
        text-align: center;
        color: #000;
    }

 
    
	.METROTube-spec-wrap-1 .spec-desc,
	.verticalLED-spec-wrap-2 .spec-desc, .integraLED-spec-wrap-2 .spec-desc {
    width: 100%;
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    line-height: 19px !important;
    font-weight: 400;
    border-bottom: 1px solid rgba(0, 0, 0, 0.19);
    border-right: 1px solid rgba(0, 0, 0, 0.19);
    padding: 14px 4% 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-align: center;
		color: #000;
}
    
      .integra-spec-wrap .spec-header    {
    width: 100%;
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    line-height: 19px !important;
    font-weight: 400;
    border-bottom: 1px solid rgba(0, 0, 0, 0.19);
    border-right: 1px solid rgba(0, 0, 0, 0.19);
    padding: 14px 4% 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-align: center;
		color: #000;
}
    
	
	
.METROTube-spec-wrap-1 .spec-header,
	.verticalLED-spec-wrap-2 .spec-header, .integraLED-spec-wrap-2 .spec-header {
    width: 100%;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    line-height: 19px !important;
    font-weight: 600;
    border-bottom: 1px solid rgba(0, 0, 0, 0.19);
    border-right: 1px solid rgba(0, 0, 0, 0.19);
    padding: 16px 4% 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-align: center;
		color: #000;
}

    
    	
	 .integra-spec-wrap .spec-title {
    width: 100%;
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    line-height: 19px !important;
    font-weight: 600;
    border-bottom: 1px solid rgba(0, 0, 0, 0.19);
		 border-right: 1px solid rgba(0, 0, 0, 0.19);
    padding: 14px 4% 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
		  text-align: right;
		color: #000;
}
    
	
	.METROTube-spec-wrap-1 .spec-title,
	.verticalLED-spec-wrap-2 .spec-title, .integraLED-spec-wrap-2 .spec-title {
    width: 100%;
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    line-height: 19px !important;
    font-weight: 600;
    border-bottom: 1px solid rgba(0, 0, 0, 0.19);
		 border-right: 1px solid rgba(0, 0, 0, 0.19);
    padding: 14px 4% 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
		  text-align: right;
		color: #000;
}
	
	
	.Mariner-spec-wrap .spec-title {
    width: 100%;
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    line-height: 19px !important;
    font-weight: 600;
    border-bottom: 1px solid rgba(0, 0, 0, 0.19);
		 border-right: 1px solid rgba(0, 0, 0, 0.19);
    padding: 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
		  text-align: right;
		color: #000;
}
	
	.text-align-left {
		text-align: left !important;
	}
    
    .text-align-right {
		text-align: right !important;
	}
	
	.no-border-right {
		border-right: none !important;
	}
	
	.clean-iso-features  {
    width: 100%;
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #00000030;
    border-bottom-color: rgba(0, 0, 0, 0.19);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom: none;
    background-size: cover;
    background-repeat: repeat-y;
    padding: 9px 3.5% 8px 3.5%;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: .5px;
	  color: #000;
  }
    
    
  .iso-features {
    width: 100%;
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #00000030;
    border-bottom-color: rgba(0, 0, 0, 0.19);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom: none;
    background-size: 100%;
    background-repeat: repeat-y;
    padding: 9px 3.5% 8px 3.5%;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: .5px;
	  color: #000;
  }
  .arc-mosaic-grid-master {
    width: 90%;
    max-width: 1140px;
    min-height: 1170px;
    display: grid;
    margin: auto;
    grid-template-columns: auto;
    height: auto;
  }
  .arc-mosaic-grid-wrap-1 {
    width: 100%;
    height: 100%;
    display: grid;
    margin: 0px auto;
    grid-template-columns: auto;
  }
  .arc-mosaic-grid-wrap-2 {
    width: 100%;
    height: 100%;
    display: grid;
    margin: 0px auto;
    grid-template-columns: auto;
  }
  .arc-mosaic-item-1 {
    width: 91%;
    height: auto;
    margin: 4.5%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 220px;
    border: none;
    transition: transform .5s;
  }
  .arc-mosaic-item-2 {
    width: 95%;
    height: auto;
    min-height: 220px;
    margin: 2.5%;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    transition: transform .5s;
  }
  .arc-mosaic-item-1:hover, .arc-mosaic-item-2:hover {
    transform: scale(1.05);
  }
  .arc-mosaic-bg-1 {
    background-image: url(/wp-content/uploads/2021/06/Arc-Mosaic-1.jpg);
  }
  .arc-mosaic-bg-2 {
    background-image: url(/wp-content/uploads/2021/06/Arc-Mosaic-2.jpg);
  }
  .arc-mosaic-bg-3 {
    background-image: url(/wp-content/uploads/2021/06/Arc-Mosaic-3.jpg);
  }
  .arc-mosaic-bg-4 {
    background-image: url(/wp-content/uploads/2021/06/Arc-Mosaic-4.jpg);
  }
  .arc-mosaic-bg-5 {
    background-image: url(/wp-content/uploads/2021/06/Arc-Mosaic-5.jpg);
  }
  .arc-mosaic-bg-6 {
    background-image: url(/wp-content/uploads/2021/06/Arc-Mosaic-6.jpg);
  }
  .arc-mosaic-bg-7 {
    background-image: url(/wp-content/uploads/2021/06/Arc-Mosaic-7.jpg);
  }
  .arc-mosaic-bg-8 {
    background-image: url(/wp-content/uploads/2021/06/Arc-Mosaic-8.jpg);
  }
  .arc-mosaic-bg-9 {
    background-image: url(/wp-content/uploads/2021/06/Arc-Mosaic-9.jpg);
  }
  .arc-mosaic-bg-10 {
    background-image: url(/wp-content/uploads/2021/06/Arc-Mosaic-10.jpg);
  }
    
        .arc-assemblies-wrap {
        width: 85%;
        margin: 6em auto;
        background-color: transparent;
        max-width: 1325px;
    }
    
  
      .solo-product-cad {
        width: 90%;
        margin: 3em auto;
        max-width: 1140px;
        background-color: transparent;
    }
    .arc-assemblies p, .solo-product-cad p {
        color: #e544a4;
        font-size: 1em;
        line-height: 1.85;
        margin: 0 0 15px;
    }
    
    .arc-assemblies {
        margin: 0 auto 4em;
    }

    .arc-assemblies h3 {
        font-size: 1.35em;
        line-height: 1.5;
    }



.arc-assemblies img {}


    .transportation-2026-product-wrap {
        width: 90%;
        max-width: 1140px;
        margin: 6em auto 2em;
        background-color: transparent;
    }

    .transpo-prod-hero {
        display: grid;
        grid-template-columns: 40% 55%;
        gap: 5%;
        margin: 0px auto 2em;
    }

      .transpo-prod-hero .header-wrap {
        justify-content: end;
        display: flex;
        flex-direction: column;
    }
    
.transpo-prod-hero h4 {}

.transpo-prod-hero h3 {}

    .transpo-prod-spec-wrap {
        display: grid;
        grid-template-columns: 45% 45%;
        gap: 5%;
        background-color: #f3f3f3;
        padding: 2em;
    }

.transpo-prod-spec-column {}

.transpo-prod-spec-column ul {}

.transpo-prod-spec-column li {}
    
    .transportation-2026-product-button-wrap {
        width: 90%;
        max-width: 830px;
        margin: 2em auto 2em;
        text-align: center;
        display: grid;
        grid-template-columns: 100%;
        gap: 2em;
    }
    
 

    .transportation-2026-product-button-wrap .cvl-black-button {
        text-transform: uppercase;
    }
    
    .cvl-blog-wrapper {
        
    }
    
    .cvl-blog-wrapper h1 {
        
    }
    
       .cvl-blog-wrapper h2 {
        font-family: 'Montserrat', sans-serif;
        color: #000;
        font-weight: 600;
        font-size: 1.5em;
        line-height: 2;
        text-transform: uppercase;
        margin: 1.5em auto 15px;
        padding: 1em 0 0;
        letter-spacing: 1px;
       
    }

      .cvl-blog-wrapper p.lead-in {
        font-size: 1.35em !important;
        line-height: 1.85;
        font-weight: 600;
        padding: 1em 0;
    }
    
    
     .cvl-blog-wrapper p {
        font-size: 1.05em !important;
        line-height: 2;
    }
    

    
    
}
@media screen and (min-width: 768px) {}
@media screen and (min-width: 1020px) {
    	.verticalLED-specs-wrapper, .verticalLED-dimensions-optics, .METROTube-specs-wrapper, .Mariner-specs-wrapper {
    flex-direction: row;
	}
    
     .vertLED-left-column {
        background-image: url(/wp-content/uploads/2021/06/VertLEG-Graphic-1.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom center;
        min-height: 457px;
    }
    
        .integra-spec-wrap .spec-desc  {
    font-size: 13px;
    letter-spacing: .5px;
}
    
      .lamp-bank-specs-wrapper {
        gap: 3%;
        grid-template-columns: 67% 30%;
    }
    
       .lamp-bank-specs {
        border: 1px solid rgba(0, 0, 0, 0.19);
        padding: 2em;
    }
    
          .lamp-bank-specs h5  {
    font-size: 1em;
    letter-spacing: 3px;
    margin: 0 0 8px;
}
    
}
@media screen and (min-width: 1200px) {
    
       .lamp-bank-image {
        position: absolute;
        bottom: 2em;
        right: 0;
        max-width: 433px;
        width: auto;
        margin: unset;
    }
    
          .full-width-dimensions h3, 
  .mtlx-polor-specs-wrap h3, .mtlx-dimensions-wrap h3, .verticalLED-specs-wrapper-master h3, .verticalLED-dimensions-optics-wrapper h3, .METROTube-specs-wrapper-master h3, .Mariner-specs-wrapper-master h3 {

    line-height: 38px;
  }
    
        .body-copy-2 h2 {
        font-size: 2em;
        line-height: 1.45em;
        letter-spacing: 1px;
             flex-direction: row;
    }
    
    
    .smaller-h3 {
        padding: 0px 0px 5px 14px;
        align-self: end;
    }
    .margin-top-100 {
		margin-top: 200px !important;
	}
    
       .transportation-2026-product-button-wrap {

        grid-template-columns: 50% 50%;
        grid: 0;
}
	
        .arc-assemblies-wrap {
        width: 90%;
    }

    
    	.legacy-specialty-hero-wrap,
        	.wireway-hero-wrap {
    background-position: top center;
                        height: 55svh;
  }
    
      .casestudy-mod {
    background-image: url(/wp-content/uploads/2021/11/Case-Study-mod-BG.jpg);
    height: 500px;
    background-repeat: no-repeat;
}
    
      .casestudy-title-wrap {
    text-align: left;
      margin: 0px auto 40px;
}
    
        .casestudy-bullet-wrap {
grid-template-columns: 65% 25%;
margin: 0px auto 35px;
text-align: right;
max-width: 450px;
    }
    
       .casestudy-mod h2 {
    text-align: left;
}
    
        .product-landing-hero {
    width: 300px;
    height: auto;
        display: block;
}
    
    .product-right-box {
    margin: 0px 0px 0px 30px;
    border-left: 1px dotted #fff;
    padding: 0px 0px 0px 30px;
    text-align: left !important;
}
    
    .product-landing-hero-wrapper {
    max-height: 315px;
    padding: 40px 100px;
    flex-direction: row;
    
}
    
    
  .product-left-box {
    margin: 0px 30px 0px 0px;
    border-right: 1px dotted #fff;
    padding: 0px 30px 0px 0px;
    text-align: right !important;
}
    
    .product-cta-wrap h2 {
        line-height: 34px;
    font-size: 18px;
    letter-spacing: 4px;
    }
    
      .transpo-funnel-h2 {
        font-size: 27px;
        line-height: 42px;
        letter-spacing: 2px;
        margin: 0 auto 22px !important;
    }
    
		.wufoo-wrapper h2 {
    font-size: 27px;
    line-height: 40px;
    letter-spacing: 2px;
}
		.wufoo-wrapper h3 {
    font-size: 18px;
    line-height: 40px;
    letter-spacing: 2px;
    margin: 0px auto;
}
    		.wufoo-wrapper h4 {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 1px;
    margin: 0px auto 30px;
}

		.node-margin {
		margin: -41px auto 180px;
		padding: 0px 0px 0px 15%;
	}
	
.clearnet-diagram {
    margin: -169px auto -118px;
}
	.cleanled-diagram {
    margin: -247px auto 24px;
}
	
    
    
  .six-box-wrap {
    grid-template-columns: 33% 33% 33%;
    min-height: unset;
  }
   .cleanled-hero-wrap-overlay {
    width: 100%;
    height: 1076px;
    background-image: url(/wp-content/uploads/2021/10/cleanLED-hero-overlay-2.png);
    background-size: 1920px;
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    display: block;
    animation: fadeIn linear 7s;
    -webkit-animation: fadeIn linear 7s;
    -moz-animation: fadeIn linear 7s;
    -o-animation: fadeIn linear 7s;
    -ms-animation: fadeIn linear 7s;
  }
     @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-moz-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-o-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-ms-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  } 
  .clearnet-hero-wrap-overlay {
    width: 100%;
    height: 1076px;
    background-image: url(/wp-content/uploads/2021/06/clearnet-hero-overlay-2.png);
    background-size: 1920px;
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    display: block;
    animation: fadeIn linear 7s;
    -webkit-animation: fadeIn linear 7s;
    -moz-animation: fadeIn linear 7s;
    -o-animation: fadeIn linear 7s;
    -ms-animation: fadeIn linear 7s;
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-moz-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-o-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-ms-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
    
 .hero-small {
    font-size: 18px;
    letter-spacing: 6px;
}
    
 
    
 .legacy-title, .legacy-sub-title {
    font-size: 52px;
    letter-spacing: 24px;
    background-color: #000000cc;
    padding: 28px 0px 0px;
      margin: 243px auto 0px;
        bottom: unset;
}
    .product-landing-title {
    font-size: 52px;
    letter-spacing: 24px;
    background-color: #000000cc;
    padding: 28px 0px 0px;
}
    
 .clearnet-title {
    font-size: 43px;
    letter-spacing: 16px;
    padding: 20px 0px;
    background-color: #000000d9;
}
  .bottom-logo-wraps {
    min-height: 125px;
  }
  .osha-logo {
    padding-top: 50px;
  }
  .mtlx-tunnel-iso {
    width: 685px;
    height: 398px;
    margin: 106px 0px 0px 0px;
    float: right;
  }
  .mtlx-tunnel-view-wrap {
    background-size: 542px;
    background-position: top left;
    height: 480px;
    margin: -118px auto 90px;
    padding: 0px;
  }
  .small-white-p {
    padding: 0px 0px 0px 28%;
    margin: 0px auto 40px;
  }
  .mtlx-bottom-inner-wrap {
    width: 90%;
  }
.vertLED-left-column {
    width: 50%;
    padding: 0px 3% 0px 0px;
}
	
	.Mariner-left-column {
    width: 38%;
    margin: 0px 2% 0px 0px;
}
			.Mariner-right-column {
    width: 60%;

}
	
	.METROTube-left-column {
    width: 47%;
		margin: 0px 3% 0px 0px;

}
    
      .double-column-right-column {
         padding: 40px 40px 30px 60px;
    margin: 0px auto;
           width: 50%;
    }
	
        .lamp-bank-right-column {
         padding: 40px 40px 30px 60px;
    margin: 0px auto;
    }

    
	.vertLED-right-column {
    width: 50%;

}
	
    .border-bottom-on-grid {
            border-bottom: 1px solid rgba(0, 0, 0, 0.19);
    }
    
    
 	.METROTube-right-column 	{
 padding: 60px 60px 37px 60px;
    margin: 0px auto;
         width: 50%;
}
	

    
    .integraLED-optics {
    width: 45%;

}
    
    
    .integraLED-dimensions {
     width: 55%;
    margin: 0px 0px 0px 0px;
}
	
.verticalLED-dimensions {
    width: 70%;
    margin: 0px 0px 0px 5%;
}
	
	.verticalLED-optics {
    width: 25%;

}
    
    .MetroTrack-dimensions-1 {
    width: 50%;
}
	
	.MetroTrack-dimensions-2 {
    width: 50%;

}
	
  .mtlx-application-chart-wrap {
    font-family: 'Oswald', sans-serif;
    color: #fff;
    width: 100%;
    margin: 33px auto;
    text-align: center;
    display: grid;
    border: .25px solid rgba(255, 255, 255, 0.5);
    border-right: none;
    border-bottom: none;
    grid-template-columns: 24% 11% 9% 9% 9% 9% 9% 9% 11%;
  }
  .mtlx-dimensions-wrap {
    width: 90%;
    max-width: 1350px;
    height: 600px;
    margin: 50px auto;
    display: block;
  }
  .mtlx-specs-wrap {
    width: 35%;
    margin: 0px 0px 0px 5%;
  }
	
  .mtlx-polor-specs-wrap {
    flex-direction: row;
  }
  .mtlx-polor-wrap {
    width: 60%;
    margin: 0px;
  }
  .mtlx-features-wrap {
    margin: -405px auto 0px;
  }
	 
       	.integra-features-wrap {
   width: 90%;
    max-width: 1140px;
    display: flex;
    flex-direction: column;
    margin: 0px auto 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.19);
		    position: relative;
            min-height: 151px;
    }
    
    
	.METROTube-features-wrap {
		width: 90%;
	}
	
  .mtlx-image img {
    max-width: 1000px;
  }
  .mtlx-anatomy {
    background-size: 361px;
    background-position: 8px 0px;
  }
  .mtlx-feature-button-wrap {
    height: 50px;
    flex-direction: row;
  }
  .mtlx-hero-button-2-wrap {
    height: 50px;
    flex-direction: row;
  }
    
    .mtlx-hero-button-4-wrap {
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
    }
    
  .legacy-mtlx-hero-button-2-wrap {
    height: 50px;
    flex-direction: row;
    margin: 30px auto;
  }
  .mtlx-lead-p {
    line-height: 34px;
    font-size: 15px;
    padding: 94px 0px 0px;
  }
  .clearnet-lead-p, .cleanled-lead-p {
    line-height: 34px;
    font-size: 15px;
    padding: 63px 0px 0px;
  }

  .arc-principal-wrap-column {
    width: 100% !important;
    padding-right: 8%;
  }
    
      .clean-features-wrap-column {
    width: 100% !important;
    padding: 0 3%;
          grid-template-columns: 25% 75%;
  }
    
  #rl-gallery-container-1 .rl-basicgrid-gallery {
    grid-template-columns: 33% 33% 33%;
  }
  .arc-mosaic-grid-wrap-1 {
    grid-template-columns: auto auto;
  }
  .arc-mosaic-grid-master {
    grid-template-columns: auto auto;
  }
  .arc-principal-wrap {
    width: 90%;
    grid-template-columns: 33% 33% 33%;
  }
    
    .clean-features-wrap {
    width: 90%;
    grid-template-rows: 25% 25% 25% 25%;
  }
    
    .clean-gov-features-wrap {
    width: 90%;
    grid-template-columns: 25% 25% 25% 25%;
  }
    
  .body-copy-2 h3, .body-copy-3 h3, .body-copy-clearnet h3 {
    font-size: 18px;
    text-align: left;
  }
 .body-copy-clearnet h3 {
   margin-top: 25px;
  }
    
  h3 strong {
    font-weight: 400 !important;
    color: #a0a0a0;
  }
  .body-copy-3 h4, .body-copy-clearnet h4 {
    font-size: 16px;
    width: 60%;
    margin: 0px 0px;
  }
 
    
    .body-copy-cleanled h4 {
            font-size: 18px;
    }
    
	.verticalLED-specs-wrapper-master, .verticalLED-dimensions-optics-wrapper, .METROTube-specs-wrapper-master, .Mariner-specs-wrapper-master  {
		width: 90%;
	}
	
	.body-copy-4  {
		width: 90%;
			  font-size: 16px;
    line-height: 28px;
	}
	
  .body-copy-2, .body-copy-clearnet {
    font-size: 15px;
    line-height: 28px;
    width: 90%;
  }
	.METROTube-features-wrap .iso-features {
		background-position: 161px 0px;
	}
    
   	.integra-features-wrap .iso-features  {
		width: 90%;
	}
    
.clean-iso-features {
    width: 100%;
    font-size: 14px;
    line-height: 23px;
    padding: 17px 550px 15px 18px;
}
	
  .iso-features {
    background-image: url(/wp-content/themes/cvl/cvl-table-bg.svg);
    width: 100%;
    font-size: 14px;
    padding: 17px 48% 15px 18px;
  }
  .iso-drawing h2 {
    font-size: 18px;
    line-height: 38px;
    width: 487px;
    text-align: right;
    position: absolute;
    top: 133px;
    right: 101px;
    margin: 0px;
    padding: 0px;
  }
  .iso-drawing h3 {
    font-size: 16px;
    line-height: 31px;
    width: 487px;
    text-align: right;
    position: absolute;
    top: 133px;
    right: 101px;
    margin: 0px;
    padding: 0px;
  }
 
	.iso-drawing {
    background-size: contain;
    width: 1130px;
    height: 775px;
    margin: -102px 0px -323px 12%;
}
 
 
  .hero-black-fade-arc {

    padding: 203px 0px 86px;
    top: 693px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.850577731092437) 54%, rgba(0, 0, 0, 0) 96%);
  }
  .sub-hero-funnel {
    width: 95%;
    height: 333px;
    background-size: auto;
  }
  .transpo-bottom-black-fade {
    max-height: 880px
  }
  .traspo-bottom-p-wrap p:nth-child(2) {
    width: 100%;
    padding: 0px;
    margin: 0px;
  }
  .arc-hero-wrap {
    background-size: auto;
    background-attachment: fixed;
  }
  .traspo-bottom-p-wrap {
    grid-template-columns: 60% 40%;
  }
  .traspo-bottom-p-wrap p:nth-child(1) {
    width: 94%;
    padding: 0px 3% 0px 0px;
    border-right: 1px solid #fff;
    margin: 0px 3% 0px 0px;
    text-align: right;
  }
     .two-box-wrap {
         width: 89%;
        height: 580px;
        grid-template-columns: 49.25% 49.25%;
        gap: 1.5%;
    }

  .hero-wrap {
    height: 80svh;
    background-size: auto;
    background-position: 0px 0px;
    background-attachment: fixed;
  }
    .new-tunnel-hero-wrap {
    height: 80svh;
        background-size: auto;
    background-position: 0px 0px;
    background-attachment: fixed;
  }
    
    .new-station-hero-wrap {
         height: 80svh;
    background-size: auto;
    background-position: 0px 0px;
    background-attachment: fixed;
  }
    
  .hero-wrap-overlay {
    display: block;
    width: 100%;
    height: 80svh;
    background-image: url(/wp-content/uploads/2021/06/transpo-hero-overlay.png);
    background-size: 1211px;
    background-position: 300px 80px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    margin: 0px;
    position: fixed;
    z-index: 3;
              animation: fadeIn 
linear 7s;
        -webkit-animation: fadeIn 
linear 7s;
        -moz-animation: fadeIn linear 7s;
        -o-animation: fadeIn linear 7s;
        -ms-animation: fadeIn linear 7s;
  }
    
    
     .new-tunnel-home-overlay {
    display: block;
    width: 100%;
    height: 80svh;
    background-image: url(/wp-content/uploads/2025/11/Tunnel-Lighitng-2026-Overlay-2.png);
    background-size: 1920px;
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    margin: 0px;
    position: fixed;
    z-index: 1;
            animation: fadeIn linear 3s;
    -webkit-animation: fadeIn linear 3s;
    -moz-animation: fadeIn linear 3s;
    -o-animation: fadeIn linear 3s;
    -ms-animation: fadeIn linear 3s;
  }
    
    
      .new-station-home-overlay {
        display: block;
        width: 100%;
        height: 1048px;
        background-image: url(/wp-content/uploads/2025/11/Station-Lighitng-2026-Overlay-2.png);
        background-size: 1920px;
        background-position: 0 0;
        background-attachment: fixed;
        background-repeat: no-repeat;
        margin: 0px;
        position: fixed;
        z-index: 2;
        animation: fadeIn 
linear 7s;
        -webkit-animation: fadeIn 
linear 7s;
        -moz-animation: fadeIn linear 7s;
        -o-animation: fadeIn linear 7s;
        -ms-animation: fadeIn linear 7s;
    }
    
.trans-title {
        font-size: 52px;
        letter-spacing: 39px;
        top: 348px;
        background-color: #000;
        z-index: 6;
        opacity: .9;
    }
    
      .mtlx-title {
        font-size: 24px;
        letter-spacing: 8px;
        line-height: 62px;
        top: 385px;
        background-color: #000;
    }
    
  .arc-trans-title {
    font-size: 40px;
    letter-spacing: 30px;
    line-height: 62px;
    top: 415px;
    background-color: #000;
  }

    
    .trans-subheading {
        font-size: 14px;
         line-height: 1;
        letter-spacing: 4px;
        width: 100%;
        margin: 0 auto 2.5em;
    }
  .trans-lead-p, .arc-lead-p {
    line-height: 26px;
    font-size: 15px;
    letter-spacing: 3px;
    width: 90%;
  }
  .four-box-wrap {
    grid-template-columns: 25% 25% 25% 25%;
    height: 333px;
    width: 90%;
  }
      .five-box-wrap {
    grid-template-columns: 20% 20% 20% 20% 20%;
    height: 333px;
    width: 90%;
  }
    
    .transpo-bottom-hero {
        height: 90svh;
        padding: 8svh 0px 0px;
    }
    
        
.Mariner-image-1 {
     display: block; 
    width: 373px;
    height: 273px;
    position: absolute;
    bottom: -231px;
    z-index: 1;
    right: 50px;
}
	
.METROTube-image-1 {
     display: block; 
    width: 500px;
    height: 221px;
    position: absolute;
    top: -8px;
    z-index: 1;
    right: 0px;
}
    
    .integraled-image {
         display: block; 
        width: 100%;
        height: auto;
        position: absolute;
        top: -80px;
        z-index: 1;
        right: 0px;
    }
    
    .metro-track-pic {
         display: block; 
    width: 600px;
    height: 230px;
    position: absolute;
    top: 23px;
    z-index: 1;
    right: 0px;
}
    
		.METROTube-image-2  {
             display: block; 
      width: 278px;
    height: 56px;
    position: absolute;
    top: -3px;
    right: -9px;
}
	
	.vertLED-image-2 {
        display: block; 
  width: 273px;
    height: 273px;
    position: absolute;
    top: 91px;
    right: 55px;
}
	
	.vertLED-image-3 {
         display: block; 
   width: 107px;
    height: 105px;
    position: absolute;
    top: -2px;
    right: -4px;
}
    
    
    
}

@media screen and (min-width: 1400px) { 
 .iso-drawing {
    background-size: contain;
    width: 1130px;
    height: 775px;
    margin: -102px 0px -365px 25%;
  }
}