/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/
@font-face {
    font-family: 'KeepCalmMedium';
    src: url(https://www.photopack.info/asm/wp-content/themes/enfold-child/fonts/KeepCalm-Medium.ttf);  
    font-weight: normal;  
}
.ab-slide-up {
	opacity: 0;
	animation: ab-slide-up 0.6s  linear forwards;
}
.ab-slide-down {
	opacity: 0;
	animation: ab-slide-down 0.6s  linear forwards;
}
.ab-slide-left {
	opacity: 0;
	animation: ab-slide-left 0.6s  linear forwards;
}
.ab-slide-right {
	opacity: 0;
	animation: ab-slide-right 0.6s  linear forwards;
}
.ab-slide-right-2 {
	opacity: 0;
	animation: ab-slide-right-2 1s  linear forwards;
}
.ab-grow {
	opacity: 0;
	animation: ab-grow 1.2s linear forwards;
}
.ab-fade-in {
	opacity: 0;
	animation: ab-fade-in 0.7s ease-in forwards;
}
.ab-animation-duration{
	animation-duration: 1s;
}
.ab-delay-0 {
	animation-delay: 0s;
}
.ab-delay-1 {
	animation-delay: 0.3s;
}
.ab-delay-2 {
	animation-delay: 0.6s;
}
.ab-delay-3 {
	animation-delay: 0.9s;
}
.ab-delay-4 {
	animation-delay: 1.2s;
}
.ab-delay-5 {
	animation-delay: 1.5s;
}
.ab-delay-6 {
	animation-delay: 1.8s;
}
@keyframes ab-slide-up {
	0%{
		opacity: 0.1;
		transform: translateY(100px);
		visibility: visible;
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
		visibility: visible;
	}
}
@keyframes ab-slide-down {
	0%{
		opacity: 0.1;
		transform: translateY(-100px);
		visibility: visible;
	}	
	100% {
		opacity: 1;
		transform: translateY(0px);
		visibility: visible;
	}
}
@keyframes ab-slide-left {
	0%{
		opacity: 0.1;
		transform: translateX(-100px);		
	}	
	100% {
		opacity: 1;
		transform: translateX(0px);		
	}
}
@keyframes ab-slide-right {
	0%{
		opacity: 0.1;
		transform: translateX(100px);		
	}	
	100% {
		opacity: 1;
		transform: translateX(0px);		
	}
}
@keyframes ab-slide-right-2 {
	0%{
		opacity: 0.1;
		transform: translateX(100px);		
	}	
	100% {
		opacity: 1;
		transform: translateX(-5%);		
	}
}
@keyframes ab-grow {
	0%{
		opacity: 0.1;
		transform: scale(0.1);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes ab-fade-in {
	0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInLeft {
    -webkit-animation: fadeInLeft 500ms ease-in-out; /* Chrome, Safari, Opera */
    animation: fadeInLeft 500ms ease-in-out;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(80px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

/* Standard syntax */
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(80px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInRight {
    -webkit-animation: fadeInRight 500ms ease-in-out; /* Chrome, Safari, Opera */
    animation: fadeInRight 500ms ease-in-out;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-80px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

/* Standard syntax */
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-80px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}.fadeInRight {
    -webkit-animation: fadeInRight 500ms ease-in-out; /* Chrome, Safari, Opera */
    animation: fadeInRight 500ms ease-in-out;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-80px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

/* Standard syntax */
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-80px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}