@keyframes submit_btn {
  0% {
    color: #ede1d4; background-color: #69755c;
  }
  5% {
    color: #69755c; background-color: #ede1d4; 
  }
  25% {
    color: #69755c; background-color: #ede1d4; 
  }
	  30% {
   color: #ede1d4; background-color: #69755c;
  }
	  50% {
   color: #ede1d4; background-color: #69755c;
  }
	 55% {
    color: #69755c; background-color: #ede1d4; 
  }
	 75% {
    color: #69755c; background-color: #ede1d4; 
  }
	  80% {
   color: #ede1d4; background-color: #69755c;
  }
	 100% {
    color: #ede1d4; background-color: #69755c;
  }
	

}

.large_link {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    top: 0;
    left: 0;
    z-index: 19;
}

.zig_wrap:hover, .large_link:hover {
    cursor: url(../img/steps_white.svg), auto;
}

.subsection:hover{
	cursor: url(../img/steps_green.svg), auto;
}

.green_wrap:hover { 
    cursor: url(../img/steps_white.svg), auto;
}

.hover_img:hover { 
    cursor: url(../img/plus.svg), auto;
}

.nav_grid_bottom_row{ opacity: 0;}

.open .nav_grid_bottom_row{ 
	 -webkit-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
	opacity: 1;
transition-delay: .5s;}


.intro_hr {
	height: 0px;}

.intro_hr.started {
	height: calc(100% - 10px);
	 -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out; transition-delay: 1s;}


.body_copy_wrap hr {
	opacity: 0;}

.body_copy_wrap hr.started {
	opacity: 1;
	 -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
transition-delay: .25s;}