.fade-in-down{transition: opacity 0.15s linear, transform 0.15s linear;transform: translateY(20px);}@media (prefers-reduced-motion:reduce){.fade-in-down{transition:none}}.fade-in-down:not(.show){opacity:0; transform: translateY(0);}

.fade-in-up{transition: opacity 0.15s linear, transform 0.15s linear;transform: translateY(-20px);}@media (prefers-reduced-motion:reduce){.fade-in-up{transition:none}}.fade-in-up:not(.show){opacity:0; transform: translateY(0);}

.fade-in{transition: opacity 0.15s ease-out;}@media (prefers-reduced-motion:reduce){.fade-in{transition:none}}.fade-in:not(.show){opacity:0;}

.scaleup{transition: all .5s ease-in-out;transform-origin:left bottom;}@media (prefers-reduced-motion:reduce){.scaleup{transition:none}}.scaleup:not(.show){transform: scale(0);}

@keyframes mercuryTypingAnimation {
	0% {
		transform: translateY(0px);
		background-color: rgba(0,0,0,1);
		/* rgba(20,105,69,.7); */
	}

	28% {
		transform: translateY(-7px);
		background-color: rgba(0,0,0,.6);
		/* rgba(20,105,69,.4); */
	}

	44% {
		transform: translateY(0px);
		background-color: rgba(0,0,0,.4);
		/* rgba(20,105,69,.2); */
	}
}

@keyframes blinkEffect{
		0%		{ background-color: white;}
		50%		{ background-color: #dedede;}
		100%	{ background-color: white;}
	}



.loading-gradient {
    animation-duration:1s;

    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;


    background: #f6f7f8;
    background: linear-gradient(to right, #fafafa 8%, #f4f4f4 38%, #fafafa 54%);
     background-size: 2000px 100px;
        border-radius: 30px;
    position: relative;
    
}

@keyframes placeHolderShimmer{
    0%{
        background-position: -1000px 0
    }
    100%{
        background-position: 1000px 0
    }
}