/* CLIENTRESPONSE.NET LANDING ANIMATIONS STYLESHEET */

    /* CLASSES */
    
.brand-logo-cover-entrance {
    -webkit-animation: brand-logo-cover-entrance 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-delay: 0.5s;
	        animation: brand-logo-cover-entrance 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-delay: 0.5s;
}

.landing-info-entrance {
	-webkit-animation: landing-info-entrance 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both; animation-delay: 1.2s;
	        animation: landing-info-entrance 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both; animation-delay: 1.2s;
}

.landing-services-entrance {
	-webkit-animation: landing-services-entrance 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) both; animation-delay: 1.6s;
	        animation: landing-services-entrance 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) both; animation-delay: 1.6s;
}

.support-info-entrance {
	-webkit-animation: support-info-entrance 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both; animation-delay: 2.4s;
	        animation: support-info-entrance 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both; animation-delay: 2.4s;
}

.support-services-entrance {
	-webkit-animation: support-services-entrance 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) both; animation-delay: 2.8s;
	        animation: support-services-entrance 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) both; animation-delay: 2.8s;
}

.more-info-entrance {
	-webkit-animation: more-info-entrance 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both; animation-delay: 3.2s;
	        animation: more-info-entrance 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both; animation-delay: 3.2s;
}

.more-services-entrance {
	-webkit-animation: more-services-entrance 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) both; animation-delay: 3.6s;
	        animation: more-services-entrance 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) both; animation-delay: 3.6s;
}

.social-media-entrance {
	-webkit-animation: social-media-entrance 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-delay: 3.5s;
	        animation: social-media-entrance 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-delay: 3.5s;
}

.social-media-entrance-more {
	-webkit-animation: social-media-entrance 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-delay: 4.3s;
	        animation: social-media-entrance 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-delay: 4.3s;
}

.service-mark-entrance {
	-webkit-animation: service-mark-entrance 5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation-delay: 4s;
	        animation: service-mark-entrance 5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation-delay: 4s;
}

.service-mark-entrance-more {
	-webkit-animation: service-mark-entrance 5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation-delay: 4.8s;
	        animation: service-mark-entrance 5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation-delay: 4.8s;
}

.loading-animation {
	-webkit-animation: loading-animation 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.001s infinite both;
	        animation: loading-animation 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.001s infinite both;
}
    
    /* KEYFRAMES */

@-webkit-keyframes brand-logo-cover-entrance {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes brand-logo-cover-entrance {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes landing-info-entrance {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
@keyframes landing-info-entrance {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}

@-webkit-keyframes landing-services-entrance {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes landing-services-entrance {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

@-webkit-keyframes support-info-entrance {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
@keyframes support-info-entrance {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}

@-webkit-keyframes support-services-entrance {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes support-services-entrance {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

@-webkit-keyframes more-info-entrance {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
@keyframes more-info-entrance {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}

@-webkit-keyframes more-services-entrance {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes more-services-entrance {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

@-webkit-keyframes social-media-entrance {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes social-media-entrance {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes service-mark-entrance {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes service-mark-entrance {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes loading-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loading-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

    /* HOVER EFFECT */

.service-button-hover-effect {
  transition: transform .2s; /* Animation */
}

.service-button-hover-effect:hover {
  transform: scale(1.05);
}

.social-media-hover-effect {
  transition: transform .2s; /* Animation */
}

.social-media-hover-effect:hover {
  transform: scale(1.5);
}