@import url(../core.css);

.parallax:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    background: url(../../images/chromatech/mine-aerial-4.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.parallax {
    background-image: url(../../images/chromatech/mine-aerial-4.jpg);
    background-attachment: fixed;
  
    background-size: 100% 100vh;

}

.color-change {
	-webkit-animation: color-change-2x 2s  linear alternate both;
	        animation: color-change-2x 2s  linear alternate both;
   
}

body {
    background-color: var(--dark);
}
.get-directions{
    color: var(--light-blue);
    margin-left: 1.8em;
    font-size: 1.2em;
}
.address-line{
    margin-bottom: 0.4em;
    margin-left: 2em;
}
.text-content {
    line-height: normal;
}

hr{
    border-color: var(--light);
}
h1,h2,h3,h4,h5 {
    color: var(--contact-accent);
}
.accent-icon{
    color: var(--contact-accent);
}

.signature {
    color: var(--light-blue);
}





@-webkit-keyframes color-change-2x {
    0% {
    color: #ef2525;
      
  }
  100% {
    color: var(--contact-accent);
  }
}
@keyframes color-change-2x 
{
     0%{color: #8ac475;}
    50%{color:aqua;}
    100%{color: var(--contact-accent);}
}


.rotate-center {
	-webkit-animation: rotate-center 2s ;
	        animation: rotate-center 2s ;
    /*animation-delay: 300ms;*/
}



@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

/*#endregion */

/*#region Pre-Loader */

.js-loading *,
.js-loading *:before,
.js-loading *:after {

    animation-play-state: paused !important;
}

/*#endregion */