.footer-content ul li, .footer-static-2 .f-col4 .footer-content .fax, .footer-static-2 .f-col4 .footer-content .phone,.footer-static-2 .f-col4 .footer-content .email, #back-top{
	transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}

.footer-content ul li:hover, .footer-static-2 .f-col4 .footer-content .fax:hover, .footer-static-2 .f-col4 .footer-content .phone:hover, .footer-static-2 .f-col4 .footer-content .email:hover {
-webkit-transform: translate(15px, 0);
-moz-transform: translate(15px, 0);
-ms-transform: translate(15px, 0);
-o-transform: translate(15px, 0);
}

.item-inner .actions, .banner-static-2 .f-col h2, .footer-static-2 .footer-content .des .link-web li a, .top-cart-wrapper .fa, .pt_custommenu div.pt_menu .parentMenu a, .pt_custommenu div.pt_menu .parentMenu span.block-title, button.button span
 {
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}
.banner-static .f-col:hover img {
	opacity: 0.7;
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	
	animation: bounceIn 1s linear infinite alternate; 
	-webkit-animation: bounceIn 1s linear infinite alternate;
	-moz-animation: bounceIn 1s linear infinite alternate;
}
.banner-static-2 .banner-box:hover img, .banner-static-3 .banner-box3:hover img {
	opacity: 0.7;
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	animation: bounceIn 0.5s linear infinite alternate; 
	-webkit-animation: bounceIn 0.5s linear infinite alternate;
	-moz-animation: bounceIn 0.5s linear infinite alternate;
}

.item-inner .images-container .images-hover {
	transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}

.item-inner .add-to-links li a:before, .item-inner .link-inner .view-icon:before{
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}
.item-inner:hover .add-to-links li a:before, .item-inner:hover .link-inner .view-icon:before, .products-list .item-inner .add-to-links li a:before, .products-list .item-inner .link-inner .view-icon:before{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	opacity: 1;
}


.item-inner .images-container .images-hover:before { 
	content: "";
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.7);
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    -ms-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes bounceIn{

	0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
	50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
	70%{-webkit-transform:scale(.9);transform:scale(.9)}
	100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
	}
	
@keyframes bounceIn{
	
	0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
	50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
	70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
	100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
	}
	
	.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}

	
.banner-static-3 .banner-box1:hover img { 
	animation: slideInLeft 0.5s linear; 
	-webkit-animation: slideInLeft 1s linear;
	-moz-animation: slideInLeft 1s linear;
}
@-webkit-keyframes slideInLeft{
0%{
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100%{
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInLeft{
0%{opacity:0;
	-webkit-transform:translateX(-2000px);
	-ms-transform:translateX(-2000px);
	transform:translateX(-2000px)
}
100%{-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)}
	}

.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}

.banner-static-3 .banner-box2:hover img {
	animation: effectRotate 1s linear infinite alternate; 
	-webkit-animation: effectRotate 1s linear infinite alternate;
	-moz-animation: effectRotate 1s linear infinite alternate;
}
@-webkit-keyframes effectRotate{
	
	0%{
		opacity:0;
		-webkit-transform:scale(0);
		-moz-transform:scale(0);
		-ms-transform:scale(0);
		transform:scale(0)
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}
	100%{
		opacity:1;
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1)
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
	}
@keyframes effectRotate{
	
	0%{
	opacity:0;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0)
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	}
	50%{
	-webkit-transform:scale(0.5);
	-moz-transform:scale(0.5);
	-ms-transform:scale(0.5);
	transform:scale(0.5)
	}
	100%{
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	}
}

.effectRotate { -webkit-animation-name:effectRotate;animation-name:effectRotate}