/*Animation styles*/

/*header scroll*/
.scrolled {
	/*height: 46px!important;*/
}
.scrolled #logo {
	top:3px;
}
.scrolled #top-social {
	display: none;
}
.scrolled #top-nav, .scrolled #top-search {
	top: 14px;
}

.caption-up, .caption-down, .caption-deep, .multi {
	visibility: visible;
	
}
.fade_animate {
	opacity: 0;
}
.fade_start {
	visibility: visible;
	opacity: 1;
	animation: fade-key 1.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-webkit-animation: fade-key 1.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-animation: fade-key 1.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-o-animation: fade-key 1.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
	@keyframes fade-key
	{
		0% {transform: scale(0); background-color: #d0d0d0;}
		60% {background-color: #d0d0d0;}
		75% {background-color: #E0E0E0;}
		100%{transform: scale(1); background-color: #d0d0d0;}
	}
	@-webkit-keyframes fade-key /* Safari and Chrome */
	{
		0% {-webkit-transform: scale(0); background-color: #d0d0d0;}
		60% {background-color: #d0d0d0;}
		75% {background-color: #E0E0E0;}
		100%{-webkit-transform: scale(1); background-color: #d0d0d0;}
	}
	@-moz-keyframes fade-key
	{
		0% {-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0); background-color: #d0d0d0;}
		60% {background-color: #d0d0d0;}
		75% {background-color: #E0E0E0;}
		100%{-webkit-transform: scale(1); background-color: #d0d0d0;}
	}
	@-o-keyframes fade-key
	{
		0% {-webkit-transform: scale(0); background-color: #d0d0d0;}
		60% {background-color: #d0d0d0;}
		75% {background-color: #E0E0E0;}
		100%{-webkit-transform: scale(1); background-color: #d0d0d0;}
	}


.slide_down {
	visibility: hidden;
}
.slide_down_start {
	visibility: visible;
	animation: slide-down-key 0.5s linear;
	-webkit-animation: slide-down-key 0.5s linear;
	-moz-animation: slide-down-key 0.5s linear;
	-o-animation: slide-down-key 0.5s linear;
}
	@keyframes slide-down-key
	{
		from {height: 0px;}
		to {height: 128px;}
	}
	@-webkit-keyframes slide-down-key /* Safari and Chrome */
	{
		from {height: 0px;}
		to {height: 128px;}
	}
	@-moz-keyframes slide-down-key
	{
		from {height: 0px;}
		to {height: 128px;}
	}
	@-o-keyframes slide-down-key
	{
		from {height: 0px;}
		to {height: 128px;}
	}



.caption-up_start {
	visibility: visible;
	animation: cap-up 0.5s 1 ease-out;
	-webkit-animation: cap-up 0.5s 1 ease-out;
	-moz-animation: cap-up 0.5s 1 ease-out;
	-o-animation: cap-up 0.5s 1 ease-out;
}
	@keyframes cap-up
	{
		0% {transform:translate(0,-20px);opacity:0}
		100% {transform:translate(0,0);opacity:1}
	}
	@-webkit-keyframes cap-up
	{
		0% {-webkit-transform:translate(0,-20px);opacity:0}
		100% {-webkit-transform:translate(0,0);opacity:1}
	}
	@-moz-keyframes cap-up
	{
		0% {-moz-transform:translate(0,-20px);opacity:0}
		100%{-moz-transform:translate(0,0);opacity:1}
	}
	@-o-keyframes cap-up
	{
		0% {-o-transform:translate(0,-20px);opacity:0}
		100% {-o-transform:translate(0,0);opacity:1}
	}


.caption-down_start {
	visibility: visible;
	animation: cap-down 0.5s 1 ease-out;
	-webkit-animation: cap-down 0.5s 1 ease-out;
	-moz-animation: cap-down 0.5s 1 ease-out;
	-o-animation: cap-down 0.5s 1 ease-out;
}
	@keyframes cap-down
	{
		0% {transform:translate(0,20px);opacity:0}
		100% {transform:translate(0,0);opacity:1}
	}
	@-webkit-keyframes cap-down
	{
		0% {-webkit-transform:translate(0,20px);opacity:0}
		100% {-webkit-transform:translate(0,0);opacity:1}
	}
	@-moz-keyframes cap-down
	{
		0% {-moz-transform:translate(0,20px);opacity:0}
		100%{-moz-transform:translate(0,0);opacity:1}
	}
	@-o-keyframes cap-down
	{
		0% {-o-transform:translate(0,20px);opacity:0}
		100% {-o-transform:translate(0,0);opacity:1}
	}


	.caption-deep_start {
	visibility: visible;
	animation: cap-deep 0.5s 1 ease-out;
	-webkit-animation: cap-deep 0.5s 1 ease-out;
	-moz-animation: cap-deep 0.5s 1 ease-out;
	-o-animation: cap-deep 0.5s 1 ease-out;
}
	@keyframes cap-deep
	{
		0% {transform:translate(0,-40px);opacity:0}
		100% {transform:translate(0,0);opacity:1}
	}
	@-webkit-keyframes cap-deep
	{
		0% {-webkit-transform:translate(0,-40px);opacity:0}
		100% {-webkit-transform:translate(0,0);opacity:1}
	}
	@-moz-keyframes cap-deep
	{
		0% {-moz-transform:translate(0,-40px);opacity:0}
		100%{-moz-transform:translate(0,0);opacity:1}
	}
	@-o-keyframes cap-deep
	{
		0% {-o-transform:translate(0,-40px);opacity:0}
		100% {-o-transform:translate(0,0);opacity:1}
	}