/*animations*/


/**********
* Fade In *
**********/ 
@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;
        display:block;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;
        display:block;} 
}
.fadeIn{
    opacity:0;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.fadeIn.go {
	opacity: 1; 	
    -webkit-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}

/*************
* FadeInUp *
*************/ 
.fadeInUp{ 
    opacity: 0; 
    -webkit-transform: translateY(50px); 
    transform: translateY(50px);
	
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.fadeInUp.go { 
    opacity: 1; 
    -webkit-transform: translateY(0); 
    transform: translateY(0);
	
	-webkit-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}

.fadeInUp.go.delay-1 {
	-webkit-transition: all 1s ease 0.2s;
	transition: all 1s ease 0.2s;
}
.fadeInUp.go.delay-2 {
	-webkit-transition: all 1s ease 0.4s;
	transition: all 1s ease 0.4s;
}
.fadeInUp.go.delay-3 {
	-webkit-transition: all 1s ease 0.6s;
	transition: all 1s ease 0.6s;
}
.fadeInUp.go.delay-4 {
	-webkit-transition: all 1s ease 0.8s;
	transition: all 1s ease 0.8s;
}


/*********************
* fadeInUpShort
*********************/
.fadeInUpShort .frame, .fadeInUpShort .header-wrp, .fadeInUpShort .txt-wrp {
    opacity: 0; 
	
	-webkit-transform: translateY(50px); 
    transform: translateY(50px);
	
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.fadeInUpShort.go .frame, .fadeInUpShort.go .header-wrp {
	opacity: 1; 
    -webkit-transform: translateY(0); 
    transform: translateY(0);
	
	-webkit-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}
.fadeInUpShort.go .frame-layout-1, .fadeInUpShort.go .txt-wrp{
	opacity: 1; 
    -webkit-transform: translateY(0); 
    transform: translateY(0);
	
	-webkit-transition: all 1s ease 0.15s;
	transition: all 1s ease 0.15s;
}

/*************
* ZoomOut *
*************/

.zoomOut .ce-gallery, .zoomout-wrp {
	overflow: hidden;
	
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.zoomOut, .zoomout-wrp .ce-gallery img { 
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
	
	-webkit-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	
}
.zoomOut.go, .zoomout-wrp.go .ce-gallery img {
    -webkit-transform: scale(1);
    transform: scale(1);
	
	-webkit-transition: all 1.5s ease 0s;
	transition: all 1.5s ease 0s;
}
@media (max-width: 959px){
	.zoomout-wrp-respo {
		overflow: hidden;
		
		-webkit-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
	.zoomOut-respo { 
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
		
		-webkit-transition: all 1s ease 0s;
		transition: all 1s ease 0s;
		
	}
	.zoomOut-respo.go {
		-webkit-transform: scale(1);
		transform: scale(1);
		
		-webkit-transition: all 1.5s ease 0s;
		transition: all 1.5s ease 0s;
	}
}