@media only screen and (min-width: 1024px) {

	.animated {
		-webkit-animation-fill-mode: both;
		-moz-animation-fill-mode: both;
		-ms-animation-fill-mode: both;
		-o-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-duration: 1s;
		-moz-animation-duration: 1s;
		-ms-animation-duration: 1s;
		-o-animation-duration: 1s;
		animation-duration: 1s
	}
	.animated.hinge {
		-webkit-animation-duration: 2s;
		-moz-animation-duration: 2s;
		-ms-animation-duration: 2s;
		-o-animation-duration: 2s;
		animation-duration: 2s
	}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
	.fadeIn {
		-webkit-animation-name: fadeIn;
		-moz-animation-name: fadeIn;
		-o-animation-name: fadeIn;
		animation-name: fadeIn
	}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}
	.fadeInLeft {
		-webkit-animation-name: fadeInLeft;
		-moz-animation-name: fadeInLeft;
		-o-animation-name: fadeInLeft;
		animation-name: fadeInLeft
	}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}
	.fadeInRight {
		-webkit-animation-name: fadeInRight;
		-moz-animation-name: fadeInRight;
		-o-animation-name: fadeInRight;
		animation-name: fadeInRight
	}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0}100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0}100%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}
	.rotateIn {
		-webkit-animation-name: rotateIn;
		-moz-animation-name: rotateIn;
		-o-animation-name: rotateIn;
		animation-name: rotateIn
	}
	.js .lol-images, .js .heading-entrance h1, .js .heading-entrance p, .js .service-icon2 {
		opacity: 0;
	}}


@media (min-width: 1200px) {
.animated {
    animation-fill-mode: both;
}
@keyframes rubber_band {
0% {
    transform: scale3d(1, 1, 1);
}
30% {
    transform: scale3d(1.25, 0.75, 1);
}
40% {
    transform: scale3d(0.75, 1.25, 1);
}
50% {
    transform: scale3d(1.15, 0.85, 1);
}
65% {
    transform: scale3d(0.95, 1.05, 1);
}
75% {
    transform: scale3d(1.05, 0.95, 1);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
    transform: scale3d(1, 1, 1);
}
50% {
    transform: scale3d(1.15, 1.15, 1.15);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
@keyframes bounce_up {
0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(0px, 3000px, 0px);
    visibility: hidden;
}
60% {
    opacity: 1;
    transform: translate3d(0px, -20px, 0px);
    visibility: visible;
}
75% {
    transform: translate3d(0px, 10px, 0px);
}
90% {
    transform: translate3d(0px, -5px, 0px);
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
@keyframes bounce_down {
0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(0px, -3000px, 0px);
    visibility: hidden;
}
60% {
    opacity: 1;
    transform: translate3d(0px, 25px, 0px);
    visibility: visible;
}
75% {
    transform: translate3d(0px, -10px, 0px);
}
90% {
    transform: translate3d(0px, 5px, 0px);
}
100% {
    transform: none;
}
}
@keyframes bounce_left {
0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(-3000px, 0px, 0px);
    visibility: hidden;
}
60% {
    opacity: 1;
    transform: translate3d(25px, 0px, 0px);
    visibility: visible;
}
75% {
    transform: translate3d(-10px, 0px, 0px);
}
90% {
    transform: translate3d(5px, 0px, 0px);
}
100% {
    transform: none;
}
}
@keyframes bounce_right {
0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(3000px, 0px, 0px);
    visibility: hidden;
}
60% {
    opacity: 1;
    transform: translate3d(-25px, 0px, 0px);
    visibility: visible;
}
75% {
    transform: translate3d(10px, 0px, 0px);
}
90% {
    transform: translate3d(-5px, 0px, 0px);
}
100% {
    transform: none;
}
}
@keyframes fade {
0% {
    opacity: 0;
    visibility: hidden;
}
100% {
    opacity: 1;
    visibility: visible;
}
}
@keyframes fade_up {
0% {
    opacity: 0;
    transform: translate3d(0px, 100%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes fade_down {
0% {
    opacity: 0;
    transform: translate3d(0px, -100%, 0px);
    visibility: hidden;
}
100% {
    opacity: 1;
    transform: none;
    visibility: visible;
}
}
@keyframes fade_left {
0% {
    opacity: 0;
    transform: translate3d(-100%, 0px, 0px);
    visibility: hidden;
}
100% {
    opacity: 1;
    transform: none;
    visibility: visible;
}
}
@keyframes fade_right {
0% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px);
    visibility: hidden;
}
100% {
    opacity: 1;
    transform: none;
    visibility: visible;
}
}
@keyframes flip_x {
0% {
    opacity: 0;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    visibility: hidden;
}
40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in;
}
60% {
    opacity: 1;
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    visibility: visible;
}
80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
    transform: perspective(400px);
}
}
@keyframes flip_y {
0% {
    opacity: 0;
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transition-timing-function: ease-in;
    visibility: hidden;
}
40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transition-timing-function: ease-in;
}
60% {
    opacity: 1;
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    visibility: visible;
}
80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
    transform: perspective(400px);
}
}
@keyframes zoom_in {
0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
    visibility: hidden;
}
50% {
    opacity: 1;
    visibility: visible;
}
}
.custom_showcase {
    animation-duration: 0.8s;
    animation-name: zoom_in;
}
.custom_showcase__1 {
}
.custom_showcase__2 {
    animation-delay: 0.2s;
}
.custom_showcase__3 {
    animation-delay: 0.2s;
}
.custom_showcase__4 {
    animation-delay: 0.1s;
}
.custom_showcase-bot {
    animation-duration: 0.8s;
    animation-name: flip_y;
    backface-visibility: visible !important;
}
.custom_showcase-bot__1 {
}
.custom_showcase-bot__2 {
    animation-delay: 0.2s;
}
.custom_showcase-bot__3 {
    animation-delay: 0.4s;
}
.product_listing_main .product {
    animation-duration: 0.8s;
    animation-name: rubber_band;
}
.product_listing_main .product__1 {
    animation-delay: 0.4s;
}
.product_listing_main .product__2 {
}
.product_listing_main .product__3 {
    animation-delay: 0.5s;
}
.product_listing_main .product__4 {
    animation-delay: 0.6s;
}
.footer-block1 {
    animation-delay: 0.1s;
    animation-duration: 0.8s;
    animation-name: fade_right;
}
.footer-block2 {
    animation-delay: 0.25s;
    animation-duration: 0.8s;
    animation-name: fade_right;
}
.footer-block3 {
    animation-delay: 0.35s;
    animation-duration: 0.8s;
    animation-name: fade_up;
}
.footer-block4 {
    animation-delay: 0.25s;
    animation-duration: 0.8s;
    animation-name: fade_left;
}
.footer-block5 {
    animation-delay: 0.1s;
    animation-duration: 0.8s;
    animation-name: fade_left;
}
.product_listing_sidebar .product {
    animation-duration: 0.8s;
    animation-name: zoom_in;
}
.blog-article1 {
    animation-duration: 0.8s;
    animation-name: fade_left;
}
.blog-article2 {
    animation-duration: 0.8s;
    animation-name: fade_up;
}
.blog-article3 {
    animation-duration: 0.8s;
    animation-name: fade_right;
}
.blog-article__1 {
}
.blog-article__2 {
    animation-delay: 0.25s;
}
.blog-article__3 {
    animation-delay: 0.5s;
}
.product_listing_related .product {
    animation-duration: 0.8s;
    animation-name: flip_y;
    backface-visibility: visible !important;
}
.product_listing_related .product__1 {
}
.product_listing_related .product__2 {
    animation-delay: 0.2s;
}
.product_listing_related .product__3 {
    animation-delay: 0.4s;
}
.product_listing_related .product__4 {
    animation-delay: 0.6s;
}
}
