.wdo-item-hover {
	position: relative;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover, .wdo-item-hover * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.wdo-item-hover a {
	color: #333
}
.wdo-item-hover a:hover {
	text-decoration: none
}
.wdo-item-hover img {
	width: 100%;
	height: 100%
}
.wdo-item-hover.circle {
	position: relative;
	width: 260px;
	height: 260px;
	border-radius: 0%;
	/* border: 15px solid black; */
}
.wdo-item-hover.circle .img {
	position: relative;
	width: 260px;
	height: 260px;
	border-radius: 0%
}
.wdo-item-hover.circle .img:before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 0%;
	box-shadow: inset 0 0 0 5px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.3);
	
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle .img img {
	border-radius: 0%
}
.wdo-item-hover.circle .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 0%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.wdo-item-hover.square {
	position: relative;
	width: 316px;
	height: 216px;
	border: 8px solid #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3)
}
.wdo-item-hover.square .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
/*.wdo-item-hover.circle.effect1 .spinner {
	width: 260px;
	height: 260px;
	border-radius: 0%;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out
}
.wdo-item-hover.circle.effect1 .img {
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0px;
	right: 0;
	width: auto;
	height: auto
}*/
.wdo-item-hover.circle.effect1.colored .info {
	background: rgba(14, 139, 203, 0.9)
}
.wdo-item-hover.circle.effect1 .info {
	top: 0px;
	bottom: 0;
	left: 0px;
	right: 0;
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out
}
.wdo-item-hover.circle.effect1 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	
}
.wdo-item-hover.circle.effect1 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	/*font-family: "Open Sans", Arial, sans-serif;*/
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5)
}
.wdo-item-hover.circle.effect1 a:hover .spinner {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}
.wdo-item-hover.circle.effect1.counterclockwise a:hover .spinner {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg)
}
.wdo-item-hover.circle.effect1 a:hover .info {
	opacity: 1
}
.wdo-item-hover.circle.effect2 .img {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect2.colored .info {
	background: rgba(14, 139, 203, 0.9)
}
.wdo-item-hover.circle.effect2 .info {
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect2 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	
}
.wdo-item-hover.circle.effect2 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.71)
}
.wdo-item-hover.circle.effect2.left_to_right .info {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.wdo-item-hover.circle.effect2.left_to_right a:hover .img {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.wdo-item-hover.circle.effect2.left_to_right a:hover .info {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.circle.effect2.right_to_left .info {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
.wdo-item-hover.circle.effect2.right_to_left a:hover .img {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}
.wdo-item-hover.circle.effect2.right_to_left a:hover .info {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.circle.effect2.top_to_bottom .info {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.wdo-item-hover.circle.effect2.top_to_bottom a:hover .img {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.wdo-item-hover.circle.effect2.top_to_bottom a:hover .info {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.circle.effect2.bottom_to_top .info {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.wdo-item-hover.circle.effect2.bottom_to_top a:hover .img {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}
.wdo-item-hover.circle.effect2.bottom_to_top a:hover .info {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.circle.effect3 .img {
	z-index: 11;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect3.colored .info {
	background: rgba(14, 139, 203, 1)
}
.wdo-item-hover.circle.effect3 .info {
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect3 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 70px 0 0;
	
}
.wdo-item-hover.circle.effect3 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5)
}
.wdo-item-hover.circle.effect3.left_to_right .img {
	-webkit-transform: scale(1) translateX(0);
	-moz-transform: scale(1) translateX(0);
	-ms-transform: scale(1) translateX(0);
	-o-transform: scale(1) translateX(0);
	transform: scale(1) translateX(0)
}
.wdo-item-hover.circle.effect3.left_to_right .info {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.wdo-item-hover.circle.effect3.left_to_right a:hover .img {
	-webkit-transform: scale(0.5) translateX(100%);
	-moz-transform: scale(0.5) translateX(100%);
	-ms-transform: scale(0.5) translateX(100%);
	-o-transform: scale(0.5) translateX(100%);
	transform: scale(0.5) translateX(100%)
}
.wdo-item-hover.circle.effect3.left_to_right a:hover .info {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.circle.effect3.right_to_left .img {
	-webkit-transform: scale(1) translateX(0);
	-moz-transform: scale(1) translateX(0);
	-ms-transform: scale(1) translateX(0);
	-o-transform: scale(1) translateX(0);
	transform: scale(1) translateX(0)
}
.wdo-item-hover.circle.effect3.right_to_left .info {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
.wdo-item-hover.circle.effect3.right_to_left a:hover .img {
	-webkit-transform: scale(0.5) translateX(-100%);
	-moz-transform: scale(0.5) translateX(-100%);
	-ms-transform: scale(0.5) translateX(-100%);
	-o-transform: scale(0.5) translateX(-100%);
	transform: scale(0.5) translateX(-100%)
}
.wdo-item-hover.circle.effect3.right_to_left a:hover .info {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.circle.effect3.top_to_bottom .img {
	-webkit-transform: scale(1) translateY(0);
	-moz-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	-o-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0)
}
.wdo-item-hover.circle.effect3.top_to_bottom .info {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.wdo-item-hover.circle.effect3.top_to_bottom a:hover .img {
	-webkit-transform: scale(0.5) translateY(100%);
	-moz-transform: scale(0.5) translateY(100%);
	-ms-transform: scale(0.5) translateY(100%);
	-o-transform: scale(0.5) translateY(100%);
	transform: scale(0.5) translateY(100%)
}
.wdo-item-hover.circle.effect3.top_to_bottom a:hover .info {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.circle.effect3.bottom_to_top .img {
	-webkit-transform: scale(1) translateY(0);
	-moz-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	-o-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0)
}
.wdo-item-hover.circle.effect3.bottom_to_top .info {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.wdo-item-hover.circle.effect3.bottom_to_top a:hover .img {
	-webkit-transform: scale(0.5) translateY(-100%);
	-moz-transform: scale(0.5) translateY(-100%);
	-ms-transform: scale(0.5) translateY(-100%);
	-o-transform: scale(0.5) translateY(-100%);
	transform: scale(0.5) translateY(-100%)
}
.wdo-item-hover.circle.effect3.bottom_to_top a:hover .info {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.circle.effect4 .img {
	opacity: 1;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
.wdo-item-hover.circle.effect4.colored .info {
	background: rgba(14, 139, 203, 1)
}
.wdo-item-hover.circle.effect4 .info {
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	transition: all .35s ease
}
.wdo-item-hover.circle.effect4 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	
}
.wdo-item-hover.circle.effect4 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect4 a:hover .img {
	opacity: 0;
	pointer-events: none
}
.wdo-item-hover.circle.effect4 a:hover .info {
	visibility: visible;
	opacity: 1
}
.wdo-item-hover.circle.effect4.left_to_right .img {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.circle.effect4.left_to_right .info {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.wdo-item-hover.circle.effect4.left_to_right a:hover .img {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
.wdo-item-hover.circle.effect4.left_to_right a:hover .info {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.circle.effect4.right_to_left .img {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.circle.effect4.right_to_left .info {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
.wdo-item-hover.circle.effect4.right_to_left a:hover .img {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.wdo-item-hover.circle.effect4.right_to_left a:hover .info {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.circle.effect4.top_to_bottom .img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.circle.effect4.top_to_bottom .info {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.wdo-item-hover.circle.effect4.top_to_bottom a:hover .img {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.wdo-item-hover.circle.effect4.top_to_bottom a:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.circle.effect4.bottom_to_top .img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.circle.effect4.bottom_to_top .info {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.wdo-item-hover.circle.effect4.bottom_to_top a:hover .img {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.wdo-item-hover.circle.effect4.bottom_to_top a:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.circle.effect5 {
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px
}
.wdo-item-hover.circle.effect5.colored .info .info-back {
	    background: rgba(8, 63, 88, 0.6);
}
.wdo-item-hover.circle.effect5 .info {
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.wdo-item-hover.circle.effect5 .info .info-back {
	visibility: hidden;
	border-radius: 0%;
	width: 100%;
	height: 100%;
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-transform: rotate3d(0, 1, 0, 180deg);
	-moz-transform: rotate3d(0, 1, 0, 180deg);
	-ms-transform: rotate3d(0, 1, 0, 180deg);
	-o-transform: rotate3d(0, 1, 0, 180deg);
	transform: rotate3d(0, 1, 0, 180deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.wdo-item-hover.circle.effect5 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	
}
.wdo-item-hover.circle.effect5 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5)
}
.wdo-item-hover.circle.effect5 a:hover .info {
	-webkit-transform: rotate3d(0, 1, 0, -180deg);
	-moz-transform: rotate3d(0, 1, 0, -180deg);
	-ms-transform: rotate3d(0, 1, 0, -180deg);
	-o-transform: rotate3d(0, 1, 0, -180deg);
	transform: rotate3d(0, 1, 0, -180deg)
}
.wdo-item-hover.circle.effect5 a:hover .info .info-back {
	visibility: visible
}
.wdo-item-hover.circle.effect6 .img {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect6.colored .info {
	background: rgba(14, 139, 203, 1)
}
.wdo-item-hover.circle.effect6 .info {
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect6 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	
}
.wdo-item-hover.circle.effect6 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5)
}
.wdo-item-hover.circle.effect6.scale_up .info {
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5)
}
.wdo-item-hover.circle.effect6.scale_up a:hover .img {
	opacity: 0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5)
}
.wdo-item-hover.circle.effect6.scale_up a:hover .info {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.circle.effect6.scale_down .info {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5)
}
.wdo-item-hover.circle.effect6.scale_down a:hover .img {
	opacity: 0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5)
}
.wdo-item-hover.circle.effect6.scale_down a:hover .info {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.circle.effect6.scale_down_up .info {
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all .35s ease-in-out .2s;
	-moz-transition: all .35s ease-in-out .2s;
	transition: all .35s ease-in-out .2s
}
.wdo-item-hover.circle.effect6.scale_down_up a:hover .img {
	opacity: 0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5)
}
.wdo-item-hover.circle.effect6.scale_down_up a:hover .info {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.circle.effect7 .img {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .35s ease-out;
	-moz-transition: all .35s ease-out;
	transition: all .35s ease-out
}
.wdo-item-hover.circle.effect7.colored .info {
	background: rgba(14, 139, 203, 1)
}
.wdo-item-hover.circle.effect7 .info {
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	-webkit-transition: all .35s ease .2s;
	-moz-transition: all .35s ease .2s;
	transition: all .35s ease .2s
}
.wdo-item-hover.circle.effect7 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	
}
.wdo-item-hover.circle.effect7 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5)
}
.wdo-item-hover.circle.effect7 a:hover .img {
	opacity: 0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5)
}
.wdo-item-hover.circle.effect7 a:hover .info {
	visibility: visible;
	opacity: 1
}
.wdo-item-hover.circle.effect7.left_to_right .info {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.wdo-item-hover.circle.effect7.left_to_right a:hover .info {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.circle.effect7.right_to_left .info {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
.wdo-item-hover.circle.effect7.right_to_left a:hover .info {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.circle.effect7.top_to_bottom .info {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.wdo-item-hover.circle.effect7.top_to_bottom a:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.circle.effect7.bottom_to_top .info {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.wdo-item-hover.circle.effect7.bottom_to_top a:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.circle.effect8.colored .info {
	background: rgba(14, 139, 203, 1)
}
.wdo-item-hover.circle.effect8 .img-container {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.wdo-item-hover.circle.effect8 .img-container .img {
	opacity: 1;
	-webkit-transition: all .3s ease-in-out .3s;
	-moz-transition: all .3s ease-in-out .3s;
	transition: all .3s ease-in-out .3s
}
.wdo-item-hover.circle.effect8 .info-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 0%;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .3s ease-in-out .3s;
	-moz-transition: all .3s ease-in-out .3s;
	transition: all .3s ease-in-out .3s
}
.wdo-item-hover.circle.effect8 .info {
	width: 100%;
	height: 100%;
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	pointer-events: none;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all .35s ease-in-out .6s;
	-moz-transition: all .35s ease-in-out .6s;
	transition: all .35s ease-in-out .6s
}
.wdo-item-hover.circle.effect8 .info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 60px 0 0;
	
}
.wdo-item-hover.circle.effect8 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5)
}
.wdo-item-hover.circle.effect8 a:hover .img-container {
	pointer-events: none;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5)
}
.wdo-item-hover.circle.effect8 a:hover .img-container .img {
	opacity: 0;
	pointer-events: none
}
.wdo-item-hover.circle.effect8 a:hover .info-container {
	opacity: 1
}
.wdo-item-hover.circle.effect8 a:hover .info-container .info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.circle.effect8.left_to_right .img-container .img {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.circle.effect8.left_to_right .info-container {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
.wdo-item-hover.circle.effect8.left_to_right a:hover .img-container .img {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.wdo-item-hover.circle.effect8.left_to_right a:hover .info-container {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.circle.effect8.right_to_left .img-container .img {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.circle.effect8.right_to_left .info-container {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.wdo-item-hover.circle.effect8.right_to_left a:hover .img-container .img {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
.wdo-item-hover.circle.effect8.right_to_left a:hover .info-container {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.circle.effect8.top_to_bottom .img-container .img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.circle.effect8.top_to_bottom .info-container {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.wdo-item-hover.circle.effect8.top_to_bottom a:hover .img-container .img {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.wdo-item-hover.circle.effect8.top_to_bottom a:hover .info-container {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.circle.effect8.bottom_to_top .img-container .img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.circle.effect8.bottom_to_top .info-container {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.wdo-item-hover.circle.effect8.bottom_to_top a:hover .img-container .img {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.wdo-item-hover.circle.effect8.bottom_to_top a:hover .info-container {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.circle.effect9 .img {
	opacity: 1;
	-webkit-transition: all .35s ease-out;
	-moz-transition: all .35s ease-out;
	transition: all .35s ease-out
}
.wdo-item-hover.circle.effect9.colored .info {
	background: rgba(14, 139, 203, 1)
}
.wdo-item-hover.circle.effect9 .info {
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all .35s ease .2s;
	-moz-transition: all .35s ease .2s;
	transition: all .35s ease .2s
}
.wdo-item-hover.circle.effect9 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	
}
.wdo-item-hover.circle.effect9 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5)
}
.wdo-item-hover.circle.effect9 a:hover .img {
	opacity: 0;
	pointer-events: none;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5)
}
.wdo-item-hover.circle.effect9 a:hover .info {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.circle.effect9.left_to_right .img {
	-webkit-transform: translateX(0) rotate(0);
	-moz-transform: translateX(0) rotate(0);
	-ms-transform: translateX(0) rotate(0);
	-o-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0)
}
.wdo-item-hover.circle.effect9.left_to_right a:hover .img {
	-webkit-transform: translateX(100%) rotate(180deg);
	-moz-transform: translateX(100%) rotate(180deg);
	-ms-transform: translateX(100%) rotate(180deg);
	-o-transform: translateX(100%) rotate(180deg);
	transform: translateX(100%) rotate(180deg)
}
.wdo-item-hover.circle.effect9.right_to_left .img {
	-webkit-transform: translateX(0) rotate(0);
	-moz-transform: translateX(0) rotate(0);
	-ms-transform: translateX(0) rotate(0);
	-o-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0)
}
.wdo-item-hover.circle.effect9.right_to_left a:hover .img {
	-webkit-transform: translateX(-100%) rotate(-180deg);
	-moz-transform: translateX(-100%) rotate(-180deg);
	-ms-transform: translateX(-100%) rotate(-180deg);
	-o-transform: translateX(-100%) rotate(-180deg);
	transform: translateX(-100%) rotate(-180deg)
}
.wdo-item-hover.circle.effect9.top_to_bottom .img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.circle.effect9.top_to_bottom a:hover .img {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.wdo-item-hover.circle.effect9.bottom_to_top .img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.circle.effect9.bottom_to_top a:hover .img {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.wdo-item-hover.circle.effect10 .img {
	z-index: 11;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect10.colored .info {
	background: rgba(14, 139, 203, 1)
}
.wdo-item-hover.circle.effect10 .info {
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect10 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	
}
.wdo-item-hover.circle.effect10 .info p {
	color: #ffffff;
	font-style: normal;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5)
}
.wdo-item-hover.circle.effect10 a:hover .info {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.circle.effect10.top_to_bottom .info h3 {
	margin: 0 30px;
	padding: 25px 0 0;
	height: 65px
}
.wdo-item-hover.circle.effect10.top_to_bottom .info p {
	margin: 0 30px;
	padding: 5px
}
.wdo-item-hover.circle.effect10.top_to_bottom a:hover .img {
	-webkit-transform: translateY(50px) scale(0.5);
	-moz-transform: translateY(50px) scale(0.5);
	-ms-transform: translateY(50px) scale(0.5);
	-o-transform: translateY(50px) scale(0.5);
	transform: translateY(50px) scale(0.5)
}
.wdo-item-hover.circle.effect10.bottom_to_top .info h3 {
	margin: 130px 30px 0;
	padding: 25px 0 0;
	height: 65px
}
.wdo-item-hover.circle.effect10.bottom_to_top .info p {
	margin: 0 30px;
	padding: 5px
}
.wdo-item-hover.circle.effect10.bottom_to_top a:hover .img {
	-webkit-transform: translateY(-50px) scale(0.5);
	-moz-transform: translateY(-50px) scale(0.5);
	-ms-transform: translateY(-50px) scale(0.5);
	-o-transform: translateY(-50px) scale(0.5);
	transform: translateY(-50px) scale(0.5)
}
.wdo-item-hover.circle.effect11 {
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px
}
.wdo-item-hover.circle.effect11 .img {
	opacity: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect11.colored .info {
	background: rgba(14, 139, 203, 1)
}
.wdo-item-hover.circle.effect11 .info {
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .35s ease .35s;
	-moz-transition: all .35s ease .35s;
	transition: all .35s ease .35s
}
.wdo-item-hover.circle.effect11 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	
}
.wdo-item-hover.circle.effect11 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5)
}
.wdo-item-hover.circle.effect11 a:hover .img {
	opacity: 0
}
.wdo-item-hover.circle.effect11 a:hover .info {
	visibility: visible;
	opacity: 1
}
.wdo-item-hover.circle.effect11.left_to_right .img {
	-webkit-transform: translateZ(0) rotateY(0);
	-moz-transform: translateZ(0) rotateY(0);
	-ms-transform: translateZ(0) rotateY(0);
	-o-transform: translateZ(0) rotateY(0);
	transform: translateZ(0) rotateY(0)
}
.wdo-item-hover.circle.effect11.left_to_right .info {
	-webkit-transform: translateZ(-1000px) rotateY(-90deg);
	-moz-transform: translateZ(-1000px) rotateY(-90deg);
	-ms-transform: translateZ(-1000px) rotateY(-90deg);
	-o-transform: translateZ(-1000px) rotateY(-90deg);
	transform: translateZ(-1000px) rotateY(-90deg)
}
.wdo-item-hover.circle.effect11.left_to_right a:hover .img {
	-webkit-transform: translateZ(-1000px) rotateY(90deg);
	-moz-transform: translateZ(-1000px) rotateY(90deg);
	-ms-transform: translateZ(-1000px) rotateY(90deg);
	-o-transform: translateZ(-1000px) rotateY(90deg);
	transform: translateZ(-1000px) rotateY(90deg)
}
.wdo-item-hover.circle.effect11.left_to_right a:hover .info {
	-webkit-transform: translateZ(0) rotateY(0);
	-moz-transform: translateZ(0) rotateY(0);
	-ms-transform: translateZ(0) rotateY(0);
	-o-transform: translateZ(0) rotateY(0);
	transform: translateZ(0) rotateY(0)
}
.wdo-item-hover.circle.effect11.right_to_left .img {
	-webkit-transform: translateZ(0) rotateY(0);
	-moz-transform: translateZ(0) rotateY(0);
	-ms-transform: translateZ(0) rotateY(0);
	-o-transform: translateZ(0) rotateY(0);
	transform: translateZ(0) rotateY(0)
}
.wdo-item-hover.circle.effect11.right_to_left .info {
	-webkit-transform: translateZ(-1000px) rotateY(90deg);
	-moz-transform: translateZ(-1000px) rotateY(90deg);
	-ms-transform: translateZ(-1000px) rotateY(90deg);
	-o-transform: translateZ(-1000px) rotateY(90deg);
	transform: translateZ(-1000px) rotateY(90deg)
}
.wdo-item-hover.circle.effect11.right_to_left a:hover .img {
	-webkit-transform: translateZ(-1000px) rotateY(-90deg);
	-moz-transform: translateZ(-1000px) rotateY(-90deg);
	-ms-transform: translateZ(-1000px) rotateY(-90deg);
	-o-transform: translateZ(-1000px) rotateY(-90deg);
	transform: translateZ(-1000px) rotateY(-90deg)
}
.wdo-item-hover.circle.effect11.right_to_left a:hover .info {
	-webkit-transform: translateZ(0) rotateY(0);
	-moz-transform: translateZ(0) rotateY(0);
	-ms-transform: translateZ(0) rotateY(0);
	-o-transform: translateZ(0) rotateY(0);
	transform: translateZ(0) rotateY(0)
}
.wdo-item-hover.circle.effect11.top_to_bottom .img {
	-webkit-transform: translateZ(0) rotateX(0);
	-moz-transform: translateZ(0) rotateX(0);
	-ms-transform: translateZ(0) rotateX(0);
	-o-transform: translateZ(0) rotateX(0);
	transform: translateZ(0) rotateX(0)
}
.wdo-item-hover.circle.effect11.top_to_bottom .info {
	-webkit-transform: translateZ(-1000px) rotateX(90deg);
	-moz-transform: translateZ(-1000px) rotateX(90deg);
	-ms-transform: translateZ(-1000px) rotateX(90deg);
	-o-transform: translateZ(-1000px) rotateX(90deg);
	transform: translateZ(-1000px) rotateX(90deg)
}
.wdo-item-hover.circle.effect11.top_to_bottom a:hover .img {
	-webkit-transform: translateZ(-1000px) rotateX(-90deg);
	-moz-transform: translateZ(-1000px) rotateX(-90deg);
	-ms-transform: translateZ(-1000px) rotateX(-90deg);
	-o-transform: translateZ(-1000px) rotateX(-90deg);
	transform: translateZ(-1000px) rotateX(-90deg)
}
.wdo-item-hover.circle.effect11.top_to_bottom a:hover .info {
	-webkit-transform: translateZ(0) rotateX(0);
	-moz-transform: translateZ(0) rotateX(0);
	-ms-transform: translateZ(0) rotateX(0);
	-o-transform: translateZ(0) rotateX(0);
	transform: translateZ(0) rotateX(0)
}
.wdo-item-hover.circle.effect11.bottom_to_top .img {
	-webkit-transform: translateZ(0) rotateX(0);
	-moz-transform: translateZ(0) rotateX(0);
	-ms-transform: translateZ(0) rotateX(0);
	-o-transform: translateZ(0) rotateX(0);
	transform: translateZ(0) rotateX(0)
}
.wdo-item-hover.circle.effect11.bottom_to_top .info {
	-webkit-transform: translateZ(-1000px) rotateX(-90deg);
	-moz-transform: translateZ(-1000px) rotateX(-90deg);
	-ms-transform: translateZ(-1000px) rotateX(-90deg);
	-o-transform: translateZ(-1000px) rotateX(-90deg);
	transform: translateZ(-1000px) rotateX(-90deg)
}
.wdo-item-hover.circle.effect11.bottom_to_top a:hover .img {
	-webkit-transform: translateZ(-1000px) rotateX(90deg);
	-moz-transform: translateZ(-1000px) rotateX(90deg);
	-ms-transform: translateZ(-1000px) rotateX(90deg);
	-o-transform: translateZ(-1000px) rotateX(90deg);
	transform: translateZ(-1000px) rotateX(90deg)
}
.wdo-item-hover.circle.effect11.bottom_to_top a:hover .info {
	-webkit-transform: translateZ(0) rotateX(0);
	-moz-transform: translateZ(0) rotateX(0);
	-ms-transform: translateZ(0) rotateX(0);
	-o-transform: translateZ(0) rotateX(0);
	transform: translateZ(0) rotateX(0)
}
.wdo-item-hover.circle.effect12 .img {
	opacity: 1;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect12.colored .info {
	background: rgba(14, 139, 203, 1)
}
.wdo-item-hover.circle.effect12 .info {
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect12 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	
}
.wdo-item-hover.circle.effect12 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5)
}
.wdo-item-hover.circle.effect12 a:hover .img {
	opacity: 0;
	pointer-events: none
}
.wdo-item-hover.circle.effect12 a:hover .info {
	opacity: 1;
	visibility: visible
}
.wdo-item-hover.circle.effect12.left_to_right .img {
	-webkit-transform: translateX(0) rotate(0);
	-moz-transform: translateX(0) rotate(0);
	-ms-transform: translateX(0) rotate(0);
	-o-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0)
}
.wdo-item-hover.circle.effect12.left_to_right .info {
	-webkit-transform: translateX(100%) rotate(180deg);
	-moz-transform: translateX(100%) rotate(180deg);
	-ms-transform: translateX(100%) rotate(180deg);
	-o-transform: translateX(100%) rotate(180deg);
	transform: translateX(100%) rotate(180deg)
}
.wdo-item-hover.circle.effect12.left_to_right a:hover .img {
	-webkit-transform: translateX(100%) rotate(180deg);
	-moz-transform: translateX(100%) rotate(180deg);
	-ms-transform: translateX(100%) rotate(180deg);
	-o-transform: translateX(100%) rotate(180deg);
	transform: translateX(100%) rotate(180deg)
}
.wdo-item-hover.circle.effect12.left_to_right a:hover .info {
	-webkit-transform: translateX(0) rotate(0);
	-moz-transform: translateX(0) rotate(0);
	-ms-transform: translateX(0) rotate(0);
	-o-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0);
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	transition-delay: .4s
}
.wdo-item-hover.circle.effect12.right_to_left .img {
	-webkit-transform: translateX(0) rotate(0);
	-moz-transform: translateX(0) rotate(0);
	-ms-transform: translateX(0) rotate(0);
	-o-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0)
}
.wdo-item-hover.circle.effect12.right_to_left .info {
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-transform: translateX(-100%) rotate(-180deg);
	-moz-transform: translateX(-100%) rotate(-180deg);
	-ms-transform: translateX(-100%) rotate(-180deg);
	-o-transform: translateX(-100%) rotate(-180deg);
	transform: translateX(-100%) rotate(-180deg)
}
.wdo-item-hover.circle.effect12.right_to_left a:hover .img {
	-webkit-transform: translateX(-100%) rotate(-180deg);
	-moz-transform: translateX(-100%) rotate(-180deg);
	-ms-transform: translateX(-100%) rotate(-180deg);
	-o-transform: translateX(-100%) rotate(-180deg);
	transform: translateX(-100%) rotate(-180deg)
}
.wdo-item-hover.circle.effect12.right_to_left a:hover .info {
	-webkit-transform: translateX(0) rotate(0);
	-moz-transform: translateX(0) rotate(0);
	-ms-transform: translateX(0) rotate(0);
	-o-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0);
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	transition-delay: .4s
}
.wdo-item-hover.circle.effect12.top_to_bottom .img {
	-webkit-transform: translateY(0) rotate(0);
	-moz-transform: translateY(0) rotate(0);
	-ms-transform: translateY(0) rotate(0);
	-o-transform: translateY(0) rotate(0);
	transform: translateY(0) rotate(0)
}
.wdo-item-hover.circle.effect12.top_to_bottom .info {
	-webkit-transform: translateY(-100%) rotate(-180deg);
	-moz-transform: translateY(-100%) rotate(-180deg);
	-ms-transform: translateY(-100%) rotate(-180deg);
	-o-transform: translateY(-100%) rotate(-180deg);
	transform: translateY(-100%) rotate(-180deg)
}
.wdo-item-hover.circle.effect12.top_to_bottom a:hover .img {
	-webkit-transform: translateY(-100%) rotate(-180deg);
	-moz-transform: translateY(-100%) rotate(-180deg);
	-ms-transform: translateY(-100%) rotate(-180deg);
	-o-transform: translateY(-100%) rotate(-180deg);
	transform: translateY(-100%) rotate(-180deg)
}
.wdo-item-hover.circle.effect12.top_to_bottom a:hover .info {
	-webkit-transform: translateY(0) rotate(0);
	-moz-transform: translateY(0) rotate(0);
	-ms-transform: translateY(0) rotate(0);
	-o-transform: translateY(0) rotate(0);
	transform: translateY(0) rotate(0);
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	transition-delay: .4s
}
.wdo-item-hover.circle.effect12.bottom_to_top .img {
	-webkit-transform: translateY(0) rotate(0);
	-moz-transform: translateY(0) rotate(0);
	-ms-transform: translateY(0) rotate(0);
	-o-transform: translateY(0) rotate(0);
	transform: translateY(0) rotate(0)
}
.wdo-item-hover.circle.effect12.bottom_to_top .info {
	-webkit-transform: translateY(100%) rotate(180deg);
	-moz-transform: translateY(100%) rotate(180deg);
	-ms-transform: translateY(100%) rotate(180deg);
	-o-transform: translateY(100%) rotate(180deg);
	transform: translateY(100%) rotate(180deg)
}
.wdo-item-hover.circle.effect12.bottom_to_top a:hover .img {
	-webkit-transform: translateY(100%) rotate(180deg);
	-moz-transform: translateY(100%) rotate(180deg);
	-ms-transform: translateY(100%) rotate(180deg);
	-o-transform: translateY(100%) rotate(180deg);
	transform: translateY(100%) rotate(180deg)
}
.wdo-item-hover.circle.effect12.bottom_to_top a:hover .info {
	-webkit-transform: translateY(0) rotate(0);
	-moz-transform: translateY(0) rotate(0);
	-ms-transform: translateY(0) rotate(0);
	-o-transform: translateY(0) rotate(0);
	transform: translateY(0) rotate(0);
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	transition-delay: .4s
}
.wdo-item-hover.circle.effect13.colored .info {
	background: rgba(14, 139, 203, 0.9)
}
.wdo-item-hover.circle.effect13 .info {
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect13 .info h3 {
	visibility: hidden;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect13 .info p {
	visibility: hidden;
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect13 a:hover .info {
	opacity: 1
}
.wdo-item-hover.circle.effect13 a:hover h3 {
	visibility: visible
}
.wdo-item-hover.circle.effect13 a:hover p {
	visibility: visible
}
.wdo-item-hover.circle.effect13.from_left_and_right .info h3 {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.wdo-item-hover.circle.effect13.from_left_and_right .info p {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
.wdo-item-hover.circle.effect13.from_left_and_right a:hover h3 {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.circle.effect13.from_left_and_right a:hover p {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.circle.effect13.top_to_bottom .info h3 {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.wdo-item-hover.circle.effect13.top_to_bottom .info p {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.wdo-item-hover.circle.effect13.top_to_bottom a:hover h3 {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.circle.effect13.top_to_bottom a:hover p {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.circle.effect13.bottom_to_top .info h3 {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.wdo-item-hover.circle.effect13.bottom_to_top .info p {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.wdo-item-hover.circle.effect13.bottom_to_top a:hover h3 {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.circle.effect13.bottom_to_top a:hover p {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.circle.effect14 {
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px
}
.wdo-item-hover.circle.effect14 .img {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	transition: all .4s ease-out
}
.wdo-item-hover.circle.effect14.colored .info {
	background: rgba(14, 139, 203, 1)
}
.wdo-item-hover.circle.effect14 .info {
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .35s ease-in-out .3s;
	-moz-transition: all .35s ease-in-out .3s;
	transition: all .35s ease-in-out .3s
}
.wdo-item-hover.circle.effect14 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	
}
.wdo-item-hover.circle.effect14 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5)
}
.wdo-item-hover.circle.effect14 a:hover .img {
	opacity: 0;
	visibility: hidden
}
.wdo-item-hover.circle.effect14 a:hover .info {
	visibility: visible;
	opacity: 1
}
.wdo-item-hover.circle.effect14.left_to_right .img {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}
.wdo-item-hover.circle.effect14.left_to_right .info {
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	transform-origin: 0 50%
}
.wdo-item-hover.circle.effect14.left_to_right a:hover .img {
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	transform: rotateY(-90deg)
}
.wdo-item-hover.circle.effect14.left_to_right a:hover .info {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0)
}
.wdo-item-hover.circle.effect14.right_to_left .img {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	transform-origin: 0 50%
}
.wdo-item-hover.circle.effect14.right_to_left .info {
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}
.wdo-item-hover.circle.effect14.right_to_left a:hover .img {
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg)
}
.wdo-item-hover.circle.effect14.right_to_left a:hover .info {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0)
}
.wdo-item-hover.circle.effect14.top_to_bottom .img {
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}
.wdo-item-hover.circle.effect14.top_to_bottom .info {
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0
}
.wdo-item-hover.circle.effect14.top_to_bottom a:hover .img {
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg)
}
.wdo-item-hover.circle.effect14.top_to_bottom a:hover .info {
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0)
}
.wdo-item-hover.circle.effect14.bottom_to_top .img {
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0
}
.wdo-item-hover.circle.effect14.bottom_to_top .info {
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}
.wdo-item-hover.circle.effect14.bottom_to_top a:hover .img {
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg)
}
.wdo-item-hover.circle.effect14.bottom_to_top a:hover .info {
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0)
}
.wdo-item-hover.circle.effect15 .img {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1) rotate(0);
	-moz-transform: scale(1) rotate(0);
	-ms-transform: scale(1) rotate(0);
	-o-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect15.colored .info {
	background: rgba(14, 139, 203, 1)
}
.wdo-item-hover.circle.effect15 .info {
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0.5) rotate(-720deg);
	-moz-transform: scale(0.5) rotate(-720deg);
	-ms-transform: scale(0.5) rotate(-720deg);
	-o-transform: scale(0.5) rotate(-720deg);
	transform: scale(0.5) rotate(-720deg);
	-webkit-transition: all .35s ease-in-out .3s;
	-moz-transition: all .35s ease-in-out .3s;
	transition: all .35s ease-in-out .3s
}
.wdo-item-hover.circle.effect15 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	
}
.wdo-item-hover.circle.effect15 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5)
}
.wdo-item-hover.circle.effect15 a:hover .img {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0.5) rotate(720deg);
	-moz-transform: scale(0.5) rotate(720deg);
	-ms-transform: scale(0.5) rotate(720deg);
	-o-transform: scale(0.5) rotate(720deg);
	transform: scale(0.5) rotate(720deg)
}
.wdo-item-hover.circle.effect15 a:hover .info {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1) rotate(0);
	-moz-transform: scale(1) rotate(0);
	-ms-transform: scale(1) rotate(0);
	-o-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0)
}
.wdo-item-hover.circle.effect16 .img {
	z-index: 11;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect16.colored .info {
	background: rgba(14, 139, 203, 1)
}
.wdo-item-hover.circle.effect16 .info {
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect16 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
}
.wdo-item-hover.circle.effect16 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect16.left_to_right .img {
	-webkit-transform-origin: 90% 40%;
	-moz-transform-origin: 90% 40%;
	-ms-transform-origin: 90% 40%;
	-o-transform-origin: 90% 40%;
	transform-origin: 90% 40%
}
.wdo-item-hover.circle.effect16.left_to_right .img:after {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	border-radius: 0%;
	top: 40%;
	left: 90%;
	margin: -4px 0 0 -4px;
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 1px rgba(255,255,255,0.9)
}
.wdo-item-hover.circle.effect16.left_to_right a:hover .img {
	-webkit-transform: rotate(-120deg);
	-moz-transform: rotate(-120deg);
	-ms-transform: rotate(-120deg);
	-o-transform: rotate(-120deg);
	transform: rotate(-120deg)
}
.wdo-item-hover.circle.effect16.right_to_left .img {
	-webkit-transform-origin: 0% 40%;
	-moz-transform-origin: 0% 40%;
	-ms-transform-origin: 0% 40%;
	-o-transform-origin: 0% 40%;
	transform-origin: 0% 40%
}
.wdo-item-hover.circle.effect16.right_to_left .img:after {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	border-radius: 0%;
	top: 40%;
	left: 0%;
	margin: -4px 0 0 -4px;
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 1px rgba(255,255,255,0.9)
}
.wdo-item-hover.circle.effect16.right_to_left a:hover .img {
	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	transform: rotate(120deg)
}
.wdo-item-hover.circle.effect17 .info {
	opacity: 0;
	/*background:rgba(14, 139, 203, 1);*/
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect17 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	
}
.wdo-item-hover.circle.effect17 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect17 a:hover .img:before {
	box-shadow: inset 0 0 0 130px #333333, inset 0 0 0 5px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 0 0 130px rgba(14, 139, 203, 0.9), inset 0 0 0 5px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
}
.wdo-item-hover.circle.effect17 a:hover .info {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.circle.effect17 a:hover .info p {
	opacity: 1
}
.wdo-item-hover.circle.effect17.colored a:hover .img:before {
	box-shadow: inset 0 0 0 130px #1a4a72, inset 0 0 0 5px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 0 0 130px rgba(14, 139, 203, 0.9), inset 0 0 0 5px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1)
}
.wdo-item-hover.circle.effect18 {
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px
}
.wdo-item-hover.circle.effect18 .img {
	z-index: 11;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.wdo-item-hover.circle.effect18.colored .info .info-back {
	background: rgba(14, 139, 203, 1)
}
.wdo-item-hover.circle.effect18 .info {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.wdo-item-hover.circle.effect18 .info .info-back {
	opacity: 1;
	border-radius: 0%;
	width: 100%;
	height: 100%;
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.wdo-item-hover.circle.effect18 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	
}
.wdo-item-hover.circle.effect18 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5)
}
.wdo-item-hover.circle.effect18.bottom_to_top .img {
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0
}
.wdo-item-hover.circle.effect18.bottom_to_top a:hover .img {
	-webkit-transform: rotate3d(1, 0, 0, 180deg);
	-moz-transform: rotate3d(1, 0, 0, 180deg);
	-ms-transform: rotate3d(1, 0, 0, 180deg);
	-o-transform: rotate3d(1, 0, 0, 180deg);
	transform: rotate3d(1, 0, 0, 180deg)
}
.wdo-item-hover.circle.effect18.top_to_bottom .img {
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}
.wdo-item-hover.circle.effect18.top_to_bottom a:hover .img {
	-webkit-transform: rotate3d(1, 0, 0, -180deg);
	-moz-transform: rotate3d(1, 0, 0, -180deg);
	-ms-transform: rotate3d(1, 0, 0, -180deg);
	-o-transform: rotate3d(1, 0, 0, -180deg);
	transform: rotate3d(1, 0, 0, -180deg)
}
.wdo-item-hover.circle.effect18.left_to_right .img {
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}
.wdo-item-hover.circle.effect18.left_to_right a:hover .img {
	-webkit-transform: rotate3d(0, 1, 0, 180deg);
	-moz-transform: rotate3d(0, 1, 0, 180deg);
	-ms-transform: rotate3d(0, 1, 0, 180deg);
	-o-transform: rotate3d(0, 1, 0, 180deg);
	transform: rotate3d(0, 1, 0, 180deg)
}
.wdo-item-hover.circle.effect18.right_to_left .img {
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	transform-origin: 0 50%
}
.wdo-item-hover.circle.effect18.right_to_left a:hover .img {
	-webkit-transform: rotate3d(0, 1, 0, -180deg);
	-moz-transform: rotate3d(0, 1, 0, -180deg);
	-ms-transform: rotate3d(0, 1, 0, -180deg);
	-o-transform: rotate3d(0, 1, 0, -180deg);
	transform: rotate3d(0, 1, 0, -180deg)
}
.wdo-item-hover.circle.effect19.colored .info {
	background: rgba(14, 139, 203, 0.9)
}
.wdo-item-hover.circle.effect19 .info {
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect19 .info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	
}
.wdo-item-hover.circle.effect19 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5)
}
.wdo-item-hover.circle.effect19 a:hover .info {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.circle.effect20 {
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px
}
.wdo-item-hover.circle.effect20 .img {
	-webkit-transition: all .35s linear;
	-moz-transition: all .35s linear;
	transition: all .35s linear;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0
}
.wdo-item-hover.circle.effect20.colored .info .info-back {
	background: rgba(14, 139, 203, 1)
}
.wdo-item-hover.circle.effect20 .info {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.wdo-item-hover.circle.effect20 .info .info-back {
	opacity: 1;
	visibility: hidden;
	border-radius: 0%;
	width: 100%;
	height: 100%;
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-transition: all .35s linear;
	-moz-transition: all .35s linear;
	transition: all .35s linear;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.wdo-item-hover.circle.effect20 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	
}
.wdo-item-hover.circle.effect20 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5)
}
.wdo-item-hover.circle.effect20 a:hover .img {
	opacity: 0
}
.wdo-item-hover.circle.effect20 a:hover .info .info-back {
	opacity: 1;
	visibility: visible
}
.wdo-item-hover.circle.effect20.top_to_bottom .info .info-back {
	-webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	-moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	-ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	-o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg)
}
.wdo-item-hover.circle.effect20.top_to_bottom a:hover .img {
	-webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	-moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	-ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	-o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg)
}
.wdo-item-hover.circle.effect20.top_to_bottom a:hover .info .info-back {
	-webkit-transform: rotate3d(1, 0, 0, 0deg);
	-moz-transform: rotate3d(1, 0, 0, 0deg);
	-ms-transform: rotate3d(1, 0, 0, 0deg);
	-o-transform: rotate3d(1, 0, 0, 0deg);
	transform: rotate3d(1, 0, 0, 0deg)
}
.wdo-item-hover.circle.effect20.bottom_to_top .info .info-back {
	-webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	-moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	-ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	-o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg)
}
.wdo-item-hover.circle.effect20.bottom_to_top a:hover .img {
	-webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	-moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	-ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	-o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg)
}
.wdo-item-hover.circle.effect20.bottom_to_top a:hover .info .info-back {
	-webkit-transform: rotate3d(1, 0, 0, 0deg);
	-moz-transform: rotate3d(1, 0, 0, 0deg);
	-ms-transform: rotate3d(1, 0, 0, 0deg);
	-o-transform: rotate3d(1, 0, 0, 0deg);
	transform: rotate3d(1, 0, 0, 0deg)
}
.wdo-item-hover.circle.effect21.colored .info {
	background: rgba(14, 139, 203, 0.9)
}
.wdo-item-hover.circle.effect21 .info {
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect21 .info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	margin-left: -113px;
	padding: 85px 0 0;
	height: 120px;
	transform: scale(1) rotate(-45deg);
	
}
.wdo-item-hover.circle.effect21 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 0 0 45px;
	font-size: 12px;
	transform: scale(1) rotate(-45deg);
	border-top: 1px solid rgba(255,255,255,0.5)
}
.wdo-item-hover.circle.effect21 a:hover .info {
	opacity: 1;
	transform: scale(1) rotate(45deg);
	transition: all 0.5s ease-in 0s;
}
.wdo-item-hover.circle.effect22 {
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px
}
.wdo-item-hover.circle.effect22 .img {
	-webkit-transition: all .35s linear;
	-moz-transition: all .35s linear;
	transition: all .35s linear;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0
}
.wdo-item-hover.circle.effect22.colored .info .info-back {
	background: rgba(14, 139, 203, 1)
}
.wdo-item-hover.circle.effect22 .info {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.wdo-item-hover.circle.effect22 .info .info-back {
	opacity: 1;
	visibility: hidden;
	border-radius: 0%;
	width: 100%;
	height: 100%;
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-transition: all .35s linear;
	-moz-transition: all .35s linear;
	transition: all .35s linear;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.wdo-item-hover.circle.effect22 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	
}
.wdo-item-hover.circle.effect22 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5)
}
.wdo-item-hover.circle.effect22 a:hover .img {
	opacity: 0
}
.wdo-item-hover.circle.effect22 a:hover .info .info-back {
	opacity: 1;
	visibility: visible
}
.wdo-item-hover.circle.effect22.top_to_bottom .info .info-back {
	-webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	-moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	-ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	-o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg)
}
.wdo-item-hover.circle.effect22.top_to_bottom a:hover .img {
	-webkit-transform: translate3d(0, 680px, 0) rotate3d(1, 0, 0, 290deg);
	-moz-transform: translate3d(0, 680px, 0) rotate3d(1, 0, 0, 290deg);
	-ms-transform: translate3d(0, 680px, 0) rotate3d(1, 0, 0, 290deg);
	-o-transform: translate3d(0, 680px, 0) rotate3d(1, 0, 0, 290deg);
	transform: translate3d(0, 680px, 0) rotate3d(1, 0, 0, 290deg)
}
.wdo-item-hover.circle.effect22.top_to_bottom a:hover .info .info-back {
	-webkit-transform: rotate3d(1, 0, 0, 0deg);
	-moz-transform: rotate3d(1, 0, 0, 0deg);
	-ms-transform: rotate3d(1, 0, 0, 0deg);
	-o-transform: rotate3d(1, 0, 0, 0deg);
	transform: rotate3d(1, 0, 0, 0deg)
}
.wdo-item-hover.circle.effect22.bottom_to_top .info .info-back {
	-webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	-moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	-ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	-o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg)
}
.wdo-item-hover.circle.effect22.bottom_to_top a:hover .img {
	-webkit-transform: translate3d(0, 0, -620px) rotate3d(1, 0, 0, 290deg);
	-moz-transform: translate3d(0, 0, -620px) rotate3d(1, 0, 0, 290deg);
	-ms-transform: translate3d(0, 0, -620px) rotate3d(1, 0, 0, 290deg);
	-o-transform: translate3d(0, 0, -620px) rotate3d(1, 0, 0, 290deg);
	transform: translate3d(0, 0, -620px) rotate3d(1, 0, 0, 290deg)
}
.wdo-item-hover.circle.effect22.bottom_to_top a:hover .info .info-back {
	-webkit-transform: rotate3d(1, 0, 0, 0deg);
	-moz-transform: rotate3d(1, 0, 0, 0deg);
	-ms-transform: rotate3d(1, 0, 0, 0deg);
	-o-transform: rotate3d(1, 0, 0, 0deg);
	transform: rotate3d(1, 0, 0, 0deg)
}
/*.wdo-item-hover.circle.effect23.colored .info {
	background: rgba(14, 139, 203, 0.9)
}
.wdo-item-hover.circle.effect23 .info {
	background: #333;
	    background: rgba(8, 63, 88, 0.6);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	border-radius: 50%;
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-transition: all 1.35s ease-in-out;
	-moz-transition: all 1.35s ease-in-out;
	transition: all 1.35s ease-in-out
}
.wdo-item-hover.circle.effect23 .info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	margin-left: -113px;
	padding: 110px 0 0;
	height: 120px;
	transform: scale(1) rotate(-45deg);
	
}
.wdo-item-hover.circle.effect23 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 0 0 45px;
	font-size: 12px;
	transform: scale(1) rotate(-45deg);
	border-top: 1px solid rgba(255,255,255,0.5)
}
.wdo-item-hover.circle.effect23 a:hover .info {
	opacity: 1;
	transform: scale(1) rotate(45deg);
	transition: all 0.5s ease-in 0s;
}*/
.wdo-item-hover.circle.effect24 {
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px
}
.wdo-item-hover.circle.effect24.colored .info .info-back {
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.wdo-item-hover.circle.effect24 .info {
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.wdo-item-hover.circle.effect24 .info .info-back {
	visibility: hidden;
	border-radius: 0%;
	width: 100%;
	height: 100%;
	    background: rgba(8, 63, 88, 0.6);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-transform: rotate3d(0, 1, 0, 180deg);
	-moz-transform: rotate3d(0, 1, 0, 180deg);
	-ms-transform: rotate3d(0, 1, 0, 180deg);
	-o-transform: rotate3d(0, 1, 0, 180deg);
	transform: rotate3d(0, 1, 0, 180deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.wdo-item-hover.circle.effect24 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	
}
.wdo-item-hover.circle.effect24 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5)
}
.wdo-item-hover.circle.effect24 a:hover .info {
	-webkit-transform: rotate3d(0, 1, 0, -180deg);
	-moz-transform: rotate3d(0, 1, 0, -180deg);
	-ms-transform: rotate3d(0, 1, 0, -180deg);
	-o-transform: rotate3d(0, 1, 0, -180deg);
	transform: rotate3d(0, 1, 0, -180deg)
}
.wdo-item-hover.circle.effect24 a:hover .info .info-back {
	visibility: visible
}
.wdo-item-hover.circle.effect25 .info {
	opacity: 0;
	/*background:rgba(14, 139, 203, 1);*/
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect25 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	
}
.wdo-item-hover.circle.effect25 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect25 a:hover .img:before {
	box-shadow: inset 0 0 0 130px #333333, inset 0 0 0 5px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 0 0 130px rgba(14, 139, 203, 0.9), inset 0 0 0 5px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
	border-radius: 50% 0;
}
.wdo-item-hover.circle.effect25 a:hover .info {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.circle.effect25 a:hover .info p {
	opacity: 1
}
.wdo-item-hover.circle.effect25.colored a:hover .img:before {
	box-shadow: inset 0 0 0 130px #1a4a72, inset 0 0 0 5px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 0 0 130px rgba(14, 139, 203, 0.9), inset 0 0 0 5px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1)
}
.wdo-item-hover.circle.effect26 .info {
	opacity: 0;
	/*background:rgba(14, 139, 203, 1);*/
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect26 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	
}
.wdo-item-hover.circle.effect26 .info p {
	color: #ffffff;
	padding: 10px 5px;
	font-style: normal;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.circle.effect26 a:hover .img:before {
	box-shadow: inset 0 0 0 130px #333333, inset 0 0 0 5px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 0 0 130px rgba(14, 139, 203, 0.9), inset 0 0 0 5px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
	border-radius: 0 50%;
}
.wdo-item-hover.circle.effect26 a:hover .info {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.circle.effect26 a:hover .info p {
	opacity: 1
}
.wdo-item-hover.circle.effect26.colored a:hover .img:before {
	box-shadow: inset 0 0 0 130px #1a4a72, inset 0 0 0 5px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 0 0 130px rgba(14, 139, 203, 0.9), inset 0 0 0 5px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1)
}
.wdo-item-hover.circle.effect27 {
	overflow: hidden
}
.wdo-item-hover.circle.effect27.colored .info {
	background: rgba(14, 139, 203, 1)
}
/*.wdo-item-hover.circle.effect27.colored .info h3 {
	background: rgba(12, 109, 158, 1)
}*/
.wdo-item-hover.circle.effect27 .img {
	opacity: 1;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: rotate(0deg) scale(1);
	-moz-transform: rotate(0deg) scale(1);
	-ms-transform: rotate(0deg) scale(1);
	-o-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1)
}
.wdo-item-hover.circle.effect27 .info {
	    background: rgba(8, 63, 88, 0.6);
	visibility: hidden;
	border-radius: 0 0 50% 50%;
	-moz-border-radius: 0 0 50% 50%;
	-webkit-border-radius: 0 0 50% 50%;
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-transition: all .35s .3s ease-in-out;
	-moz-transition: all .35s .3s ease-in-out;
	transition: all .35s .3s ease-in-out
}
.wdo-item-hover.circle.effect27 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	/*background: rgba(12, 109, 158, 1);*/
	/*margin: 30px 6px 0;*/
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all .35s .6s ease-in-out;
	-moz-transition: all .35s .6s ease-in-out;
	transition: all .35s .6s ease-in-out
}
.wdo-item-hover.circle.effect27 .info p {
	font-style: normal;
	font-size: 12px;
	position: relative;
	color: #ffffff;
	padding: 20px;
	margin: 0 10px;
	text-align: center;
	border-top: 1px solid rgba(255,255,255,0.5);
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all .35s .5s linear;
	-moz-transition: all .35s .5s linear;
	transition: all .35s .5s linear
}
.wdo-item-hover.circle.effect27 a:hover .img {
	-webkit-transform: rotate(720deg) scale(0);
	-moz-transform: rotate(720deg) scale(0);
	-ms-transform: rotate(720deg) scale(0);
	-o-transform: rotate(720deg) scale(0);
	transform: rotate(720deg) scale(0);
	opacity: 0;
}
.wdo-item-hover.circle.effect27 a:hover .info {
	visibility: visible;
}
.wdo-item-hover.circle.effect27 a:hover .info h3, .wdo-item-hover.circle.effect27 a:hover .info p {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.wdo-item-hover.circle.effect28 {
/*overflow: hidden*/
}
.wdo-item-hover.circle.effect28.colored .info {
	background: rgba(14, 139, 203, 1)
}
.wdo-item-hover.circle.effect27.colored .info h3 {
	background: rgba(12, 109, 158, 1)
}
.wdo-item-hover.circle.effect28 .img {
	opacity: 1;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: rotate(0deg) scale(1);
	-moz-transform: rotate(0deg) scale(1);
	-ms-transform: rotate(0deg) scale(1);
	-o-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1)
}
.wdo-item-hover.circle.effect28 .info {
	    background: rgba(8, 63, 88, 0.6);
	visibility: hidden;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-transition: all .35s .3s ease-in-out;
	-moz-transition: all .35s .3s ease-in-out;
	transition: all .35s .3s ease-in-out
}
.wdo-item-hover.circle.effect28 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 22px;
	padding: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	margin: 50px 50px 0 50px;
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all .35s .6s ease-in-out;
	-moz-transition: all .35s .6s ease-in-out;
	transition: all .35s .6s ease-in-out
}
.wdo-item-hover.circle.effect28 .info p {
	font-style: normal;
	font-size: 12px;
	position: relative;
	color: #ffffff;
	padding: 20px;
	text-align: center;
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all .35s .5s linear;
	-moz-transition: all .35s .5s linear;
	transition: all .35s .5s linear
}
.wdo-item-hover.circle.effect28 a:hover .img {
	-webkit-transform: rotate(720deg) scale(0);
	-moz-transform: rotate(720deg) scale(0);
	-ms-transform: rotate(720deg) scale(0);
	-o-transform: rotate(720deg) scale(0);
	transform: rotate(720deg) scale(0);
	opacity: 0;
}
.wdo-item-hover.circle.effect28 a:hover .info {
	visibility: visible;
}
.wdo-item-hover.circle.effect28 a:hover .info h3, .wdo-item-hover.circle.effect28 a:hover .info p {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.wdo-item-hover.circle.effect29 {
/*overflow: hidden*/
}
.wdo-item-hover.circle.effect29.colored .info {
	background: rgba(14, 139, 203, 1)
}
.wdo-item-hover.circle.effect29.colored .info h3 {
	background: rgba(12, 109, 158, 1)
}
.wdo-item-hover.circle.effect29 .img {
	opacity: 1;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: rotate(0deg) scale(1);
	-moz-transform: rotate(0deg) scale(1);
	-ms-transform: rotate(0deg) scale(1);
	-o-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1)
}
.wdo-item-hover.circle.effect29 .info {
	    background: rgba(8, 63, 88, 0.6);
	visibility: hidden;
	border-radius: 0%;
	-moz-border-radius: 0%;
	-webkit-border-radius: 0%;
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-transition: all .35s .3s ease-in-out;
	-moz-transition: all .35s .3s ease-in-out;
	transition: all .35s .3s ease-in-out
}
.wdo-item-hover.circle.effect29 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 22px;
	padding: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	margin: 50px 5px 0 5px;
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all .35s .6s ease-in-out;
	-moz-transition: all .35s .6s ease-in-out;
	transition: all .35s .6s ease-in-out
}
.wdo-item-hover.circle.effect29 .info p {
	font-style: normal;
	font-size: 12px;
	position: relative;
	color: #ffffff;
	padding: 20px;
	text-align: center;
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all .35s .5s linear;
	-moz-transition: all .35s .5s linear;
	transition: all .35s .5s linear
}
.wdo-item-hover.circle.effect29 a:hover .img {
	-webkit-transform: rotate(720deg) scale(0);
	-moz-transform: rotate(720deg) scale(0);
	-ms-transform: rotate(720deg) scale(0);
	-o-transform: rotate(720deg) scale(0);
	transform: rotate(720deg) scale(0);
	opacity: 0;
}
.wdo-item-hover.circle.effect29 a:hover .info {
	visibility: visible;
}
.wdo-item-hover.circle.effect29 a:hover .info h3, .wdo-item-hover.circle.effect29 a:hover .info p {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.wdo-item-hover.circle.effect30 {
/*overflow: hidden*/
}
.wdo-item-hover.circle.effect30.colored .info {
	background: rgba(14, 139, 203, 1)
}
.wdo-item-hover.circle.effect30.colored .info h3 {
	background: rgba(12, 109, 158, 1)
}
.wdo-item-hover.circle.effect30 .img {
	opacity: 1;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: rotate(0deg) scale(1);
	-moz-transform: rotate(0deg) scale(1);
	-ms-transform: rotate(0deg) scale(1);
	-o-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1)
}
.wdo-item-hover.circle.effect30 .info {
	    background: rgba(8, 63, 88, 0.6);
	visibility: hidden;
	border-radius: 20% 50% 20% 50%;
	-moz-border-radius: 20% 50% 20% 50%;
	-webkit-border-radius: 20% 50% 20% 50%;
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-transition: all .35s .3s ease-in-out;
	-moz-transition: all .35s .3s ease-in-out;
	transition: all .35s .3s ease-in-out
}
.wdo-item-hover.circle.effect30 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 22px;
	padding: 10px;
	/*border-bottom: 1px solid rgba(255, 255, 255, 0.5);*/
	/*margin: 60px 50px 0 50px;*/
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all .35s .6s ease-in-out;
	-moz-transition: all .35s .6s ease-in-out;
	transition: all .35s .6s ease-in-out
}
.wdo-item-hover.circle.effect30 .info p {
	font-style: normal;
	font-size: 12px;
	position: relative;
	color: #ffffff;
	border-top: 1px solid rgba(255,255,255,0.5);
	padding: 12px 20px 20px 20px;
	text-align: center;
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all .35s .5s linear;
	-moz-transition: all .35s .5s linear;
	transition: all .35s .5s linear
}
.wdo-item-hover.circle.effect30 a:hover .img {
	-webkit-transform: rotate(720deg) scale(0);
	-moz-transform: rotate(720deg) scale(0);
	-ms-transform: rotate(720deg) scale(0);
	-o-transform: rotate(720deg) scale(0);
	transform: rotate(720deg) scale(0);
	opacity: 0;
}
.wdo-item-hover.circle.effect30 a:hover .info {
	visibility: visible;
}
.wdo-item-hover.circle.effect30 a:hover .info h3, .wdo-item-hover.circle.effect30 a:hover .info p {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.wdo-item-hover.square.effect1 {
	overflow: hidden
}
.wdo-item-hover.square.effect1.colored .info {
	background: rgba(118,185,215,1)
}
.wdo-item-hover.square.effect1 .img {
	z-index: 11;
	position: absolute;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.square.effect1 .info {
	background: #333;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.square.effect1 a:hover .info {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.square.effect1.left_and_right .info h3 {
	position: absolute;
	top: 12px;
	left: 12px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	margin: 0
}
.wdo-item-hover.square.effect1.left_and_right .info p {
	position: absolute;
	right: 12px;
	bottom: 12px;
	margin: 0;
	font-style: normal;
	font-size: 12px;
	color: #ffffff
}
.wdo-item-hover.square.effect1.left_and_right a:hover .img {
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-ms-transform: scale(0.6);
	-o-transform: scale(0.6);
	transform: scale(0.6)
}
.wdo-item-hover.square.effect1.top_to_bottom .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px 10px 0 4px;
	margin: 10px 0 0
}
.wdo-item-hover.square.effect1.top_to_bottom .info p {
	font-style: normal;
	font-size: 12px;
	color: #ffffff;
	padding: 5px;
	text-align: center
}
.wdo-item-hover.square.effect1.top_to_bottom a:hover .img {
	-webkit-transform: translateY(30px) scale(0.6);
	-moz-transform: translateY(30px) scale(0.6);
	-ms-transform: translateY(30px) scale(0.6);
	-o-transform: translateY(30px) scale(0.6);
	transform: translateY(30px) scale(0.6)
}
.wdo-item-hover.square.effect1.bottom_to_top .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px 10px 0 4px;
	margin: 134px 0 0
}
.wdo-item-hover.square.effect1.bottom_to_top .info p {
	font-style: normal;
	font-size: 12px;
	color: #ffffff;
	padding: 5px;
	text-align: center
}
.wdo-item-hover.square.effect1.bottom_to_top a:hover .img {
	-webkit-transform: translateY(-30px) scale(0.6);
	-moz-transform: translateY(-30px) scale(0.6);
	-ms-transform: translateY(-30px) scale(0.6);
	-o-transform: translateY(-30px) scale(0.6);
	transform: translateY(-30px) scale(0.6)
}
.wdo-item-hover.square.effect2 {
	overflow: hidden
}
.wdo-item-hover.square.effect2.colored .info {
	background: rgba(118,185,215,1)
}
.wdo-item-hover.square.effect2.colored .info h3 {
	background: rgba(12,34,52,0.6)
}
.wdo-item-hover.square.effect2 .img {
	opacity: 1;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: rotate(0deg) scale(1);
	-moz-transform: rotate(0deg) scale(1);
	-ms-transform: rotate(0deg) scale(1);
	-o-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1)
}
.wdo-item-hover.square.effect2 .info {
	background: #333;
	visibility: hidden;
	-webkit-transition: all .35s .3s ease-in-out;
	-moz-transition: all .35s .3s ease-in-out;
	transition: all .35s .3s ease-in-out
}
.wdo-item-hover.square.effect2 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111;
	margin: 30px 0 0;
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all .35s .6s ease-in-out;
	-moz-transition: all .35s .6s ease-in-out;
	transition: all .35s .6s ease-in-out
}
.wdo-item-hover.square.effect2 .info p {
	font-style: normal;
	font-size: 12px;
	position: relative;
	color: #ffffff;
	padding: 20px;
	text-align: center;
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all .35s .5s linear;
	-moz-transition: all .35s .5s linear;
	transition: all .35s .5s linear
}
.wdo-item-hover.square.effect2 a:hover .img {
	-webkit-transform: rotate(720deg) scale(0);
	-moz-transform: rotate(720deg) scale(0);
	-ms-transform: rotate(720deg) scale(0);
	-o-transform: rotate(720deg) scale(0);
	transform: rotate(720deg) scale(0);
	opacity: 0
}
.wdo-item-hover.square.effect2 a:hover .info {
	visibility: visible
}
.wdo-item-hover.square.effect2 a:hover .info h3, .wdo-item-hover.square.effect2 a:hover .info p {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.square.effect3 {
	overflow: hidden
}
.wdo-item-hover.square.effect3.colored .info {
	background: rgba(118,185,215,1)
}
.wdo-item-hover.square.effect3 .img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.square.effect3 .info {
	height: 65px;
	background: #333;
	opacity: 0;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.square.effect3 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px 10px 0 4px;
	margin: 4px 0 0
}
.wdo-item-hover.square.effect3 .info p {
	font-style: normal;
	font-size: 12px;
	position: relative;
	color: #ffffff;
	padding: 5px;
	text-align: center
}
.wdo-item-hover.square.effect3 a:hover .info {
	visibility: visible;
	opacity: 1
}
.wdo-item-hover.square.effect3.bottom_to_top .info {
	top: auto;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.wdo-item-hover.square.effect3.bottom_to_top a:hover .img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px)
}
.wdo-item-hover.square.effect3.bottom_to_top a:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.square.effect3.top_to_bottom .info {
	bottom: auto;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.wdo-item-hover.square.effect3.top_to_bottom a:hover .img {
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px)
}
.wdo-item-hover.square.effect3.top_to_bottom a:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.square.effect4 {
	overflow: hidden;
	position: relative
}
.wdo-item-hover.square.effect4.colored .info {
	background: rgba(12,34,52,0.6)
}
.wdo-item-hover.square.effect4.colored .mask1, .wdo-item-hover.square.effect4.colored .mask2 {
	background: rgba(118,185,215,0.60)
}
.wdo-item-hover.square.effect4 .img {
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.square.effect4 .mask1, .wdo-item-hover.square.effect4 .mask2 {
	position: absolute;
	background: #333;
	background: rgba(0,0,0,0.6);
	height: 361px;
	width: 361px;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.square.effect4 .mask1 {
	left: auto;
	right: 0;
	top: 0;
	-webkit-transform: rotate(56.5deg) translateX(-180px);
	-moz-transform: rotate(56.5deg) translateX(-180px);
	-ms-transform: rotate(56.5deg) translateX(-180px);
	-o-transform: rotate(56.5deg) translateX(-180px);
	transform: rotate(56.5deg) translateX(-180px);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-o-transform-origin: 100% 0;
	transform-origin: 100% 0
}
.wdo-item-hover.square.effect4 .mask2 {
	top: auto;
	bottom: 0;
	left: 0;
	-webkit-transform: rotate(56.5deg) translateX(180px);
	-moz-transform: rotate(56.5deg) translateX(180px);
	-ms-transform: rotate(56.5deg) translateX(180px);
	-o-transform: rotate(56.5deg) translateX(180px);
	transform: rotate(56.5deg) translateX(180px);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%
}
.wdo-item-hover.square.effect4 .info {
	background: #111;
	height: 0;
	visibility: hidden;
	width: 361px;
	-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
	-moz-transform: rotate(-33.5deg) translate(-112px, 166px);
	-ms-transform: rotate(-33.5deg) translate(-112px, 166px);
	-o-transform: rotate(-33.5deg) translate(-112px, 166px);
	transform: rotate(-33.5deg) translate(-112px, 166px);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transition: all .35s ease-in-out .35s;
	-moz-transition: all .35s ease-in-out .35s;
	transition: all .35s ease-in-out .35s
}
.wdo-item-hover.square.effect4 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: transparent;
	margin-top: 5px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	opacity: 0;
	-webkit-transition: all .35s ease-in-out .35s;
	-moz-transition: all .35s ease-in-out .35s;
	transition: all .35s ease-in-out .35s
}
.wdo-item-hover.square.effect4 .info p {
	font-style: normal;
	font-size: 12px;
	position: relative;
	color: #ffffff;
	padding: 20px;
	text-align: center;
	opacity: 0;
	-webkit-transition: all .35s ease-in-out .35s;
	-moz-transition: all .35s ease-in-out .35s;
	transition: all .35s ease-in-out .35s
}
.wdo-item-hover.square.effect4 a:hover .mask1 {
	-webkit-transform: rotate(56.5deg) translateX(1px);
	-moz-transform: rotate(56.5deg) translateX(1px);
	-ms-transform: rotate(56.5deg) translateX(1px);
	-o-transform: rotate(56.5deg) translateX(1px);
	transform: rotate(56.5deg) translateX(1px)
}
.wdo-item-hover.square.effect4 a:hover .mask2 {
	-webkit-transform: rotate(56.5deg) translateX(-1px);
	-moz-transform: rotate(56.5deg) translateX(-1px);
	-ms-transform: rotate(56.5deg) translateX(-1px);
	-o-transform: rotate(56.5deg) translateX(-1px);
	transform: rotate(56.5deg) translateX(-1px)
}
.wdo-item-hover.square.effect4 a:hover .info {
	width: 300px;
	height: 120px;
	visibility: visible;
	top: 40px;
	-webkit-transform: rotate(0deg) translate(0, 0);
	-moz-transform: rotate(0deg) translate(0, 0);
	-ms-transform: rotate(0deg) translate(0, 0);
	-o-transform: rotate(0deg) translate(0, 0);
	transform: rotate(0deg) translate(0, 0)
}
.wdo-item-hover.square.effect4 a:hover .info h3, .wdo-item-hover.square.effect4 a:hover .info p {
	opacity: 1
}
.wdo-item-hover.square.effect5.colored .info {
	background: rgba(118,185,215,1)
}
.wdo-item-hover.square.effect5.colored .info h3 {
	background: rgba(12,34,52,0.6)
}
.wdo-item-hover.square.effect5 .img {
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.square.effect5 .info {
	background: #333;
	opacity: 0;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.square.effect5 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111;
	margin: 30px 0 0
}
.wdo-item-hover.square.effect5 .info p {
	font-style: normal;
	font-size: 12px;
	position: relative;
	color: #ffffff;
	padding: 20px;
	text-align: center
}
.wdo-item-hover.square.effect5 a:hover .img {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition-delay: 0;
	-moz-transition-delay: 0;
	transition-delay: 0
}
.wdo-item-hover.square.effect5 a:hover .info {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	transition-delay: .3s
}
.wdo-item-hover.square.effect5.left_to_right .info {
	-webkit-transform: scale(0) rotate(-180deg);
	-moz-transform: scale(0) rotate(-180deg);
	-ms-transform: scale(0) rotate(-180deg);
	-o-transform: scale(0) rotate(-180deg);
	transform: scale(0) rotate(-180deg)
}
.wdo-item-hover.square.effect5.right_to_left .info {
	-webkit-transform: scale(0) rotate(180deg);
	-moz-transform: scale(0) rotate(180deg);
	-ms-transform: scale(0) rotate(180deg);
	-o-transform: scale(0) rotate(180deg);
	transform: scale(0) rotate(180deg)
}
.wdo-item-hover.square.effect6 {
	overflow: hidden
}
.wdo-item-hover.square.effect6.colored .info {
	background: rgba(118,185,215,0.60)
}
.wdo-item-hover.square.effect6.colored .info h3 {
	background: rgba(12,34,52,0.6)
}
.wdo-item-hover.square.effect6 .img {
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.square.effect6 .info {
	background: #333;
	background: rgba(0,0,0,0.6);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.square.effect6 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111;
	margin: 30px 0 0;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.square.effect6 .info p {
	font-style: normal;
	font-size: 12px;
	position: relative;
	color: #ffffff;
	padding: 20px;
	text-align: center;
	-webkit-transition: all .35s .1s linear;
	-moz-transition: all .35s .1s linear;
	transition: all .35s .1s linear
}
.wdo-item-hover.square.effect6 a:hover .img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)
}
.wdo-item-hover.square.effect6 a:hover .info {
	visibility: visible;
	opacity: 1
}
.wdo-item-hover.square.effect6.from_top_and_bottom .info h3 {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.wdo-item-hover.square.effect6.from_top_and_bottom .info p {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.wdo-item-hover.square.effect6.from_top_and_bottom a:hover .info h3, .wdo-item-hover.square.effect6.from_top_and_bottom a:hover .info p {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.square.effect6.from_left_and_right .info h3 {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.wdo-item-hover.square.effect6.from_left_and_right .info p {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
.wdo-item-hover.square.effect6.from_left_and_right a:hover .info h3, .wdo-item-hover.square.effect6.from_left_and_right a:hover .info p {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.square.effect6.top_to_bottom .info h3 {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.wdo-item-hover.square.effect6.top_to_bottom .info p {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.wdo-item-hover.square.effect6.top_to_bottom a:hover .info h3, .wdo-item-hover.square.effect6.top_to_bottom a:hover .info p {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.square.effect6.bottom_to_top .info h3 {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.wdo-item-hover.square.effect6.bottom_to_top .info p {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.wdo-item-hover.square.effect6.bottom_to_top a:hover .info h3, .wdo-item-hover.square.effect6.bottom_to_top a:hover .info p {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.square.effect7 {
	overflow: hidden
}
.wdo-item-hover.square.effect7.colored .info {
	background: rgba(118,185,215,0.60)
}
.wdo-item-hover.square.effect7.colored .info h3 {
	background: rgba(12,34,52,0.6)
}
.wdo-item-hover.square.effect7 .img {
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.square.effect7 .info {
	background: #333;
	background: rgba(0,0,0,0.6);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.square.effect7 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111;
	margin: 30px 0 0;
	-webkit-transform: scale(4);
	-moz-transform: scale(4);
	-ms-transform: scale(4);
	-o-transform: scale(4);
	transform: scale(4);
	-webkit-transition: all .35s .1s ease-in-out;
	-moz-transition: all .35s .1s ease-in-out;
	transition: all .35s .1s ease-in-out
}
.wdo-item-hover.square.effect7 .info p {
	font-style: normal;
	font-size: 12px;
	position: relative;
	color: #ffffff;
	padding: 20px;
	text-align: center;
	-webkit-transform: scale(5);
	-moz-transform: scale(5);
	-ms-transform: scale(5);
	-o-transform: scale(5);
	transform: scale(5);
	-webkit-transition: all .35s .3s linear;
	-moz-transition: all .35s .3s linear;
	transition: all .35s .3s linear
}
.wdo-item-hover.square.effect7 a:hover .img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)
}
.wdo-item-hover.square.effect7 a:hover .info {
	visibility: visible;
	opacity: 1
}
.wdo-item-hover.square.effect7 a:hover .info h3, .wdo-item-hover.square.effect7 a:hover .info p {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.square.effect8 {
	overflow: hidden
}
.wdo-item-hover.square.effect8.colored .info {
	background: rgba(118,185,215,1)
}
.wdo-item-hover.square.effect8.colored .info h3 {
	background: rgba(12,34,52,0.6)
}
.wdo-item-hover.square.effect8 .img {
	opacity: 1;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.square.effect8 .info {
	background: #333;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.square.effect8 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111;
	margin: 30px 0 0;
	-webkit-transition: all .35s .1s ease-in-out;
	-moz-transition: all .35s .1s ease-in-out;
	transition: all .35s .1s ease-in-out
}
.wdo-item-hover.square.effect8 .info p {
	font-style: normal;
	font-size: 12px;
	position: relative;
	color: #ffffff;
	padding: 20px;
	text-align: center;
	-webkit-transition: all .35s .15s linear;
	-moz-transition: all .35s .15s linear;
	transition: all .35s .15s linear
}
.wdo-item-hover.square.effect8 a:hover .img {
	opacity: 0
}
.wdo-item-hover.square.effect8 a:hover .info {
	visibility: visible;
	opacity: 1
}
.wdo-item-hover.square.effect8.scale_up .img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.square.effect8.scale_up .info {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}
.wdo-item-hover.square.effect8.scale_up .info h3, .wdo-item-hover.square.effect8.scale_up .info p {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}
.wdo-item-hover.square.effect8.scale_up a:hover .img {
	-webkit-transform: scale(5);
	-moz-transform: scale(5);
	-ms-transform: scale(5);
	-o-transform: scale(5);
	transform: scale(5)
}
.wdo-item-hover.square.effect8.scale_up a:hover .info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.square.effect8.scale_up a:hover .info h3, .wdo-item-hover.square.effect8.scale_up a:hover .info p {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.square.effect8.scale_down .img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.square.effect8.scale_down .info {
	-webkit-transform: scale(5);
	-moz-transform: scale(5);
	-ms-transform: scale(5);
	-o-transform: scale(5);
	transform: scale(5)
}
.wdo-item-hover.square.effect8.scale_down .info h3, .wdo-item-hover.square.effect8.scale_down .info p {
	-webkit-transform: scale(5);
	-moz-transform: scale(5);
	-ms-transform: scale(5);
	-o-transform: scale(5);
	transform: scale(5)
}
.wdo-item-hover.square.effect8.scale_down a:hover .img {
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5)
}
.wdo-item-hover.square.effect8.scale_down a:hover .info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.square.effect8.scale_down a:hover .info h3, .wdo-item-hover.square.effect8.scale_down a:hover .info p {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.square.effect9 {
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px
}
.wdo-item-hover.square.effect9.colored .info .info-back {
	background: rgba(118,185,215,1)
}
.wdo-item-hover.square.effect9.colored .info h3 {
	background: rgba(12,34,52,0.6)
}
.wdo-item-hover.square.effect9 .img {
	position: relative;
	z-index: 11;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.wdo-item-hover.square.effect9 .info {
	z-index: 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.wdo-item-hover.square.effect9 .info .info-back {
	opacity: 1;
	width: 100%;
	height: 100%;
	padding-top: 30px;
	background: #333
}
.wdo-item-hover.square.effect9 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111;
	margin: 0
}
.wdo-item-hover.square.effect9 .info p {
	font-style: normal;
	font-size: 12px;
	position: relative;
	color: #ffffff;
	padding: 20px;
	text-align: center
}
.wdo-item-hover.square.effect9.left_to_right .img {
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}
.wdo-item-hover.square.effect9.left_to_right a:hover .img {
	-webkit-transform: rotate3d(0, 1, 0, 180deg);
	-moz-transform: rotate3d(0, 1, 0, 180deg);
	-ms-transform: rotate3d(0, 1, 0, 180deg);
	-o-transform: rotate3d(0, 1, 0, 180deg);
	transform: rotate3d(0, 1, 0, 180deg)
}
.wdo-item-hover.square.effect9.right_to_left .img {
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	transform-origin: 0 50%
}
.wdo-item-hover.square.effect9.right_to_left a:hover .img {
	-webkit-transform: rotate3d(0, 1, 0, -180deg);
	-moz-transform: rotate3d(0, 1, 0, -180deg);
	-ms-transform: rotate3d(0, 1, 0, -180deg);
	-o-transform: rotate3d(0, 1, 0, -180deg);
	transform: rotate3d(0, 1, 0, -180deg)
}
.wdo-item-hover.square.effect9.top_to_bottom .img {
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}
.wdo-item-hover.square.effect9.top_to_bottom a:hover .img {
	-webkit-transform: rotate3d(1, 0, 0, -180deg);
	-moz-transform: rotate3d(1, 0, 0, -180deg);
	-ms-transform: rotate3d(1, 0, 0, -180deg);
	-o-transform: rotate3d(1, 0, 0, -180deg);
	transform: rotate3d(1, 0, 0, -180deg)
}
.wdo-item-hover.square.effect9.bottom_to_top .img {
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0
}
.wdo-item-hover.square.effect9.bottom_to_top a:hover .img {
	-webkit-transform: rotate3d(1, 0, 0, 180deg);
	-moz-transform: rotate3d(1, 0, 0, 180deg);
	-ms-transform: rotate3d(1, 0, 0, 180deg);
	-o-transform: rotate3d(1, 0, 0, 180deg);
	transform: rotate3d(1, 0, 0, 180deg)
}
.wdo-item-hover.square.effect10 {
	overflow: hidden
}
.wdo-item-hover.square.effect10.colored .info {
	background: rgba(118,185,215,1)
}
.wdo-item-hover.square.effect10.colored .info h3 {
	background: rgba(12,34,52,0.6)
}
.wdo-item-hover.square.effect10 .img {
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.square.effect10 .info {
	background: #333;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.square.effect10 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111;
	margin: 30px 0 0
}
.wdo-item-hover.square.effect10 .info p {
	font-style: normal;
	font-size: 12px;
	position: relative;
	color: #ffffff;
	padding: 20px;
	text-align: center
}
.wdo-item-hover.square.effect10 a:hover .info {
	visibility: visible;
	opacity: 1
}
.wdo-item-hover.square.effect10.left_to_right .img {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.square.effect10.left_to_right .info {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.wdo-item-hover.square.effect10.left_to_right a:hover .img {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
.wdo-item-hover.square.effect10.left_to_right a:hover .info {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.square.effect10.right_to_left .img {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.square.effect10.right_to_left .info {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
.wdo-item-hover.square.effect10.right_to_left a:hover .img {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.wdo-item-hover.square.effect10.right_to_left a:hover .info {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.square.effect10.top_to_bottom .img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.square.effect10.top_to_bottom .info {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.wdo-item-hover.square.effect10.top_to_bottom a:hover .img {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.wdo-item-hover.square.effect10.top_to_bottom a:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.square.effect10.bottom_to_top .img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.square.effect10.bottom_to_top .info {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.wdo-item-hover.square.effect10.bottom_to_top a:hover .img {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.wdo-item-hover.square.effect10.bottom_to_top a:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.square.effect11 {
	overflow: hidden
}
.wdo-item-hover.square.effect11.colored .info {
	background: #3498d7
}
.wdo-item-hover.square.effect11.colored .info h3 {
	background: rgba(12,34,52,0.6)
}
.wdo-item-hover.square.effect11 .img {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.square.effect11 .info {
	background: #333;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .35s ease .2s;
	-moz-transition: all .35s ease .2s;
	transition: all .35s ease .2s
}
.wdo-item-hover.square.effect11 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111;
	margin: 30px 0 0
}
.wdo-item-hover.square.effect11 .info p {
	font-style: normal;
	font-size: 12px;
	position: relative;
	color: #ffffff;
	padding: 20px;
	text-align: center
}
.wdo-item-hover.square.effect11 a:hover .img {
	opacity: 0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5)
}
.wdo-item-hover.square.effect11 a:hover .info {
	visibility: visible;
	opacity: 1
}
.wdo-item-hover.square.effect11.left_to_right .info {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.wdo-item-hover.square.effect11.left_to_right a:hover .info {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.square.effect11.right_to_left .info {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
.wdo-item-hover.square.effect11.right_to_left a:hover .info {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.square.effect11.top_to_bottom .info {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.wdo-item-hover.square.effect11.top_to_bottom a:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.square.effect11.bottom_to_top .info {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.wdo-item-hover.square.effect11.bottom_to_top a:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.square.effect12 {
	overflow: hidden
}
.wdo-item-hover.square.effect12.colored .info {
	background: rgba(118,185,215,0.60)
}
.wdo-item-hover.square.effect12.colored .info h3 {
	background: rgba(12,34,52,0.6)
}
.wdo-item-hover.square.effect12 .img {
	-webkit-transition: all .35s ease-in;
	-moz-transition: all .35s ease-in;
	transition: all .35s ease-in
}
.wdo-item-hover.square.effect12 .info {
	background: #333;
	background: rgba(0,0,0,0.6);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .35s ease-in;
	-moz-transition: all .35s ease-in;
	transition: all .35s ease-in
}
.wdo-item-hover.square.effect12 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111;
	margin: 30px 0 0;
	-webkit-transition: all .35s ease-in;
	-moz-transition: all .35s ease-in;
	transition: all .35s ease-in
}
.wdo-item-hover.square.effect12 .info p {
	font-style: normal;
	font-size: 12px;
	position: relative;
	color: #ffffff;
	padding: 20px;
	text-align: center;
	-webkit-transition: all .35s ease-in;
	-moz-transition: all .35s ease-in;
	transition: all .35s ease-in
}
.wdo-item-hover.square.effect12 a:hover .info {
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	transition-delay: .2s
}
.wdo-item-hover.square.effect12 a:hover .info h3 {
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	transition-delay: .3s
}
.wdo-item-hover.square.effect12 a:hover .info p {
	-webkit-transition-delay: .25s;
	-moz-transition-delay: .25s;
	transition-delay: .25s
}
.wdo-item-hover.square.effect12.left_to_right .info {
	-webkit-transform: translate(-460px, -100px) rotate(-180deg);
	-moz-transform: translate(-460px, -100px) rotate(-180deg);
	-ms-transform: translate(-460px, -100px) rotate(-180deg);
	-o-transform: translate(-460px, -100px) rotate(-180deg);
	transform: translate(-460px, -100px) rotate(-180deg)
}
.wdo-item-hover.square.effect12.left_to_right .info h3 {
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px)
}
.wdo-item-hover.square.effect12.left_to_right .info p {
	-webkit-transform: translateX(-300px) rotate(-90deg);
	-moz-transform: translateX(-300px) rotate(-90deg);
	-ms-transform: translateX(-300px) rotate(-90deg);
	-o-transform: translateX(-300px) rotate(-90deg);
	transform: translateX(-300px) rotate(-90deg)
}
.wdo-item-hover.square.effect12.left_to_right a:hover .info {
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	transform: translate(0px, 0px)
}
.wdo-item-hover.square.effect12.left_to_right a:hover .info h3 {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px)
}
.wdo-item-hover.square.effect12.left_to_right a:hover .info p {
	-webkit-transform: translateX(0px) rotate(0deg);
	-moz-transform: translateX(0px) rotate(0deg);
	-ms-transform: translateX(0px) rotate(0deg);
	-o-transform: translateX(0px) rotate(0deg);
	transform: translateX(0px) rotate(0deg)
}
.wdo-item-hover.square.effect12.right_to_left .info {
	-webkit-transform: translate(460px, -100px) rotate(180deg);
	-moz-transform: translate(460px, -100px) rotate(180deg);
	-ms-transform: translate(460px, -100px) rotate(180deg);
	-o-transform: translate(460px, -100px) rotate(180deg);
	transform: translate(460px, -100px) rotate(180deg)
}
.wdo-item-hover.square.effect12.right_to_left .info h3 {
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px)
}
.wdo-item-hover.square.effect12.right_to_left .info p {
	-webkit-transform: translateX(300px) rotate(90deg);
	-moz-transform: translateX(300px) rotate(90deg);
	-ms-transform: translateX(300px) rotate(90deg);
	-o-transform: translateX(300px) rotate(90deg);
	transform: translateX(300px) rotate(90deg)
}
.wdo-item-hover.square.effect12.right_to_left a:hover .info {
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	transform: translate(0px, 0px)
}
.wdo-item-hover.square.effect12.right_to_left a:hover .info h3 {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px)
}
.wdo-item-hover.square.effect12.right_to_left a:hover .info p {
	-webkit-transform: translateX(0px) rotate(0deg);
	-moz-transform: translateX(0px) rotate(0deg);
	-ms-transform: translateX(0px) rotate(0deg);
	-o-transform: translateX(0px) rotate(0deg);
	transform: translateX(0px) rotate(0deg)
}
.wdo-item-hover.square.effect12.top_to_bottom .info {
	-webkit-transform: translate(-265px, -145px) rotate(-45deg);
	-moz-transform: translate(-265px, -145px) rotate(-45deg);
	-ms-transform: translate(-265px, -145px) rotate(-45deg);
	-o-transform: translate(-265px, -145px) rotate(-45deg);
	transform: translate(-265px, -145px) rotate(-45deg)
}
.wdo-item-hover.square.effect12.top_to_bottom .info h3 {
	-webkit-transform: translate(200px, -200px);
	-moz-transform: translate(200px, -200px);
	-ms-transform: translate(200px, -200px);
	-o-transform: translate(200px, -200px);
	transform: translate(200px, -200px)
}
.wdo-item-hover.square.effect12.top_to_bottom .info p {
	-webkit-transform: translate(200px, -200px);
	-moz-transform: translate(200px, -200px);
	-ms-transform: translate(200px, -200px);
	-o-transform: translate(200px, -200px);
	transform: translate(200px, -200px)
}
.wdo-item-hover.square.effect12.top_to_bottom a:hover .info {
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	transition-delay: .2s
}
.wdo-item-hover.square.effect12.top_to_bottom a:hover .info h3 {
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	transition-delay: .3s
}
.wdo-item-hover.square.effect12.top_to_bottom a:hover .info p {
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	transition-delay: .4s
}
.wdo-item-hover.square.effect12.bottom_to_top .info {
	-webkit-transform: translate(265px, 145px) rotate(45deg);
	-moz-transform: translate(265px, 145px) rotate(45deg);
	-ms-transform: translate(265px, 145px) rotate(45deg);
	-o-transform: translate(265px, 145px) rotate(45deg);
	transform: translate(265px, 145px) rotate(45deg)
}
.wdo-item-hover.square.effect12.bottom_to_top .info h3 {
	-webkit-transform: translate(200px, -200px);
	-moz-transform: translate(200px, -200px);
	-ms-transform: translate(200px, -200px);
	-o-transform: translate(200px, -200px);
	transform: translate(200px, -200px)
}
.wdo-item-hover.square.effect12.bottom_to_top .info p {
	-webkit-transform: translate(-200px, 200px);
	-moz-transform: translate(-200px, 200px);
	-ms-transform: translate(-200px, 200px);
	-o-transform: translate(-200px, 200px);
	transform: translate(-200px, 200px)
}
.wdo-item-hover.square.effect12.bottom_to_top a:hover .info {
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	transition-delay: .2s
}
.wdo-item-hover.square.effect12.bottom_to_top a:hover .info h3 {
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	transition-delay: .3s
}
.wdo-item-hover.square.effect12.bottom_to_top a:hover .info p {
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	transition-delay: .4s
}
.wdo-item-hover.square.effect13 {
	overflow: hidden
}
.wdo-item-hover.square.effect13.colored .info {
	background: rgba(118,185,215,0.60)
}
.wdo-item-hover.square.effect13.colored .info h3 {
	background: rgba(12,34,52,0.6)
}
.wdo-item-hover.square.effect13 .img {
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.square.effect13 .info {
	background: #333;
	background: rgba(0,0,0,0.6);
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.square.effect13 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111;
	margin: 30px 0 0
}
.wdo-item-hover.square.effect13 .info p {
	font-style: normal;
	font-size: 12px;
	position: relative;
	color: #ffffff;
	padding: 20px;
	text-align: center
}
.wdo-item-hover.square.effect13 a:hover .img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)
}
.wdo-item-hover.square.effect13 a:hover .info {
	visibility: visible;
	opacity: 1
}
.wdo-item-hover.square.effect13.left_to_right .info {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.wdo-item-hover.square.effect13.left_to_right a:hover .info {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.square.effect13.right_to_left .info {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
.wdo-item-hover.square.effect13.right_to_left a:hover .info {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.wdo-item-hover.square.effect13.top_to_bottom .info {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.wdo-item-hover.square.effect13.top_to_bottom a:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.square.effect13.bottom_to_top .info {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.wdo-item-hover.square.effect13.bottom_to_top a:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.square.effect14.colored .info {
	background: rgba(118,185,215,1)
}
.wdo-item-hover.square.effect14.colored .info h3 {
	background: rgba(12,34,52,0.6)
}
.wdo-item-hover.square.effect14 .img {
	opacity: 1;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}
.wdo-item-hover.square.effect14 .info {
	background: #333;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all .35s ease .2s;
	-moz-transition: all .35s ease .2s;
	transition: all .35s ease .2s
}
.wdo-item-hover.square.effect14 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111;
	margin: 30px 0 0
}
.wdo-item-hover.square.effect14 .info p {
	font-style: normal;
	font-size: 12px;
	position: relative;
	color: #fff;
	padding: 20px;
	text-align: center
}
.wdo-item-hover.square.effect14 a:hover .img {
	opacity: 0;
	pointer-events: none;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5)
}
.wdo-item-hover.square.effect14 a:hover .info {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.wdo-item-hover.square.effect14.left_to_right .img {
	-webkit-transform: translateX(0) rotate(0);
	-moz-transform: translateX(0) rotate(0);
	-ms-transform: translateX(0) rotate(0);
	-o-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0)
}
.wdo-item-hover.square.effect14.left_to_right a:hover .img {
	-webkit-transform: translateX(100%) rotate(180deg);
	-moz-transform: translateX(100%) rotate(180deg);
	-ms-transform: translateX(100%) rotate(180deg);
	-o-transform: translateX(100%) rotate(180deg);
	transform: translateX(100%) rotate(180deg)
}
.wdo-item-hover.square.effect14.right_to_left .img {
	-webkit-transform: translateX(0) rotate(0);
	-moz-transform: translateX(0) rotate(0);
	-ms-transform: translateX(0) rotate(0);
	-o-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0)
}
.wdo-item-hover.square.effect14.right_to_left a:hover .img {
	-webkit-transform: translateX(-100%) rotate(-180deg);
	-moz-transform: translateX(-100%) rotate(-180deg);
	-ms-transform: translateX(-100%) rotate(-180deg);
	-o-transform: translateX(-100%) rotate(-180deg);
	transform: translateX(-100%) rotate(-180deg)
}
.wdo-item-hover.square.effect14.top_to_bottom .img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.square.effect14.top_to_bottom a:hover .img {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.wdo-item-hover.square.effect14.bottom_to_top .img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.wdo-item-hover.square.effect14.bottom_to_top a:hover .img {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.wdo-item-hover.circle.effect23 {
	overflow: hidden;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px
}
.wdo-item-hover.circle.effect23 .img {
	opacity: 1;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
.wdo-item-hover.circle.effect23 .info {
	background: #333;
	opacity: 0;
	-webkit-transition: all .35s ease-in-out .3s;
	-moz-transition: all .35s ease-in-out .3s;
	transition: all .35s ease-in-out .3s
}
.wdo-item-hover.circle.effect23 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
}
.wdo-item-hover.circle.effect23 .info p {
	font-style: normal;
	font-size: 12px;
	position: relative;
	color: #ffffff;
	padding: 20px;
	text-align: center
}
.wdo-item-hover.circle.effect23 a:hover .img {
	opacity: 0;
	visibility: hidden
}
.wdo-item-hover.circle.effect23 a:hover .info {
	visibility: visible;
	opacity: 1
}
.wdo-item-hover.circle.effect23.left_to_right .img {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}
.wdo-item-hover.circle.effect23.left_to_right .info {
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	transform-origin: 0 50%
}
.wdo-item-hover.circle.effect23.left_to_right a:hover .img {
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	transform: rotateY(-90deg)
}
.wdo-item-hover.circle.effect23.left_to_right a:hover .info {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0)
}
.wdo-item-hover.circle.effect23.right_to_left .img {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	transform-origin: 0 50%
}
.wdo-item-hover.circle.effect23.right_to_left .info {
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}
.wdo-item-hover.circle.effect23.right_to_left a:hover .img {
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg)
}
.wdo-item-hover.circle.effect23.right_to_left a:hover .info {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0)
}
.wdo-item-hover.circle.effect23.top_to_bottom .img {
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}
.wdo-item-hover.circle.effect23.top_to_bottom .info {
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0
}
.wdo-item-hover.circle.effect23.top_to_bottom a:hover .img {
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg)
}
.wdo-item-hover.circle.effect23.top_to_bottom a:hover .info {
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0)
}
.wdo-item-hover.circle.effect23.bottom_to_top .img {
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0
}
.wdo-item-hover.circle.effect23.bottom_to_top .info {
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}
.wdo-item-hover.circle.effect23.bottom_to_top a:hover .img {
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg)
}
.wdo-item-hover.circle.effect23.bottom_to_top a:hover .info {
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0)
}

.wdo-item-hover{
	margin-bottom: 10px;
}