@charset "UTF-8";
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


@-webkit-keyframes fadeInLeft{
	0%{
		opacity:0;
		-webkit-transform:translate3d(-100%,0,0);
		transform:translate3d(-100%,0,0)
	}
	100%{
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
@keyframes fadeInLeft{
	0%{
		opacity:0;
		-webkit-transform:translate3d(-100%,0,0);
		transform:translate3d(-100%,0,0)
	}
	100%{
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
.fadeInLeft{
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft
}


.desction-left{
	animation-name: fadeInLeft;
}
@keyframes fadeInBottom{
	from 60%, 75%, 90%, to{
		animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		transform: translate3d(0, 3000px,  0);	 
	}
	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0);
	}
	75% {
		transform: translate3d(0, -10px, 0);
	}
	90% {
		transform: translate3d(0, 5px, 0);
	}
	to {
		transform: none;
	}
	
}
.brands-desc{
	animation-name:fadeInBottom;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-120px);
		transform: translateY(-120px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@-webkit-keyfrmaes fadeGood{
	0% {
		opacity:0;
		-webkit-transform:translateX(100%);
		transform:translateX(100%);
	}
	100%{
		 opacity: 1;
		-webkit-transfrom:translateX(0px);
		transform:translateX(0px);
	}
}
@keyframes fadeGood{
	0% {
		opacity:0;
		-webkit-transform:translateX(100%);
		transform:translateX(100%);
	}
	100%{
		opacity: 1;
		-webkit-transform:translateX(0px);
		transform:translateX(0px);
	}
}
.fadeInGood{
	-webkit-animation-name:fadeGood;
	animation-name:fadeGood;
}
@-webkit-keyframes fadeInUp{
	0%{
		opacity:0;	
		-webkit-transform:translate3d(0,100%,0);
		transform:translate3d(0,100%,0)
	}
	100%{
		opacity:1;
		-webkit-transform:none;transform:none}
	}
@keyframes fadeInUp{
	0%{
		opacity:0;
		-webkit-transform:translate3d(0,100%,0);
		transform:translate3d(0,100%,0)
	}
	100%{
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}	
.fadeInUp{
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp
}
@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}
.fadeInDown {
	animation-name: fadeInDown;
}
@keyframes fadeOnLeft{
	
	from{
		opacity:0;
		transform:translate3d(-100%,0,0);
	}
	
	to{
		opacity:1;
		transform:none;
	}
}
.fadeOnLeft{
	animation-name:fadeOnLeft;
	-webkit-animation-name:fadeOnLeft;
}


@keyframes fadeLowBottom{
	from{
		opacity:0;
		transform:translate3d(0,5px,0);
	}
	
	to{
		opacity:1;
		transform:none;
	}
}
.fadeLowBottom{
	-webkit-animation-name:fadeLowBottom;
	animation-name:fadeLowBottom;
}

@keyframes move {
    0% {
        transform: translateX(-5px);
    }
    100% {
        transform: translateX(5px);
    }
}
@-webkit-keyframes flipInX{
	0%{
		-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
		transform:perspective(400px) rotate3d(1,0,0,90deg);
		-webkit-transition-timing-function:ease-in;
		transition-timing-function:ease-in;
		opacity:0
	}
	40%{
		-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
		transform:perspective(400px) rotate3d(1,0,0,-20deg);
		-webkit-transition-timing-function:ease-in;
		transition-timing-function:ease-in
	}
	60%{
		-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
		transform:perspective(400px) rotate3d(1,0,0,10deg);
		opacity:1
	}
	80%{
		-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
		transform:perspective(400px) rotate3d(1,0,0,-5deg)
	}
	100%{
		-webkit-transform:perspective(400px);
		transform:perspective(400px)
	}
}
@keyframes flipInX{
	0%{
		-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
		transform:perspective(400px) rotate3d(1,0,0,90deg);
		-webkit-transition-timing-function:ease-in;
		transition-timing-function:ease-in;
		opacity:0
	}
	40%{
		-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
		transform:perspective(400px) rotate3d(1,0,0,-20deg);
		-webkit-transition-timing-function:ease-in;
		transition-timing-function:ease-in
	}
	60%{
		-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
		transform:perspective(400px) rotate3d(1,0,0,10deg);
		opacity:1
	}
	80%{
		-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
		transform:perspective(400px) rotate3d(1,0,0,-5deg)
	}
	100%{
		-webkit-transform:perspective(400px);
		transform:perspective(400px)
	}
}
.flipInX{
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important;
	-webkit-animation-name:flipInX;
	animation-name:flipInX
}
@-webkit-keyframes slideInDown{
	0%{
		-webkit-transform:translateY(-100%);
		transform:translateY(-100%);
		visibility:visible
	}
	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
}
@keyframes slideInDown{
	0%{
		-webkit-transform:translateY(-100%);
		transform:translateY(-100%);
		visibility:visible
	}
	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
}
.slideInDown{
	-webkit-animation-name:slideInDown;
	animation-name:slideInDown
}

@keyframes move {
    0% {
        transform: translateX(-5px);
    }
    100% {
        transform: translateX(5px);
    }
}



@keyframes fadeInRight{
	0%{
		opacity:0;
		-webkit-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0)
	}
	100%{
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
.fadeInRight{
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight
}
@-webkit-keyframes fadeIn{
	0%{
		opacity:0
	}
	100%{
		opacity:1
	}
}
@keyframes fadeIn{
	0%{
		opacity:0
	}
	100%{
		opacity:1
	}
}
.fadeIn{
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}