.notiles {
	text-align:center;
	font-weight: 700;
	padding: 1em;
	margin: 1em 0;
	border: 1px solid #ccc;
}

.tile {
	min-height: 200px;
	float: left;
	position: relative;
	overflow: hidden;
}

.tile a,
.tile a:visited {
	overflow: hidden;
	display: block;
	width: 100%;
	position:relative;
}

.tile span {	
	display: block;
}

.tile .black {
	color: #1f1f1f; 
}
.tile .black h1,
.tile .black h2,
.tile .black h3,
.tile .black h4 {
	color: #1f1f1f;
}
.tile .white {
	color: #ffffff;
}
.tile .white h1,
.tile .white h2,
.tile .white h3,
.tile .white h4 {
	color: #ffffff;
}

.tile .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	
}
.tile .hover {
	min-height: 200px;
	padding: 1em;
	z-index: 2;
	position: relative;
	width: 100%;
	overflow: hidden;
}
/*.ws_tiles .nohover .bg {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}*/
.ws_tiles {
	position: relative;
	overflow: hidden;
	padding-bottom: 2em;
}
.ws_tiles .bg img {
	min-width: 100%;
}
.ws_tiles .nohover .hover.white {
	text-shadow: 1px 1px 1px #1f1f1f;
}
.ws_tiles .nohover .hover.black {
	text-shadow: 1px 1px 1px #ffffff; 
}
.ws_tiles .nohover .hover {
}

.ws_tiles .owl-item .tile {
	width: 100%;
}


/* 1. Slide Collide */
.ws_tiles .slideCollide .bg {
	overflow: hidden;
}
.ws_tiles .slideCollide .bg img {
	-webkit-transition: all 0.2s linear; 
	-moz-transition: all 0.2s linear; 
	-o-transition: all 0.2s linear; 
	-ms-transition: all 0.2s linear; 
	transition: all 0.2s linear;
}
.ws_tiles .slideCollide .hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
	background-color: rgba(150,150,150,0.7);
	-webkit-transition: all 0.4s ease-in-out; 
	-moz-transition: all 0.4s ease-in-out; 
	-o-transition: all 0.4s ease-in-out; 
	-ms-transition: all 0.4s ease-in-out; 
	transition: all 0.4s ease-in-out;
}
.ws_tiles .slideCollide h1,
.ws_tiles .slideCollide h2,
.ws_tiles .slideCollide h3,
.ws_tiles .slideCollide h4 {
	-webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
	transform: translateY(-100px);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	-ms-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}
.ws_tiles .slideCollide .tileContent {
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-o-transform: translateY(100px); 
	-ms-transform: translateY(100px); 
	transform: translateY(100px);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s linear; 
	-moz-transition: all 0.2s linear; 
	-o-transition: all 0.2s linear; 
	-ms-transition: all 0.2s linear; 
	transition: all 0.2s linear;
}
.ws_tiles .slideCollide:hover .bg img {
	-webkit-transform: scale(1.1); 
	-moz-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	transform: scale(1.1);
}
.ws_tiles .slideCollide:hover .hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity: 1;
}
.ws_tiles .slideCollide:hover h1,
.ws_tiles .slideCollide:hover h2,
.ws_tiles .slideCollide:hover h3,
.ws_tiles .slideCollide:hover h4,
.ws_tiles .slideCollide:hover .tileContent {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px); 
	-o-transform: translateY(0px); 
	-ms-transform: translateY(0px); 
	transform: translateY(0px);
}
.ws_tiles .slideCollide:hover .tileContent {
	-webkit-transition-delay: 0.1s; 
	-moz-transition-delay: 0.1s; 
	-o-transition-delay: 0.1s; 
	-ms-transition-delay: 0.1s; 
	transition-delay: 0.1s;
}

/* 2. dSlideCollide */
.ws_tiles .dSlideCollide {
	overflow: hidden;
	position: relative;
}
.ws_tiles .dSlideCollide .bg img {
	-webkit-transition: all 0.2s ease-in; 
	-moz-transition: all 0.2s ease-in; 
	-o-transition: all 0.2s ease-in; 
	-ms-transition: all 0.2s ease-in; 
	transition: all 0.2s ease-in;
}
.ws_tiles .dSlideCollide .extra {
	background-color: rgba(180,180,180,0.7);
	width: 400%;
	padding: 1em;
	height: 400%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	-webkit-transform: translate(265px, 145px) rotate(45deg); 
	-moz-transform: translate(265px, 145px) rotate(45deg); 
	-o-transform: translate(265px, 145px) rotate(45deg); 
	-ms-transform: translate(265px, 145px) rotate(45deg); 
	transform: translate(265px, 145px) rotate(45deg);
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	-ms-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}
.ws_tiles .dSlideCollide .hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	-ms-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}
.ws_tiles .dSlideCollide h1,
.ws_tiles .dSlideCollide h2,
.ws_tiles .dSlideCollide h3,
.ws_tiles .dSlideCollide h4 {
	border-bottom: 1px solid rgba(0,0,0,0.3);
	background: transparent;
	-webkit-transform: translate(200px, -200px); 
	-moz-transform: translate(200px, -200px); 
	-o-transform: translate(200px, -200px); 
	-ms-transform: translate(200px, -200px); 
	transform: translate(200px, -200px);
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	-ms-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}
.ws_tiles .dSlideCollide .tileContent {
	-webkit-transform: translate(200px, -200px); 
	-moz-transform: translate(200px, -200px); 
	-o-transform: translate(200px, -200px); 
	-ms-transform: translate(200px, -200px); 
	transform: translate(200px, -200px);
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ws_tiles .dSlideCollide:hover .extra {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: translate(-30%, -125px) rotate(45deg); 
	-moz-transform: translate(-30%, -125px) rotate(45deg); 
	-o-transform: translate(-30%, -125px) rotate(45deg); 
	-ms-transform: translate(-30%, -125px) rotate(45deg); 
	transform: translate(-30%, -125px) rotate(45deg);
}
.ws_tiles .dSlideCollide:hover .hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ws_tiles .dSlideCollide:hover h1,
.ws_tiles .dSlideCollide:hover h2,
.ws_tiles .dSlideCollide:hover h3,
.ws_tiles .dSlideCollide:hover h4 {
	-webkit-transform: translate(0px,0px); 
	-moz-transform: translate(0px,0px); 
	-o-transform: translate(0px,0px); 
	-ms-transform: translate(0px,0px); 
	transform: translate(0px,0px);
	-webkit-transition-delay: 0.3s; 
	-moz-transition-delay: 0.3s; 
	-o-transition-delay: 0.3s; 
	-ms-transition-delay: 0.3s; 
	transition-delay: 0.3s;
}
.ws_tiles .dSlideCollide:hover .tileContent {
	-webkit-transform: translate(0px,0px); 
	-moz-transform: translate(0px,0px); 
	-o-transform: translate(0px,0px); 
	-ms-transform: translate(0px,0px); 
	transform: translate(0px,0px);
	-webkit-transition-delay: 0.4s; 
	-moz-transition-delay: 0.4s; 
	-o-transition-delay: 0.4s; 
	-ms-transition-delay: 0.4s; 
	transition-delay: 0.4s;
}

/* 3 Roll In Collide */
.ws_tiles .rollInCollide .bg img {
	-webkit-transition: all 0.2s ease-in; 
	-moz-transition: all 0.2s ease-in; 
	-o-transition: all 0.2s ease-in; 
	-ms-transition: all 0.2s ease-in; 
	transition: all 0.2s ease-in;
}
.ws_tiles .rollInCollide .hover {
	background-color: rgba(180,180,180,0.7);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: translate(460px, -100px) rotate(180deg); 
	-moz-transform: translate(460px, -100px) rotate(180deg); 
	-o-transform: translate(460px, -100px) rotate(180deg); 
	-ms-transform: translate(460px, -100px) rotate(180deg); 
	transform: translate(460px, -100px) rotate(180deg);
	-webkit-transition: all 0.2s 0.4s ease-in-out; 
	-moz-transition: all 0.2s 0.4s ease-in-out; 
	-o-transition: all 0.2s 0.4s ease-in-out; 
	-ms-transition: all 0.2s 0.4s ease-in-out; 
	transition: all 0.2s 0.4s ease-in-out;
}
.ws_tiles .rollInCollide h1,
.ws_tiles .rollInCollide h2,
.ws_tiles .rollInCollide h3,
.ws_tiles .rollInCollide h4 {
	-webkit-transform: translateY(-100px); 
	-moz-transform: translateY(-100px); 
	-o-transform: translateY(-100px); 
	-ms-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	-ms-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}
.ws_tiles .rollInCollide .tileContent {
	-webkit-transform: translate(300px) rotate(90deg); 
	-moz-transform: translate(300px) rotate(90deg); 
	-o-transform: translate(300px) rotate(90deg); 
	-ms-transform: translate(300px) rotate(90deg);
	transform: translate(300px) rotate(90deg);
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	-ms-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
}
.ws_tiles .rollInCollide:hover .hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: 0s; 
	-moz-transition-delay: 0s; 
	-o-transition-delay: 0s; 
	-ms-transition-delay: 0s; 
	transition-delay: 0s;
	-webkit-transform: translate(0px, 0px); 
	-moz-transform: translate(0px, 0px); 
	-o-transform: translate(0px, 0px); 
	-ms-transform: translate(0px, 0px); 
	transform: translate(0px, 0px);
}
.ws_tiles .rollInCollide:hover h1,
.ws_tiles .rollInCollide:hover h2,
.ws_tiles .rollInCollide:hover h3,
.ws_tiles .rollInCollide:hover h4 {
	-webkit-transform: translateY(0px); 
	-moz-transform: translateY(0px); 
	-o-transform: translateY(0px); 
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition-delay: 0.5s; 
	-moz-transition-delay: 0.5s; 
	-o-transition-delay: 0.5s; 
	-ms-transition-delay: 0.5s; 
	transition-delay: 0.5s;
}
.ws_tiles .rollInCollide:hover .tileContent {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: translateX(0px) rotate(0deg); 
	-moz-transform: translateX(0px) rotate(0deg); 
	-o-transform: translateX(0px) rotate(0deg); 
	-ms-transform: translateX(0px) rotate(0deg);
	transform: translateX(0px) rotate(0deg);
	-webkit-transition-delay: 0.4s; 
	-moz-transition-delay: 0.4s; 
	-o-transition-delay: 0.4s; 
	-ms-transition-delay: 0.4s; 
	transition-delay: 0.4s;
}

/* 4. spinOutSpinIn */
.ws_tiles .spinOutSpinIn .bg img {
	-webkit-transition: all 0.4s ease-in-out 0.2s; 
	-moz-transition: all 0.4s ease-in-out 0.2s; 
	-o-transition: all 0.4s ease-in-out 0.2s; 
	-ms-transition: all 0.4s ease-in-out 0.2s; 
	transition: all 0.4s ease-in-out 0.2s;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity: 1;
}
.ws_tiles .spinOutSpinIn .hover {
	background-color: rgba(180,180,180,0.7);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(0) rotate(-180deg); 
	-moz-transform: scale(0) rotate(-180deg); 
	-o-transform: scale(0) rotate(-180deg); 
	-ms-transform: scale(0) rotate(-180deg);
	transform: scale(0) rotate(-180deg);
	-webkit-transition: all 0.4s ease-in; 
	-moz-transition: all 0.4s ease-in; 
	-o-transition: all 0.4s ease-in; 
	-ms-transition: all 0.4s ease-in; 
	transition: all 0.4s ease-in;
	border-radius: 0px;
}
.ws_tiles .spinOutSpinIn h1,
.ws_tiles .spinOutSpinIn h2,
.ws_tiles .spinOutSpinIn h3,
.ws_tiles .spinOutSpinIn h4 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	background: transparent;
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
	-ms-transition: all 0.5s ease-in-out; 
	transition: all 0.5s ease-in-out;
}
.ws_tiles .spinOutSpinIn .tileContent {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
	-ms-transition: all 0.5s ease-in-out; 
	transition: all 0.5s ease-in-out;
}
.ws_tiles .spinOutSpinIn:hover .hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: scale(1) rotate(0deg); 
	-moz-transform: scale(1) rotate(0deg); 
	-o-transform: scale(1) rotate(0deg); 
	-ms-transform: scale(1) rotate(0deg); 
	transform: scale(1) rotate(0deg);
	-webkit-transition-delay: 0.2s; 
	-moz-transition-delay: 0.2s; 
	-o-transition-delay: 0.2s; 
	-ms-transition-delay: 0.2s; 
	transition-delay: 0.2s;
}
.ws_tiles .spinOutSpinIn:hover .bg img {
	-webkit-transform: scale(0); 
	-moz-transform: scale(0); 
	-o-transform: scale(0); 
	-ms-transform: scale(0); 
	transform: scale(0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition-delay: 0s; 
	-moz-transition-delay: 0s; 
	-o-transition-delay: 0s; 
	-ms-transition-delay: 0s; 
	transition-delay: 0s;
}
.ws_tiles .spinOutSpinIn:hover h1,
.ws_tiles .spinOutSpinIn:hover h2,
.ws_tiles .spinOutSpinIn:hover h3,
.ws_tiles .spinOutSpinIn:hover h4 ,
.ws_tiles .spinOutSpinIn:hover .tileContent {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: 0.5s; 
	-moz-transition-delay: 0.5s; 
	-o-transition-delay: 0.5s; 
	-ms-transition-delay: 0.5s; 
	transition-delay: 0.5s;
}

/* 5. slideIn */
.ws_tiles .slideIn {
	position: relative;
	overflow: hidden;
}
.ws_tiles .slideIn .bg img {
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	-ms-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
}
.ws_tiles .slideIn .hover {
	background-color: rgba(180,180,180,0.7);
	-webkit-transform: translateX(-100%); 
	-moz-transform: translateX(-100%); 
	-o-transform: translateX(-100%); 
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out; 
	-moz-transition: all 0.4s ease-in-out; 
	-o-transition: all 0.4s ease-in-out; 
	-ms-transition: all 0.4s ease-in-out; 
	transition: all 0.4s ease-in-out;
}
.ws_tiles .slideIn h1,
.ws_tiles .slideIn h2,
.ws_tiles .slideIn h3,
.ws_tiles .slideIn h4 {
	background: rgba(255,255,255,0.5);
	box-shadow: 0px 1px 3px rgba(159,141,140,0.5);
}
.ws_tiles .slideIn .tileContent {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s linear; 
	-moz-transition: all 0.2s linear; 
	-o-transition: all 0.2s linear; 
	-ms-transition: all 0.2s linear; 
	transition: all 0.2s linear;
}
.ws_tiles .slideIn:hover .hover {
	-webkit-transform: translateX(0px); 
	-moz-transform: translateX(0px); 
	-o-transform: translateX(0px); 
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}
.ws_tiles .slideIn:hover .bg img {
	-webkit-transform: translateX(100%); 
	-moz-transform: translateX(100%); 
	-o-transform: translateX(100%); 
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition-delay: 0.1s; 
	-moz-transition-delay: 0.1s; 
	-o-transition-delay: 0.1s; 
	-ms-transition-delay: 0.1s; 
	transition-delay: 0.1s;
}
.ws_tiles .slideIn:hover .tileContent {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: 0.4s; 
	-moz-transition-delay: 0.4s; 
	-o-transition-delay: 0.4s; 
	-ms-transition-delay: 0.4s; 
	transition-delay: 0.4s;
}

/* 6. zoomIn */
.ws_tiles .zoomIn {
	position: relative;
	overflow: hidden;
}
.ws_tiles .zoomIn .bg img {
	-webkit-transition: all 0.4s ease-in-out 0.5s; 
	-moz-transition: all 0.4s ease-in-out 0.5s; 
	-o-transition: all 0.4s ease-in-out 0.5s; 
	-ms-transition: all 0.4s ease-in-out 0.5s; 
	transition: all 0.4s ease-in-out 0.5s;
}
.ws_tiles .zoomIn .hover {
	background-color: rgba(180,180,180,0.7);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.3s ease-in 0.4s; 
	-moz-transition: all 0.3s ease-in 0.4s; 
	-o-transition: all 0.3s ease-in 0.4s; 
	-ms-transition: all 0.3s ease-in 0.4s; 
	transition: all 0.3s ease-in 0.4s;
	text-align:center;
}
.ws_tiles .zoomIn h1,
.ws_tiles .zoomIn h2,
.ws_tiles .zoomIn h3,
.ws_tiles .zoomIn h4 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	background: transparent;
	-webkit-transform: scale(10); 
	-moz-transform: scale(10); 
	-o-transform: scale(10); 
	-ms-transform: scale(10); 
	transform: scale(10);
	-webkit-transition: all 0.3s ease-in-out 0.1s; 
	-moz-transition: all 0.3s ease-in-out 0.1s; 
	-o-transition: all 0.3s ease-in-out 0.1s; 
	-ms-transition: all 0.3s ease-in-out 0.1s; 
	transition: all 0.3s ease-in-out 0.1s;
}
.ws_tiles .zoomIn .tileContent {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(10); 
	-moz-transform: scale(10); 
	-o-transform: scale(10); 
	-ms-transform: scale(10);
	transform: scale(10);
	-webkit-transition: all 0.3s ease-in-out 0.2s; 
	-moz-transition: all 0.3s ease-in-out 0.2s; 
	-o-transition: all 0.3s ease-in-out 0.2s; 
	-ms-transition: all 0.3s ease-in-out 0.2s; 
	transition: all 0.3s ease-in-out 0.2s;
}
.ws_tiles .zoomIn:hover .hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: 0s; 
	-moz-transition-delay: 0s; 
	-o-transition-delay: 0s; 
	-ms-transition-delay: 0s; 
	transition-delay: 0s;
}
.ws_tiles .zoomIn:hover .bg img {
	-webkit-transition-delay: 0s; 
	-moz-transition-delay: 0s; 
	-o-transition-delay: 0s; 
	-ms-transition-delay: 0s; 
	transition-delay: 0s;
}
.ws_tiles .zoomIn:hover h1,
.ws_tiles .zoomIn:hover h2,
.ws_tiles .zoomIn:hover h3,
.ws_tiles .zoomIn:hover h4 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-o-transform: scale(1); 
	-ms-transform: scale(1); 
	transform: scale(1);
	-webkit-transition-delay: 0.1s; 
	-moz-transition-delay: 0.1s; 
	-o-transition-delay: 0.1s; 
	-ms-transition-delay: 0.1s; 
	transition-delay: 0.1s;
}
.ws_tiles .zoomIn:hover .tileContent {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-o-transform: scale(1); 
	-ms-transform: scale(1); 
	transform: scale(1);
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s; 
	-o-transition-delay: 0.2s; 
	-ms-transition-delay: 0.2s; 
	transition-delay: 0.2s;
}

/* 7. spinOutSlideIn */
.ws_tiles .spinOutSlideIn {
	position: relative;
	overflow: hidden;
}
.ws_tiles .spinOutSlideIn .bg img {
	-webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.5s ease-out; 
	-o-transition: all 0.5s ease-out; 
	-ms-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity: 1;
}
.ws_tiles .spinOutSlideIn .hover {
	background-color: rgba(180,180,180,0.7);
	-webkit-transform: rotate(0deg) scale(1); 
	-moz-transform: rotate(0deg) scale(1); 
	-o-transform: rotate(0deg) scale(1); 
	-ms-transform: rotate(0deg) scale(1); 
	transform: rotate(0deg) scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	-ms-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
	-webkit-transform: translateY(-200px) rotate(180deg); 
	-moz-transform: translateY(-200px) rotate(180deg); 
	-o-transform: translateY(-200px) rotate(180deg); 
	-ms-transform: translateY(-200px) rotate(180deg);
	transform: translateY(-200px) rotate(180deg);
}
.ws_tiles .spinOutSlideIn h1,
.ws_tiles .spinOutSlideIn h2,
.ws_tiles .spinOutSlideIn h3,
.ws_tiles .spinOutSlideIn h4 {
	-webkit-transform: translateY(-200px); 
	-moz-transform: translateY(-200px); 
	-o-transform: translateY(-200px); 
	-ms-transform: translateY(-200px); 
	transform: translateY(-200px);
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	-ms-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}
.ws_tiles .spinOutSlideIn .tileContent {
	-webkit-transform: translateY(-200px); 
	-moz-transform: translateY(-200px); 
	-o-transform: translateY(-200px); 
	-ms-transform: translateY(-200px); 
	transform: translateY(-200px);
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	-ms-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}
.ws_tiles .spinOutSlideIn:hover .bg img {
	-webkit-transform: rotate(720deg) scale(0); 
	-moz-transform: rotate(720deg) scale(0); 
	-o-transform: rotate(720deg) scale(0); 
	-ms-transform: rotate(720deg) scale(0); 
	transform: rotate(720deg) scale(0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
}
.ws_tiles .spinOutSlideIn:hover .hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: translateY(0px) rotate(0deg); 
	-moz-transform: translateY(0px) rotate(0deg); 
	-o-transform: translateY(0px) rotate(0deg); 
	-ms-transform: translateY(0px) rotate(0deg); 
	transform: translateY(0px) rotate(0deg);
	-webkit-transition-delay: 0.4s; 
	-moz-transition-delay: 0.4s; 
	-o-transition-delay: 0.4s; 
	-ms-transition-delay: 0.4s; 
	transition-delay: 0.4s;
}
.ws_tiles .spinOutSlideIn:hover h1,
.ws_tiles .spinOutSlideIn:hover h2,
.ws_tiles .spinOutSlideIn:hover h3,
.ws_tiles .spinOutSlideIn:hover h4 {
	-webkit-transform: translateY(0px); 
	-moz-transform: translateY(0px); 
	-o-transform: translateY(0px); 
	-ms-transform: translateY(0px); 
	transform: translateY(0px);
	-webkit-transition-delay: 0.6s; 
	-moz-transition-delay: 0.6s; 
	-o-transition-delay: 0.6s; 
	-ms-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.ws_tiles .spinOutSlideIn:hover .tileContent {
	-webkit-transform: translateY(0px); 
	-moz-transform: translateY(0px); 
	-o-transform: translateY(0px); 
	-ms-transform: translateY(0px); 
	transform: translateY(0px);
	-webkit-transition-delay: 0.6s; 
	-moz-transition-delay: 0.6s; 
	-o-transition-delay: 0.6s; 
	-ms-transition-delay: 0.6s; 
	transition-delay: 0.6s;
}

/* 8. slideDownBounce */
.ws_tiles .slideDownBounce .hover {
	background-color: rgba(180,180,180,0.7);
	top: -200px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.3s ease-out 0.5s; 
	-moz-transition: all 0.3s ease-out 0.5s; 
	-o-transition: all 0.3s ease-out 0.5s; 
	-ms-transition: all 0.3s ease-out 0.5s; 
	transition: all 0.3s ease-out 0.5s;
}
.ws_tiles .slideDownBounce h1,
.ws_tiles .slideDownBounce h2,
.ws_tiles .slideDownBounce h3,
.ws_tiles .slideDownBounce h4 {
	-webkit-transform: translateY(-200px); 
	-moz-transform: translateY(-200px); 
	-o-transform: translateY(-200px); 
	-ms-transform: translateY(-200px); 
	transform: translateY(-200px);
	-webkit-transition: all 0.3s ease-in-out 0.1s; 
	-moz-transition: all 0.3s ease-in-out 0.1s; 
	-o-transition: all 0.3s ease-in-out 0.1s; 
	-ms-transition: all 0.3s ease-in-out 0.1s; 
	transition: all 0.3s ease-in-out 0.1s;
}
.ws_tiles .slideDownBounce .tileContent {
	-webkit-transform: translateY(-200px); 
	-moz-transform: translateY(-200px); 
	-o-transform: translateY(-200px); 
	-ms-transform: translateY(-200px); 
	transform: translateY(-200px);
	-webkit-transition: all 0.2s ease-in-out 0.2s; 
	-moz-transition: all 0.2s ease-in-out 0.2s; 
	-o-transition: all 0.2s ease-in-out 0.2s; 
	-ms-transition: all 0.2s ease-in-out 0.2s; 
	transition: all 0.2s ease-in-out 0.2s;
}
.ws_tiles .slideDownBounce:hover .hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity: 1;
	top: 0px;
	-webkit-transition-delay: 0s; 
	-moz-transition-delay: 0s; 
	-o-transition-delay: 0s; 
	-ms-transition-delay: 0s; 
	transition-delay: 0s;
	animation: bounceY 0.9s linear;
}
.ws_tiles .slideDownBounce:hover h1,
.ws_tiles .slideDownBounce:hover h2,
.ws_tiles .slideDownBounce:hover h3,
.ws_tiles .slideDownBounce:hover h4 {
	-webkit-transform: translateY(0px); 
	-moz-transform: translateY(0px); 
	-o-transform: translateY(0px); 
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition-delay: 0.4s; 
	-moz-transition-delay: 0.4s; 
	-o-transition-delay: 0.4s; 
	-ms-transition-delay: 0.4s; 
	transition-delay: 0.4s;
}
.ws_tiles .slideDownBounce:hover .tileContent {
	-webkit-transform: translateY(0px); 
	-moz-transform: translateY(0px); 
	-o-transform: translateY(0px); 
	-ms-transform: translateY(0px); 
	transform: translateY(0px);
	-webkit-transition-delay: 0.2s; 
	-moz-transition-delay: 0.2s; 
	-o-transition-delay: 0.2s; 
	-ms-transition-delay: 0.2s; 
	transition-delay: 0.2s;
}
@keyframes bounceY {
    0% { 
		-webkit-transform: translateY(-205px);
		-moz-transform: translateY(-205px); 
		-o-transform: translateY(-205px); 
		-ms-transform: translateY(-205px); 
		transform: translateY(-205px);
	}
    40% { 
		-webkit-transform: translateY(-100px); 
		-moz-transform: translateY(-100px); 
		-o-transform: translateY(-100px);  
		-ms-transform: translateY(-100px); 
		transform: translateY(-100px);
	}
    65% { 
		-webkit-transform: translateY(-52px); 
		-moz-transform: translateY(-52px); 
		-o-transform: translateY(-52px); 
		-ms-transform: translateY(-52px);
		transform: translateY(-52px);
	}
    82% { 
		-webkit-transform: translateY(-25px); 
		-moz-transform: translateY(-25px); 
		-o-transform: translateY(-25px); 
		-ms-transform: translateY(-25px);
		transform: translateY(-25px);
	}
    92% { 
		-webkit-transform: translateY(-12px); 
		-moz-transform: translateY(-12px); 
		-o-transform: translateY(-12px); 
		-ms-transform: translateY(-12px);
		transform: translateY(-12px);
	}
    55%, 75%, 87%, 97%, 100% { 
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px); 
		-o-transform: translateY(0px); 
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}
}

/* 9. dSlideIn */
.ws_tiles .dSlideIn .extra,
.ws_tiles .dSlideIn .extra2 {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
    height: 381px;
    width: 361px;
    background: rgba(180, 180, 180, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out 0.6s;
    -moz-transition: all 0.3s ease-in-out 0.6s;
    -o-transition: all 0.3s ease-in-out 0.6s;
    transition: all 0.3s ease-in-out 0.6s;
}
.ws_tiles .dSlideIn .extra {
	left: auto;
    right: 0;
    -webkit-transform: rotate(56.5deg) translateX(-180px);
    -moz-transform: rotate(56.5deg) translateX(-180px);
    -o-transform: rotate(56.5deg) translateX(-180px);
    -ms-transform: rotate(56.5deg) translateX(-180px);
    transform: rotate(56.5deg) translateX(-180px);
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}
.ws_tiles .dSlideIn .extra2 {
	top: auto;
    bottom: 0;
    -webkit-transform: rotate(56.5deg) translateX(180px);
    -moz-transform: rotate(56.5deg) translateX(180px);
    -o-transform: rotate(56.5deg) translateX(180px);
    -ms-transform: rotate(56.5deg) translateX(180px);
    transform: rotate(56.5deg) translateX(180px);
    -webkit-transform-origin: 0 103.5% 0;
    -moz-transform-origin: 0 103.5% 0;
    -o-transform-origin: 0 103.5% 0;
    -ms-transform-origin: 0 103.5% 0;
    transform-origin: 0 103.5% 0;
}
.ws_tiles .dSlideIn .hover {
	background: rgba(0, 0, 0, 0);
	height: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0;
    width: 100%;
    -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
    -o-transform: rotate(-33.5deg) translate(-112px, 166px);
    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
    transform: rotate(-33.5deg) translate(-112px, 166px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: all 0.4s ease-in-out 0.3s;
    -moz-transition: all 0.4s ease-in-out 0.3s;
    -o-transition: all 0.4s ease-in-out 0.3s;
    transition: all 0.4s ease-in-out 0.3s;
}
.ws_tiles .dSlideIn h1,
.ws_tiles .dSlideIn h2,
.ws_tiles .dSlideIn h3,
.ws_tiles .dSlideIn h4 {
	background: transparent;
    margin-top: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.ws_tiles .dSlideIn:hover .hover {
	height: 120px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;
    top: 0;
    -webkit-transform: rotate(0deg) translate(0, 0);
    -moz-transform: rotate(0deg) translate(0, 0);
    -o-transform: rotate(0deg) translate(0, 0);
    -ms-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
}
.ws_tiles .dSlideIn:hover .extra,
.ws_tiles .dSlideIn:hover .extra2 {
	-webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.ws_tiles .dSlideIn:hover .extra {
	 -webkit-transform: rotate(56.5deg) translateX(1px);
    -moz-transform: rotate(56.5deg) translateX(1px);
    -o-transform: rotate(56.5deg) translateX(1px);
    -ms-transform: rotate(56.5deg) translateX(1px);
    transform: rotate(56.5deg) translateX(1px);
}
.ws_tiles .dSlideIn:hover .extra2 {
	-webkit-transform: rotate(56.5deg) translateX(-1px);
    -moz-transform: rotate(56.5deg) translateX(-1px);
    -o-transform: rotate(56.5deg) translateX(-1px);
    -ms-transform: rotate(56.5deg) translateX(-1px);
    transform: rotate(56.5deg) translateX(-1px);
}

/* bgZoomIn */
.ws_tiles .bgZoomIn .bg img {
	-webkit-transform: scaleY(1); 
	-moz-transform: scaleY(1); 
	-o-transform: scaleY(1); 
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: all 0.7s ease-in-out; 
	-moz-transition: all 0.7s ease-in-out; 
	-o-transition: all 0.7s ease-in-out; 
	-ms-transition: all 0.7s ease-in-out; 
	transition: all 0.7s ease-in-out;
}
.ws_tiles .bgZoomIn .hover {
	background-color: rgba(180,180,180,0.7);
	-webkit-transition: all 0.5s linear; 
	-moz-transition: all 0.5s linear; 
	-o-transition: all 0.5s linear; 
	-ms-transition: all 0.5s linear; 
	transition: all 0.5s linear;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
}
.ws_tiles .bgZoomIn h1,
.ws_tiles .bgZoomIn h2,
.ws_tiles .bgZoomIn h3,
.ws_tiles .bgZoomIn h4 {
	border-bottom: 1px solid rgba(0,0,0,0.3);
	background: transparent;
	-webkit-transform: scale(0);
	-moz-transform: scale(0); 
	-o-transform: scale(0); 
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s linear; 
	-moz-transition: all 0.5s linear; 
	-o-transition: all 0.5s linear; 
	-ms-transition: all 0.5s linear; 
	transition: all 0.5s linear;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
}
.ws_tiles .bgZoomIn .tileContent {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(0); 
	-moz-transform: scale(0); 
	-o-transform: scale(0); 
	-ms-transform: scale(0); 
	transform: scale(0);
	-webkit-transition: all 0.5s linear; 
	-moz-transition: all 0.5s linear; 
	-o-transition: all 0.5s linear; 
	-ms-transition: all 0.5s linear; 
	transition: all 0.5s linear;
}
.ws_tiles .bgZoomIn:hover .bg img {
	-webkit-transform: scale(10); 
	-moz-transform: scale(10); 
	-o-transform: scale(10); 
	-ms-transform: scale(10); 
	transform: scale(10);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
}
.ws_tiles .bgZoomIn:hover .hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity: 1;
}
.ws_tiles .bgZoomIn:hover h1,
.ws_tiles .bgZoomIn:hover h2,
.ws_tiles .bgZoomIn:hover h3,
.ws_tiles .bgZoomIn:hover h4,
.ws_tiles .bgZoomIn:hover .tileContent {
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-o-transform: scale(1); 
	-ms-transform: scale(1); 
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity: 1;
}