/* CSS Document */

/* Focusing the button with a keyboard will show a dashed black line. */
button:focus-visible {
  outline: 4px dashed black;
}
  
 
a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}
          


.hero-bg {
	    background-size: 100%;
		    background-repeat: no-repeat;
}

  @media only screen and (max-width: 640px) { 
.mobile-center{
	align-self: center !important;
}

  }


 .script-font {
font-family: dolce, sans-serif !important;
font-weight: 500;
font-style: normal;
 }


@font-face {
  font-family: 'VectoraLTPro-Light';
  src: url('VectoraLTPro-Light.ttf') format('truetype'),
       url('VectoraLTPro-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'VectoraLTPro-Roman';
  src: url('VectoraLTPro-Roman.ttf') format('truetype'),
       url('VectoraLTPro-Roman.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'VectoraLTPro-Bold';
  src: url('VectoraLTPro-Bold.ttf') format('truetype'),
       url('VectoraLTPro-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.stories-button {
	font-size: 1.2rem;
}


 .mid-level-text {
	 padding-top:12vh;
	     max-width: 520px;
 }
 
  @media only screen and (max-width: 1300px) { 
  .mid-level-text {
	 padding-top:0;
	       max-width: 800px;
 }
 }
 
 @media only screen and (max-width: 1024px) { 
  .mid-level-text {
	 padding-top:0;
	       max-width: 800px;
 }
 }
 
  @media only screen and (max-width: 640px) { 
  .mid-level-text {
	 padding-top:12vh;
	       max-width: 800px;
 }
 }
 
 .bottom-blue-border {
	border-bottom:18px solid #00A3E0;
 
 }
 
 .top-blue-border {
	border-top:18px solid #00A3E0;
 
 }


.white-box-pad {
	padding-top: 75px;
    padding-bottom: 75px;
    padding-left: 150px;
    padding-right: 150px;
	
}

.uppercase {
	text-transform:uppercase;
	
}




@media only screen and (max-width: 40em) { 
.mobile-center{ 
text-align:center !important;
}

}
.logo-home img {
	width:250px;
}

@media only screen and (max-width: 40em) { 

.logo img {
	width:180px;
	padding-bottom:15px;
}

.logo-home img {
	width:180px;
	padding-bottom:15px;
}

}
.menu-helper {
    position: fixed;
    top: 0;
    right: 88px;
    height: 110px;
    width: 75px;
    cursor: pointer;
  z-index: 1;
    background: #CF0A2C;
}

@media only screen and (max-width: 40em) { 
.menu-helper {
    position: fixed;
    top: 0;
    right: 0px;
    height: 100px;
    width: 75px;
    cursor: pointer;
  z-index: 1;
    background: #CF0A2C;
}
}


@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

.menu-helper {
    position: fixed;
    top: 0;
    right: 0px;
    height: 110px;
    width: 75px;
    cursor: pointer;
  z-index: 1;
    background: #CF0A2C;
}
 

} 

 
.small-pad {
	padding-top:25px;
	padding-bottom:25px;
}


.large-pad {
	padding-top:75px;
	padding-bottom:75px;
}
.small-bottom-marg {
	margin-bottom:30px;
}
.med-bottom-marg {
	margin-bottom:50px;
}
.large-bottom-marg {
	margin-bottom:185px;
}
.pad-top-bottom {
	padding-top:40px;
	padding-bottom:55px;
}

.quote-pad-top {
	padding-top:unset;
    padding-bottom: unset;
}

.quote-pad-bottom {
	padding-top: unset;
    padding-bottom: 23px;
}

.white-text {
	color:#ffffff;
}

.red-text {
		color:#AF0824;
}

.blue-text {
	color:#0069A3;
}

.darkblue-text {
	color:#707070;
}


.black-text {
	color:#464646 ;
}

.green-text {
	color:#41864c;
}

.yellow-text {
	color:#DDB307;
}


.purple-text {
	color:#8C3E8B;
}


.teal-text {
	color:#00C389;
}

.light-blue-text {
	color:#09A6E0;
}

.dark-blue-text {
	color:#235A8B;
}


.bottom-button {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
	    z-index: 2;
}
.med-width {
width:80%;	
}
.gray-bg {
	background-color:#DEDEDE;
}

.light-gray-bg {
	background-color:#ebebeb;
}

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

.blue-bg {
	background-color:#0069A3;
}

.green-bg {
	background-color:#41864c;
}

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

.yellow-bg {
	background-color:#DDB307;
}

.dark-blue-bg {
	background-color:#235A8B;
}

.red-bg {
	background-color:#AF0824;
}


.six-padding-first {
 
	padding-right:25px;
}

.six-padding-second {
 
	padding-left:25px;
}

@media only screen and (max-width: 40em) { 

.six-padding-first {
 
	padding-right:0px;
}

.six-padding-second {
 
	padding-left:0px;
}
}


.expand-right-pella {
	    position: absolute;
    left: 66%;
}
.text-pad {
	padding-top:60px;
	padding-bottom:60px;
}

.ceo-bg { 
  background: url(../img/ceo-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;	
  -o-background-size: cover;
  background-size: cover;
      height: 100vh;
}

.footer-doodle-bg { 
  background: url(../img/impact/footer.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;	
  -o-background-size: cover;
  background-size: cover;
}
.expand-right {
	    position: absolute;
    left: 50%;
}
.expand-left {
	    position: absolute;
    right: 50%;
}
.image-wrapper {
/*padding-top: 60px;*/
    padding-bottom: 55px;
    padding-left: 15px;
	width:50%;
	float:right;
}

@media only screen and (max-width: 40em) { 
.image-wrapper {
/*padding-top: 60px;*/
    padding-bottom: 55px;
    padding-left: 15px;
	width:100%;
	float:right;
}

.ceo-bg { 
  background-color: white;
    background: none; 
  -webkit-background-size: cover;
  -moz-background-size: cover;	
  -o-background-size: cover;
  background-size: cover;
  height: auto;
 
      
}


.large-pad {
	padding-top:25px;
	padding-bottom:25px;
}


.ceo-text-pad
{
	padding-top:25px !important;
	padding-bottom:25px !important;
	    /* 4 */
}
.expand-right {
	    position: relative;
    left: 0%;
	min-height: 250px;
}
.expand-left {
	    position: relative;
    right: 0%;
	min-height: 250px;
}
.med-width {
width:100%;	
}

.ceo-text-pad
{
	padding-left:10%;
	padding-right:10%;
	  position: relative;               /* 2 */
   top: 0;                         /* 3 */
   transform: none !important;
   }
   
   .center-text-pad
{
	
	padding-left:10%;
	padding-right:10%;               /* 2 */
   top: 0 !important;                         /* 3 */
   transform: none !important; }
   
}

.rel-pos {
	position:relative;
}
.features-pad
{
	padding-top:350px;
}

.ceo-text-pad
{
	
	padding-left:10%;
	padding-right:10%;
	  position: relative;               /* 2 */
   top: 50%;                         /* 3 */
   transform: translate(0, -50%)
   rgb(255 255 255 / 90%);
   	 }
	 
	 
	 @media screen and (max-width: 1400px) {
	 .ceo-text-pad
{
	
	padding-left:10%;
	padding-right:10%;
	  position: relative;               /* 2 */
   top: 30%;                         /* 3 */
   transform: translate(0, -50%)
   rgb(255 255 255 / 90%);
   	 }
   
	 }
   .success-text-pad
{
	
	padding-left:10%;
	padding-right:10%;
	  position: absolute;               /* 2 */
   top: 50%;                         /* 3 */
   transform: translate(0, -50%) }
   
   .footer-btn-pad
{
		padding-left:10%;
	padding-right:10%;
	padding-top:120px;
	padding-bottom:120px;
	  position: relative;            
  /* top: 50%;                       
 /*  transform: translate(0, -50%)*/
	
}

.center-text-pad
{
	
	padding-left:10%;
	padding-right:10%;               /* 2 */
   top: 50%;                         /* 3 */
   transform: translate(0, -50%) }

.features-text-bg
{
	background-color:#ffffffc9;
	padding:25px;
}

.slider-2-height
{
	min-height:100vh;
}

.success-wrapper
{
	min-height:67vh;
}

  @media only screen and (max-width: 640px) { 
  .success-wrapper
{
	min-height:42vh;
}
  
  }

.download-border
{
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}
	
.white-text {
	color:#ffffff;
}
.dark-gray-text {
	color:#5a5a64;
}

.big-boy {
	min-height:100vh;
}

@media screen and (min-width: 1025px) {
.bg-image {
background-size: cover !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
	-webkit-backface-visibility: hidden;
/*  background-attachment: fixed !important;*/
overflow: hidden !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
}
}
@media screen and (max-width: 1024px) {
.bg-image {
background-size: cover !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
	-webkit-backface-visibility: hidden;
  /*background-attachment: scroll !important;*/
overflow: hidden !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
}
}

.white-opacity-bg {
	background-color: rgba(255, 255, 255, 0.8);
}
.fullvh {
	min-height:116vh;
}
.vh80 {
	min-height:80vh;
}
.homebox {
  position: relative;
  float: left;
  cursor: pointer;
}
.homebox:before  {
   display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(14,124,192,.5);
  -webkit-transition: background-color .5s ease-out;
  -moz-transition: background-color .5s ease-out;
  -o-transition: background-color .5s ease-out;
  transition: background-color .5s ease-out;
}
.homebox:hover:before  {
  background-color:  rgba(14,124,192,.0);
  cursor: pointer;
}
  .tint {
    position: relative;
    float: left;
    cursor: pointer;
    -webkit-box-shadow: rgba(0,0,0,.2) 3px 5px 5px;
    -moz-box-shadow: rgba(0,0,0,.2) 3px 5px 5px;
    box-shadow: rgba(0,0,0,.2) 3px 5px 5px;
  }
  
  .tint:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(14,124,192,.5);
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
  }
  
  .tint:hover:before {
    background: none;
  }
  
  .pt-75 {
	  padding-top:75px;
	  
  }
  
  
   .pb-75 {
	  padding-bottom:75px;
	  
  }
  
   .pt-50 {
	  padding-top:50px;
	  
  }
  
     .pt-25 {
	  padding-top:25px;
	  
  }
  
  
    @media only screen and (max-width: 640px) { 
	
	  .pt-75 {
	  padding-top:40px;
	  
  }
  
   .pb-75 {
	  padding-bottom:40px;
	  
  }
  
   .pt-50 {
	  padding-top:30px;
	  
  }
  
     .pt-25 {
	  padding-top:15px;
	  
  }
	
	}
  
  
  .border-left-blue {
	  border-left:1px solid #09A6E0;
  }
  
    .border-left-red {
	  border-left:1px solid #CF0A2C;
  }
  
  
      @media only screen and (max-width: 640px) { 
	    .border-left-blue {
	  border-left:none;
  }
  
    .border-left-red {
	  border-left:none;
  }
	  }
  
  .menu-button-margin {
	margin-top:26px; 
	margin-left:15px; 
	margin-right:15px;  
  }
  

	  
	  	.below-nav-border {
		border: #AF0824 5px solid;
    margin-top: 22px;
	}
	
	  
	 
				 .digital-lines-top {
					 background-image:url(../img/digital-lines.png);
					 background-repeat:no-repeat;
					 	 background-position:top left;
						  background-size:400px;
				 }
				 
				 .digital-lines-bottom {
					 background-image:url(../img/digital-lines-bottom.png);
					 background-repeat:no-repeat;
					 background-position:bottom right;
					   background-size:450px;
					 
				 }
				
				
				
					 .digital-lines-top-white {
					 background-image:url(../img/digital-lines-white.png);
					 background-repeat:no-repeat;
					 	 background-position:top left;
						 	  background-size:400px;
				 }
				 
				 .digital-lines-bottom-white {
					 background-image:url(../img/digital-lines-bottom-white.png);
					 background-repeat:no-repeat;
					 background-position:bottom right;
					 	   background-size:450px;
				 }
				 
 
				 
				 
				 
				 	@media only screen and (max-height: 1800px) { 
					
					
				 .digital-lines-top {
					 background-size:300px;
			 
				 }
				 
				 .digital-lines-bottom {
				  background-size:300px;
				 }
				
				
				
					 .digital-lines-top-white {
				  background-size:300px;
				 }
				 
				 .digital-lines-bottom-white {
			  background-size:300px;
				 }
				 
					
					
					}
				
				
				
					@media only screen and (max-height: 1250px) { 
					 .digital-lines-top {
					 	 background-image: none;
			 
				 }
				 
				 .digital-lines-bottom {
						 background-image: none;
				 }
				
				
				
					 .digital-lines-top-white {
					 	background-image: none;
				 }
				 
				 .digital-lines-bottom-white {
			 		 	background-image: none;
				 }
					
					}
				
				
				
				  .lottie-height {
	  height:30vw;
  }
  
   .lottie-height-map {
	  height:39vw;
  }
  
  
   .lottie-height-ceo {
	  height:47vw;
  }
  
  
  @media screen and (max-width: 1400px) {
	   .lottie-height {
	  height:42vw;
  } 
  
   .lottie-height-map {
	  height:36vw;
  }
  
     .lottie-height-ceo {
	  height:45vw;
  }
  
  }
  
  
   @media screen and (max-width: 1024px) {
  
  	   .lottie-height {
	  height:auto;
	  width:100%;
  } 
  
   .lottie-height-map {
	 	  height:auto;
	  width:100%;
  }
  
     .lottie-height-ceo {
	  	  height:auto;
	  width:100%;
  }
  
   }
   
         .red-circle {
        border-radius: 50%;
        width: 34px;
        height: 34px;
        padding: 10px;
        background: #AF0824;
        color: #ffffff;
        text-align: center;
font-size: 1.3rem;
    line-height: 15px;
    font-weight: bold;
      }
	  
	  
	  
         .blue-circle {
        border-radius: 50%;
        width: 34px;
        height: 34px;
        padding: 10px;
        background: #0069A3;
        color: #ffffff;
        text-align: center;
font-size: 1.3rem;
    line-height: 15px;
    font-weight: bold;
      }
	  
	  
	      .green-circle {
        border-radius: 50%;
        width: 34px;
        height: 34px;
        padding: 10px;
        background: #40824A;
        color: #ffffff;
        text-align: center;
font-size: 1.3rem;
    line-height: 15px;
    font-weight: bold;
      }
	  
	  
	    
	      .yellow-circle {
        border-radius: 50%;
        width: 34px;
        height: 34px;
        padding: 10px;
        background: #DDB307;
        color: #ffffff;
        text-align: center;
font-size: 1.3rem;
    line-height: 15px;
    font-weight: bold;
      }
	  
	  
	  .mid-bg {
		  height:55vh;
		  text-align:center;
		  background-repeat:no-repeat;
		  background-position:center center;
		  background-size:cover;
		  
		 
	  }
	  
	  
	  	  .mid-bg-container {
			  height:55vh;
		   display: flex;
    justify-content: space-between;
    /* align-content: space-around; */
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
		 
	  }
	  
	  
	  .mid-bg h3 {
		  color:white;
		      text-align: center;
	  }





	  .mid-readers-pad {
					padding:35px;
					max-width:750px;
				}
				
				
					.mid-box {
				 
					max-width:700px
				}
				
				
				.mid-box-mobile {
					padding-top:25px;
				padding-bottom:25px;

				}
				
				 .mid-level-box {
					    margin-top: 25vh;
    				margin-bottom: 25vh
				}
				
				
				@media only screen and (max-height: 1240px) { 
				 .mid-level-box {
					    margin-top: 25vh;
    				margin-bottom: 25vh
				}
				 
				 }
				
				 @media only screen and (max-height: 935px) { 
				 .mid-level-box {
					    margin-top: 25vh;
  						  margin-bottom: 25vh
				}
				 
				 }
				 
				 
				  @media only screen and (max-height: 855px) { 
				 .mid-level-box {
					margin-top:13vh;
					margin-bottom:13vh;
				}
				 
				 }
				 
				 
				 .mid-level-bg {
				background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column-reverse;
    align-content: space-between;
}
				
				
				
.footnote {
	font-size:0.7rem; 
	font-style:italic;
}




  .market-text {
	      padding-top: 8vh;
    padding-bottom: 8vh;
	  padding-left:5vw;
	  padding-right:5vw;
	  
	  
  }
  
  
  	  @media only screen and (max-width: 1024px) { 
	    .market-text {
	      padding-top: 4vh;
    padding-bottom: 4vh;
	  padding-left:5vw;
	  padding-right:5vw;
	  
	  
  }
  
	  }
  
  
  
   .market-text h2 {
	   color:white;
   }
   
   .market-text h3 {
	   color:white;
   }
   
    .market-text-with-button-auto h2 {
	   color:white;
   }
   
    .market-text-with-button h2 {
	   color:white;
   }
   
   .market-text-with-button-dark h2 {
	   color:#363635;
   }
   
   
      .market-text-with-button-dark {
	 padding-top: 20vh;
		 padding-bottom:5vh;
		  
		   padding-left: 3vw;
    padding-right: 3vw;
   }
   
       .market-text-with-button-dark-rev {
	 padding-top: 5vh;
		 padding-bottom:20vh; 
		   padding-left: 3vw;
    padding-right: 3vw;
   }
   
    .market-text-with-button-rev {
		 padding-top: 5vh;
		 padding-bottom:20vh; 
		   padding-left: 3vw;
    padding-right: 3vw;
   }
   
   
    .market-text-with-button-rev h2 {
		  color:white;
   }
   
   
     .market-text-with-button {
		 padding-top: 20vh;
		 padding-bottom:5vh; 
		   padding-left: 3vw;
    padding-right: 3vw;
   }
   
   
      .market-text-with-button-culture {
		 padding-top: 28vh;
		 padding-bottom:5vh;  
		   padding-left: 3vw;
    padding-right: 3vw;
   }
   
   
      .market-text-with-button-culture h2 {
	  color:#ffffff;
   }
  
  .auto-bg {
	  background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)), url(../img/home/automotive-market.png);
	  background-repeat:no-repeat;
	  background-position: left center;
	  background-size:cover;
	  height:auto;
	  
	      display: flex;
    height: auto;
    justify-content: flex-end;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-end;
	  
  }
  
   
  
    .med-bg {
	  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)), url(../img/home/medical-market.png);
	  background-repeat:no-repeat;
	  background-position: center center;
	  background-size:cover;
	  height:auto;
	  
	      display: flex;
    height: auto;
    justify-content: flex-end;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-end;
	  
  }
  
  
     .industrial-bg {
	  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)), url(../img/home/industrial.png);
	  background-repeat:no-repeat;
	  background-position: left center;
	  background-size:cover;
	  height:auto;
	  
	      display: flex;
    height: auto;
    justify-content: flex-end;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-end;
	  
  }
  
  
       .shareowners-bg {
	    background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)), url(../img/home/shareowners.jpg);
	  background-repeat:no-repeat;
	  background-position: center center;
	  background-size:cover;
	  height:auto;
	  
	      display: flex;
    height: auto;
    justify-content: flex-start;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-end;
	  
  }
  
  
         .esg-bg {
	  background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)), url(../img/home/esg.png);
	  background-repeat:no-repeat;
	  background-position: center center;
	  background-size:cover;
	  height:auto;
	  
	      display: flex;
    height: auto;
    justify-content: flex-start;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-end;
	  
  }
  
  
  
         .culture-bg {
	  background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)), url(../img/home/our-culture.png);
	  background-repeat:no-repeat;
	  background-position: center center;
	  background-size:cover;
	  height:75vh;
	  
       display: flex;
    height: auto;
    justify-content: space-around;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;

	  
  }
  
  .white-top {
	  border-top:4px solid white;
	  
  }
  
  
	  @media only screen and (max-width: 1024px) { 
	   .auto-bg {
		   height:22vh !important;
	   }
	   
	     .med-bg {
			 height:30vh; 
		 }
		 
		      .industrial-bg {
				 height:30vh;   
			  }
			  
			     .shareowners-bg {
					 height:30vh;   
				 }
				 
				   .esg-bg {
					 height:30vh;    
				   }
				   
				   .culture-bg {
					   height:30vh;    
				   }
				   
				   
				   
				      
      .market-text-with-button-dark {
	 padding-top: 5vh;
		 padding-bottom:5vh;
		  
		   padding-left: 3vw;
    padding-right: 3vw;
   }
   
       .market-text-with-button-dark-rev {
	 padding-top: 5vh;
		 padding-bottom:5vh; 
		   padding-left: 3vw;
    padding-right: 3vw;
   }
   
    .market-text-with-button-rev {
		 padding-top: 5vh;
		 padding-bottom:5vh; 
		   padding-left: 3vw;
    padding-right: 3vw;
   }
   
   
    .market-text-with-button-rev h2 {
		  color:white;
   }
   
   
     .market-text-with-button {
		 padding-top: 5vh;
		 padding-bottom:5vh; 
		   padding-left: 3vw;
    padding-right: 3vw;
   }
   
   
      .market-text-with-button-culture {
		 padding-top: 5vh;
		 padding-bottom:5vh;  
		   padding-left: 3vw;
    padding-right: 3vw;
   }
   
   
	 }