.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; }


.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
.isotope .isotope-item { -webkit-transition-property: top, left, opacity; -moz-transition-property: top, left, opacity; -ms-transition-property: top, left, opacity; -o-transition-property: top, left, opacity; transition-property: top, left, opacity; }
.transitions-enabled.masonry, .transitions-enabled.masonry .masonry-brick { -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; }
.transitions-enabled.masonry { -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.transitions-enabled.masonry .masonry-brick { -webkit-transition-property: left, right, top; -moz-transition-property: left, right, top; -o-transition-property: left, right, top; transition-property: left, right, top; }


.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }











@-webkit-keyframes imageAnimation {  0% {
 opacity: 0;
 -webkit-animation-timing-function: ease-in;
}
 8% {
 opacity: 1;
 -webkit-transform: scale(1.05);
 -webkit-animation-timing-function: ease-out;
}
 17% {
 opacity: 1;
 -webkit-transform: scale(1.1) rotate(3deg);
}
 25% {
 opacity: 0;
 -webkit-transform: scale(1.1) rotate(3deg);
}
 100% {
opacity: 0
}
}
@-moz-keyframes imageAnimation {  0% {
 opacity: 0;
 -moz-animation-timing-function: ease-in;
}
 8% {
 opacity: 1;
 -moz-transform: scale(1.05);
 -moz-animation-timing-function: ease-out;
}
 17% {
 opacity: 1;
 -moz-transform: scale(1.1) rotate(3deg);
}
 25% {
 opacity: 0;
 -moz-transform: scale(1.1) rotate(3deg);
}
 100% {
opacity: 0
}
}
@-o-keyframes imageAnimation {  0% {
 opacity: 0;
 -o-animation-timing-function: ease-in;
}
 8% {
 opacity: 1;
 -o-transform: scale(1.05);
 -o-animation-timing-function: ease-out;
}
 17% {
 opacity: 1;
 -o-transform: scale(1.1) rotate(3deg);
}
 25% {
 opacity: 0;
 -o-transform: scale(1.1) rotate(3deg);
}
 100% {
opacity: 0
}
}
@-ms-keyframes imageAnimation {  0% {
 opacity: 0;
 -ms-animation-timing-function: ease-in;
}
 8% {
 opacity: 1;
 -ms-transform: scale(1.05);
 -ms-animation-timing-function: ease-out;
}
 17% {
 opacity: 1;
 -ms-transform: scale(1.1) rotate(3deg);
}
 25% {
 opacity: 0;
 -ms-transform: scale(1.1) rotate(3deg);
}
 100% {
opacity: 0
}
}
@keyframes imageAnimation {  0% {
 opacity: 0;
 animation-timing-function: ease-in;
}
 8% {
 opacity: 1;
 transform: scale(1.05);
 animation-timing-function: ease-out;
}
 17% {
 opacity: 1;
 transform: scale(1.1) rotate(3deg);
}
 25% {
 opacity: 0;
 transform: scale(1.1) rotate(3deg);
}
 100% {
opacity: 0
}
}
@-webkit-keyframes logoanimation {  0% {
 opacity: 0;
 -webkit-animation-timing-function: ease-in;
}
 8% {
 opacity: 1;
 -webkit-animation-timing-function: ease-out;
}
 17% {
 opacity: 1;
}
 25% {
 opacity: 1;
}
 100% {
opacity: 1
}
}
@-moz-keyframes logoanimation {  0% {
 opacity: 0;
 -webkit-animation-timing-function: ease-in;
}
 8% {
 opacity: 1;
 -webkit-animation-timing-function: ease-out;
}
 17% {
 opacity: 1;
}
 25% {
 opacity: 1;
}
 100% {
opacity: 1
}
}
@-o-keyframes logoanimation {  0% {
 opacity: 0;
 -webkit-animation-timing-function: ease-in;
}
 8% {
 opacity: 1;
 -webkit-animation-timing-function: ease-out;
}
 17% {
 opacity: 1;
}
 25% {
 opacity: 1;
}
 100% {
opacity: 1
}
}
@-ms-keyframes logoanimation {  0% {
 opacity: 0;
 -webkit-animation-timing-function: ease-in;
}
 8% {
 opacity: 1;
 -webkit-animation-timing-function: ease-out;
}
 17% {
 opacity: 1;
}
 25% {
 opacity: 1;
}
 100% {
opacity: 1
}
}
@keyframes logoanimation {  0% {
 opacity: 0;
 animation-timing-function: ease-in;
}
 8% {
 opacity: 1;
 transform: scale(1.05);
 animation-timing-function: ease-out;
}
 17% {
 opacity: 1;
 transform: scale(1.1) rotate(3deg);
}
 25% {
 opacity: 0;
 transform: scale(1.1) rotate(3deg);
}
 100% {
opacity: 0
}
}