/* CSS Document */

 .nav-links {
	 text-transform:uppercase !important;
	 font-family: 'grold-regular';
 }
 
 
 
/* 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;
}
     
          


@font-face {
	font-family: "grold-regular";
	src: url("../font/grold-regular-webfont.woff2") format("woff2"),
		url("../font/grold-regular-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "grold-italic";
	src: url("../font/grold-italic-webfont.woff2") format("woff2"),
		url("../font/grold-italic-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "grold-bold";
	src: url("../font/grold-bold-webfont.woff2") format("woff2"),
		url("../font/grold-bold-webfont.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: #5D9732;
}

@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: #5D9732;
}
}


@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: #5D9732;
}
 

} 

 
.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;
}

.blue-text {
	color:#0099d5;
}

.darkblue-text {
	color:#005288;
}


.black-text {
	color:#000000;
}

.green-text {
	color:#5D9732;
}

 
.orange-text {
	color:#FC6C0F;
}


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


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

.light-blue-text {
	color:#0299d6;
}

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

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

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

.blue-bg {
	background-color:#0099d5;
}




.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;
	  
  }
  
  .mural-strip {
	     background-image: url(../img/Mural-strip.jpg);
    background-size: cover;
    background-repeat: repeat-x;
    background-position: center;
    height: 5vh;
    width: 100%;
  }
  
  .hero-top-text {
	  padding-top:5vh;
  }
  
  .lottie-height {
	  height:42vw;
  }
  
   .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%;
  }
  
   }
  
  
  
  .orange-border-pad {
	border-top:solid 1px #FC6C0F;
    padding-top: 10px;
    margin-top: -7px;
}


.green-border-pad {
	border-top:solid 1px #5D9732;
    padding-top: 10px;
    margin-top: -7px;
}


.purple-border-pad {
	border-top:solid 1px #8C3E8B;
    padding-top: 10px;
    margin-top: -7px;
}

.darkblue-border-pad {
	border-top:solid 1px #005288;
    padding-top: 10px;
    margin-top: -7px;
}