@charset "UTF-8";
/* CSS Document */

/*---Professional-design--modza-Art--*/

@import url(raleway.css?family=Raleway:400,100,200,300,500,600,700,800,900);
* {
	outline: none;
}
body, html {
	height: 100%;
	width: 100%;
}
body {
	font-family: 'Raleway', sans-serif;
	padding: 0px;
	margin: 0px;
}
.all {
	background: url("../images/BG.jpg") no-repeat fixed center top / 100% auto #fff;
	min-height: 100%;
	width: 100%;
	position: relative;
}
header {
	background: url("../images/top-pc.png") repeat-x scroll 0 -2.5px rgba(0, 0, 0, 0);
	min-height: 100px;
	width: 100%;
}
.tapup {
	background: url(../images/topX1.png) no-repeat top center;
	min-height: 103px;
	background-size: 100%;
}
.logom {
	float: left;
	padding: 29px 20px 20px 93px;
	width: 302px;
}

.greenlr a{
	color:#71A240;
	text-decoration:underline;
}
/*------img------*/

.logom img, .lang img {
	width: 100%;
	height: auto;
}
.spacer {
	float: right;
}
.lang {
	float: right;
	height: 51px;
	line-height: 43px;
	margin-right: 20px;
	margin-top: 18px;
	padding: 5px 16px 5px 10px;
	text-align: center;
	width: 70px;
}
.btn.btn-default {
	border: 1px solid #71a240;
	color: #71a240;
}
.btn.btn-default:hover, .btn.btn-default:focus {
	color: #fff;
	background: #81b250;
}
.regln .btn-success {
	background: #81b250;
}
.regln .btn-success:hover {
	background: #619230;
}
.lang:hover {
	cursor: pointer;
}
.social {
	height: 34px;
	list-style: outside none none;
	margin-top: 27px;
	width: auto;
}
.social li {
	background: none repeat scroll 0 0 #595959;
	border: 1px solid #595959;
	border-radius: 25px;
	color: #fff !important;
	cursor: pointer;
	float: left;
	font-size: 16px;
	height: 30px;
	line-height: 1.8em;
	margin-right: 5px;
	overflow: hidden;
	text-align: center;
	transition: width 0.4s ease 0s, height 0.4s ease 0s;
	width: 30px;
}
.social li a, .social li a:hover, .social li a:focus {
	display: block;
	color: #fff;
}
.social li:hover {
	background: #71A240;
	display: block;
	border: 1px solid #fff;
}
.textbanner {
	padding-bottom: 12px;
	padding-left: 16%;
	padding-top: 15%;
}
.t1 {
	color: #71a240;
	font-family: impact;
	font-size: 61px;
	text-shadow: 0px 1px #eee;
}
.t2 {
	color: #4e4e4e;
	font-size: 40px;
	font-weight: 700;
	text-shadow: 2px 1px #ccc;
}
.t3 {
	display: block;
	font-size: 22px;
	font-weight: 400;
	padding-right: 26px;
	text-align: right;
	text-shadow: 0 1px #ccc;
}
.imgebanner img {
	width: 93%;
}
.imgebanner {
	margin-right: -20px;
	padding: 1px 50px;
	position: relative;
	right: -17%;
	top: -16px;
	width: 100%;
}
.circles {
	background: url("../images/tap-crl.png") no-repeat scroll center top / 100% auto rgba(0, 0, 0, 0);
	clear: both;
	position: relative;
	top: -40px;
	width: 100%;
}
.ccmtop {
	position: relative;
	top: -80px;
	z-index: 999;
}
.ddmtop {
	position: relative;
	top: -60px;
}
.navx {
	clear: both;
	display: block;
	height: 170px;
	margin: 0 auto;
	position: relative;
	/*top: -67px; */
	width: 68%;
}
a.dsx {
	display: block;
	text-decoration: none;
}
.op1 {
	background: url("../images/clircle-green.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
	min-height: 170px;
	overflow: hidden;
}
.iconx {
	padding: 34px 32px 15px;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.iconx img {
	width: 100%;
	height: auto;
}
.textx {
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.1em;
	padding: 5px 34px 1px;
	text-align: center;
}
.xtp {
	padding-top: 13px;
}
.digtalss {
	height: 319px;
}
.info-text {
	display: block;
	height: 100px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0 30px;
	position: relative;
}
.info-text h2 {
	color: #71a240;
	font-size: 18px;
	margin-top: 7px;
}
.info-text .textsz {
	font-size: 14px;
}
.textsz a {
	color: green;
}
}
.info-text .textsx {
	font-size: 10px;
}
.textsx a {
	color: green;
}

/*------sticky----*/
html {
	min-height: 100%;
	position: relative;
}
.footer {
	background-color: #595959;
	bottom: 0px;
	height: 60px;
	position: absolute;
	width: 100%;
}
.footer .container {
	padding: 0 15px;
	width: auto;
	text-align: center;
}
.container .text-muted {
	margin: 18px 0 0;
}
.text-muted {
	color: #eee;
}
a.text-muted {
	color: #eee;
	text-decoration:underline;
}
a.text-muted:hover {
	color: #eee;
	text-decoration:none;
}
body {
/* margin-bottom: 60px;*/
}
.clearsection {
	background: #FFF;
	width: 100%;
	height: 100%;
}
.design {
	background: url("../images/design.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
	height: 66px;
	left: 18%;
	position: absolute;
	top: -50px;
	width: 160px;
}
a.dsx {
	display: block;
	height: 170px;
	outline: medium none;
	text-decoration: none;
	width: 170px;
	border-radius: 100px;
}
a.dsx:hover {
	padding: 0px;
	margin-top: 0px;
}
.jquery-lightbox, jquery-lightbox-move div {
	box-sizing: initial;
	-webkit-box-sizing: initial; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
	-moz-box-sizing: initial;    /* Firefox 1 - 28 */
	box-sizing: initial;       /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial;
	moz-box-sizing: none; /* Firefox */
	-webkit-box-sizing: none; /* Safari */
}
.jquery-lightbox {
	padding: 17px 0;
	position: relative;
}
.boxwidth {
	max-width: 800px;
	padding: 0 45px;
}
.xc {
	min-height: 200px;
}
.contentspages {
	max-height: 0px;
	overflow: hidden;
}
.boxz img {
	width: 100%;
	height: auto;
	display: block;
}
/*-----popup-contents-----*/

.section1 {
}
.section1 h3 {
	clear: both;
	color: #71a25e;
	font-size: 25px;
	font-weight: 600;
	line-height: 1em;
	margin-bottom: 20px;
}
.icon_partners {
	background: url("../images/partner.png") no-repeat scroll left center / 100% auto rgba(0, 0, 0, 0);
	display: block;
	float: left;
	height: 31px;
	margin-right: 9px;
	margin-top: 1px;
	width: 39px;
}
.icon_wvendors {
	background: url("../images/vendor.png") no-repeat scroll left center / 100% auto rgba(0, 0, 0, 0);
	display: block;
	float: left;
	height: 36px;
	margin-right: 9px;
	margin-top: 1px;
	width: 55px;
}
.icon_wmerchants {
	background: url("../images/merchants.png") no-repeat scroll left center / 100% auto rgba(0, 0, 0, 0);
	display: block;
	float: left;
	height: 36px;
	margin-right: 9px;
	margin-top: 1px;
	width: 55px;
}
.icon_productss {
	background: url("../images/products.png") no-repeat scroll left center / 100% auto rgba(0, 0, 0, 0);
	display: block;
	float: left;
	height: 36px;
	margin-right: 9px;
	margin-top: 1px;
	width: 55px;
}
.icon_aboutus {
	background: url("../images/aboutus.png") no-repeat scroll left center / 100% auto rgba(0, 0, 0, 0);
	display: block;
	float: left;
	height: 36px;
	margin-right: 9px;
	margin-top: 1px;
	width: 55px;
}
.section1 h4 {
	clear: both;
	display: block;
	margin-bottom: 15px;
}
/*.bigicon .fa {
  clear: both;
  font-size: 57px;
  text-align: center;
  color:#666;
}*/

.bigicon .fa {
	clear: both;
	color: #666;
	font-size: 43px;
	padding-right: 12px;
	text-align: center;
}
/*.bigicon{
	clear:both;
	display:block;
	margin-bottom:10px;
	text-align:center;	
}*/

.bigicon {
	float: left;
	margin-bottom: 0;
	margin-top: 8px;
	text-align: center;
}
.section1 h5 {
	clear: both;
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 15px;
	margin-top: -16px;
	padding: 0 0 0 67px;
}
/*.section1 h6 {
  color: #71a240;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}*/

.section1 h6 {
	color: #71a240;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3em;
	text-align: left;
}
/*.section1 p{
	text-align:center;
	font-size:13px;	
}*/

.section1 p {
	clear: both;
	font-size: 13px;
	padding-top: 6px;
	text-align: left;
}
.readmore {
	clear: both;
	color: #71a240;
	display: block;
	padding-top: 3px;
}
.mt10 {
	display: block;
	line-height: 2.9em !important;
	margin-top: 10px;
}
.b1s {
	background: url(../images/pointos.png) no-repeat top left /100% auto;
	width: 37px;
	height: 43px;
	margin-right: 10px;
}
.b2s {
	background: url(../images/Printepin.png) no-repeat top left /100% auto;
	width: 44px;
	height: 45px;
	margin-right: 10px;
}
.b3s {
	background: url(../images/bulk.png) no-repeat top left /100% auto;
	width: 44px;
	height: 45px;
	margin-right: 10px;
}
.prdx1 {
	background: url(../images/products1.png) no-repeat top left /100% auto;
	width: 44px;
	height: 45px;
	margin-right: 10px;
}
.prdx2 {
	background: url(../images/products2.png) no-repeat top left /100% auto;
	width: 44px;
	height: 45px;
	margin-right: 10px;
}
.prdx3 {
	background: url(../images/products3.png) no-repeat top left /100% auto;
	width: 44px;
	height: 45px;
	margin-right: 10px;
}
.prdx4 {
	background: url(../images/products4.png) no-repeat top left /100% auto;
	width: 44px;
	height: 45px;
	margin-right: 10px;
}
.xcabt h6 {
	display: block;
	line-height: 2.6em;
	margin-top: 10px;
}
.regln {
	float: right;
	margin-right: 53px;
	margin-top: 10px;
}
.logomv div {
	padding: 0px 5px;
}
.logomv img {
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	transform: translateZ(0px);
}
.logomv img:hover, .logomv img:focus {
	filter: grayscale(0) !important;
	-webkit-filter: grayscale(0) !important;
}
.all {
	overflow: hidden;
}
.tooltipv {
	display: none;
	position: absolute;
	border: 1px solid #333;
	background-color: #161616;
	border-radius: 5px;
	padding: 10px;
	color: #fff;
	font-size: 12px;
	z-index: 9999999;
	font-weight: 300;
}



/*----responsive------*/

@media (max-width:768px) {
.info-text {
	padding: 0px;
}
.navx {
	width: auto;
}
}
 @media (max-width:1200px) {
header {
	background: url("../images/top-pc.png") repeat-x scroll 0 -6.5px rgba(0, 0, 0, 0);
}
.logom {
	float: left;
	padding: 22px 20px 20px 73px;
	width: 252px;
}
.regln {
	float: right;
	margin-right: 45px;
	margin-top: 6px;
}
.lang {
	margin-top: -2px;
}
.social {
	list-style: outside none none;
	margin-top: 10px;
}
.t1 {
	font-size: 51px;
}
.t2 {
	font-size: 35px;
}
.t3 {
	font-size: 22px;
	padding-right: 3px;
}
.textbanner {
	padding-top: 11%;
}
.navx .item-hover.circle, .navx .op1, .navx a.dsx, .navx .item-hover.circle .img, .navx .item-hover.circle .img {
	height: 150px!important;
	width: 150px!important;
}
.navx .op1 {
	min-height: 150px;
	max-height: 150px;
}
.navx {
	height: 150px;
}
.all .item-hover.circle.effect11 .info h3 {
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 1.3em;
	margin: -7% 16px 10px;
	padding: 48px 0 0;
	position: relative;
}
.all .iconx {
	padding: 32px 32px 15px;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.textx {
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	padding: 3px 30px;
	text-align: center;
}
}
 @media (max-width:992px) {
.all .navx {
	width: 93%;
}
.info-text {
	margin-top: 20px;
}
.circles {
	background-size: 123% auto;
}
.all .imgebanner {
	padding: 1px 40px;
	position: relative;
	right: -21%;
	top: -3px;
	width: 100%;
}
.imgebanner img {
	width: 100%;
}
.tapup {
	background: url("../images/topX2.png") no-repeat scroll center top / 103% auto rgba(0, 0, 0, 0);
	min-height: 103px;
}
.logom {
	float: left;
	padding: 16px 20px 20px 40px;
	width: 203px;
}
.t1 {
	font-size: 39px;
}
.t2 {
	display: inline-block;
	font-size: 26px;
	line-height: 1em;
	margin-top: 0;
}
.t3 {
	font-size: 18px;
	padding-right: 0;
}
.info-text {
	display: block;
	height: 100px;
	margin-bottom: 30px;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	top: -22px;
	padding: 0 50px;
}
}
 @media screen and (max-width:767px) {
.all {
	background-attachment: scroll;
}
.all .item-hover.circle.effect11 .info h3 {
	font-size: 12px;
	height: 83px;
	letter-spacing: 1px;
	line-height: 1.2em;
	margin: 0 16px 20px;
	padding: 28px 0 3px;
	position: relative;
}
.all .imgebanner {
	padding: 1px 35px;
	position: relative;
	right: -7%;
	top: -23px;
	width: 100%;
}
.circles {
	top: -140px;
}
.item-hover.circle {
	margin: 0 auto;
}
.ccmtop {
	border-bottom: 2px solid #71a240;
	margin-bottom: 100px;
	padding-bottom: 16px;
	position: relative;
	top: 20px;
	z-index: 999;
}
.textbanner {
	padding-top: 0;
}
.textbanner {
	padding-bottom: 12px;
	padding-left: 12%;
}
.t2 {
	font-size: 19px;
}
.t1 {
	font-size: 38px;
}
.t3 {
	padding-right: 47px;
}
.all .tapup {
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
}
.regln {
	margin-right: 20px;
}
.lang {
	float: right;
	height: 51px;
	line-height: 43px;
	margin-right: 0;
	margin-top: -1px;
	padding: 5px 10px;
	text-align: center;
	width: 59px;
}
.logom {
	padding: 18px 56px 20px 19px;
}
.logom {
	width: 190px;
}
.social {
	margin: 0px;
	padding: 0px;
}
.social {
	margin: 8px 0 0;
	padding: 0;
}
.info-text {
	padding: 0px;
}
.circles {
	height: auto;
}
.xtp {
	margin-top: 4px;
}
}
 @media screen and (max-width:655px) {
.tapup {
	background: url("../images/topX4.png") no-repeat scroll center 8px / 100% auto rgba(0, 0, 0, 0);
	min-height: 132px;
}
.all .tapup {
	padding-left: 20px;
	padding-right: 20px;
}
.social li {
	font-size: 12px;
	height: 24px;
	margin-right: 4px;
	width: 24px;
}
.lang {
	height: 43px;
	line-height: 36px;
}
.t2 {
	font-size: 31px;
}
.t1 {
	font-size: 37px;
}
.regln {
	margin-right: 13%;
	margin-top: 6px;
}
.logom {
	float: none;
	margin: 0 auto;
	padding: 10px 15px 10px;
	text-align: center;
	width: 240px;
}
.regln {
	margin-right: 22%;
	margin-top: 5px;
}
}
 @media screen and (max-width:620px) {
.tapup {
	background: url("../images/topX5.png") no-repeat scroll center 8px / 100% auto rgba(0, 0, 0, 0);
	min-height: 132px;
}
.logom {
	float: none;
	margin: 0 auto;
	max-width: 48%;
	padding: 3px 15px 10px 15px;
	text-align: center;
}
.regln {
	margin-right: 60px;
	margin-top: 15px;
}
.lang {
	height: 43px;
	line-height: 36px;
	position: absolute;
	right: 70px;
	top: 11px;
}
.spacer {
	float: none;
	left: 48px;
	position: absolute;
	top: 12px;
}
}
 @media (max-width:480px) {
.spacer {
	clear: both;
	display: inline-block;
	float: none;
	left: 13px;
	position: absolute;
}
.social li {
	clear: both;
	float: none;
	left: 0;
	margin-top: 6px;
}
.social {
	clear: both;
	float: left;
	left: 0;
	position: absolute;
	top: 41px;
}
.all .tapup {
	background: url("../images/topX5.png") no-repeat scroll center 12px / 99% auto rgba(0, 0, 0, 0);
	min-height: 103px;
}
.lang {
	height: 43px;
	line-height: 36px;
	position: absolute;
	right: 4px;
	top: 46px;
}
.all .imgebanner {
	padding: 1px 8px;
	right: -17%;
	top: 18px;
}
.all .navx {
	margin: 0 -12px;
	width: 100%;
}
.design {
	left: 28%;
}
.circles {
	background-size: 138% auto;
}
.navx .item-hover.circle, .navx .op1, .navx a.dsx, .navx .item-hover.circle .img, .navx .item-hover.circle .img {
	height: 142px!important;
	width: 142px!important;
}
.navx .op1 {
	min-height: 142px;
	max-height: 142px;
}
.navx {
	height: 142px;
}
.logom {
	max-width: 60%;
}
.textx {
	font-size: 11px;
}
.circles {
	top: -160px;
}
.text-muted {
	color: #eee;
	font-size: 12px;
}
.section1 h3 {
	font-size: 15px;
}
.section1 h6 {
	font-size: 13px;
	line-height: 1.5em;
}
 
[data-options]{
	width:240px;
	height:300px;	
}
}
.info-text h3 {
	font-size: 16px;
	margin-top: 10px;
}
/*-----effects------*/


.rotate {
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	overflow: hidden;
}
.rotate:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}
/*--NEW EFFICTS--*/

.item-hover {
	position: relative;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover, .item-hover * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.item-hover a {
	color: #333;
}
.item-hover a:hover {
	text-decoration: none;
}
.item-hover img {
	width: 100%;
	height: 100%;
}
.jquery-lightbox-move {
	position: relative;
}
/*------*/

/* Bob */ @-webkit-keyframes hvr-bob {
 0% {
 -webkit-transform: translateY(-8px);
 transform: translateY(-8px);
}
 50% {
 -webkit-transform: translateY(-4px);
 transform: translateY(-4px);
}
 100% {
 -webkit-transform: translateY(-8px);
 transform: translateY(-8px);
}
}
 @keyframes hvr-bob {
 0% {
 -webkit-transform: translateY(-8px);
 transform: translateY(-8px);
}
 50% {
 -webkit-transform: translateY(-4px);
 transform: translateY(-4px);
}
 100% {
 -webkit-transform: translateY(-8px);
 transform: translateY(-8px);
}
}
 @-webkit-keyframes hvr-bob-float {
 100% {
 -webkit-transform: translateY(-8px);
 transform: translateY(-8px);
}
}
 @keyframes hvr-bob-float {
 100% {
 -webkit-transform: translateY(-8px);
 transform: translateY(-8px);
}
}
.hvr-bob {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
	-webkit-animation-name: hvr-bob-float, hvr-bob;
	animation-name: hvr-bob-float, hvr-bob;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate;
}
.item-hover.circle {
	position: relative;
	width: 170px;
	height: 170px;
	border-radius: 50%;
}
.item-hover.circle .img {
	position: relative;
	width: 170px;
	height: 170px;
	border-radius: 50%;
}
.item-hover.circle .img:before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-shadow: 0 0 0 9px rgba(255, 255, 255, 0.1) inset, 0 0 0 rgba(0, 0, 0, 0);
	-webkit-transition: all 0.12s ease-in-out;
	-moz-transition: all 0.12s ease-in-out;
	transition: all 0.12s ease-in-out;
}
.item-hover.circle .img img {
	/*border-radius: 50%;*/
	max-width: 91%;
}
.item-hover.circle .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 50%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.item-hover.square {
	position: relative;
	width: 316px;
	height: 216px;
	border: 8px solid #fff;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.item-hover.square .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.item-hover.circle.effect1 .spinner {
	width: 230px;
	height: 230px;
	border: 5px solid #76B9D7;
	border-right-color: #C7C7C7;
	border-bottom-color: #C7C7C7;
	border-radius: 50%;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.item-hover.circle.effect1 .img {
	position: absolute;
	top: 10px;
	bottom: 0;
	left: 10px;
	right: 0;
	width: auto;
	height: auto;
}
.item-hover.circle.effect1 .img:before {
	display: none;
}
.item-hover.circle.effect1.colored .info {
	background: rgba(7, 67, 89, 0.6);
}
.item-hover.circle.effect1 .info {
	top: 10px;
	bottom: 0;
	left: 10px;
	right: 0;
	background: #333333;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.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 0;
	height: 110px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect1 .info p {
	color: #bbb;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.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);
}
.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);
}
.item-hover.circle.effect1 a:hover .info {
	opacity: 1;
}
.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 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.circle.effect2.colored .info {
	background: rgba(8, 63, 88, 0.6);
}
.item-hover.circle.effect2 .info {
	background: #333333;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.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 0;
	height: 110px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect2 .info p {
	color: #bbb;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.71);
}
.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%);
}
.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);
}
.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);
}
.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%);
}
.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);
}
.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);
}
.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%);
}
.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);
}
.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);
}
.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%);
}
.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);
}
.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);
}
.item-hover.circle.effect3 .img {
	z-index: 11;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.circle.effect3.colored .info {
	background: rgba(24, 77, 100, 1);
}
.item-hover.circle.effect3 .info {
	background: #333333;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.circle.effect3 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0 0;
	height: 110px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect3 .info p {
	color: #bbb;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.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);
}
.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%);
}
.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%);
}
.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);
}
.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);
}
.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%);
}
.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%);
}
.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);
}
.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);
}
.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%);
}
.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%);
}
.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);
}
.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);
}
.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%);
}
.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%);
}
.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);
}
.item-hover.circle.effect4 .img {
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.item-hover.circle.effect4.colored .info {
	background: rgba(4, 95, 130, 1);
}
.item-hover.circle.effect4 .info {
	background: #333333;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.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 0;
	height: 110px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect4 .info p {
	color: #bbb;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.circle.effect4 a:hover .img {
	opacity: 0;
	pointer-events: none;
}
.item-hover.circle.effect4 a:hover .info {
	visibility: visible;
	opacity: 1;
}
.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);
}
.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%);
}
.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%);
}
.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);
}
.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);
}
.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%);
}
.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%);
}
.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);
}
.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);
}
.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%);
}
.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%);
}
.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);
}
.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);
}
.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%);
}
.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%);
}
.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);
}
.item-hover.circle.effect5 {
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px;
}
.item-hover.circle.effect5.colored .info .info-back {
	background: rgba(15, 70, 94, 0.76);
}
.item-hover.circle.effect5 .info {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.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;
}
.item-hover.circle.effect5 .info .info-back {
	visibility: hidden;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	background: #333333;
	background: rgba(0, 0, 0, 0.6);
	-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;
}
.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 0;
	height: 110px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect5 .info p {
	color: #bbb;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.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);
}
.item-hover.circle.effect5 a:hover .info .info-back {
	visibility: visible;
}
.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 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.circle.effect6.colored .info {
	background: rgba(12, 95, 133, 1);
}
.item-hover.circle.effect6 .info {
	background: #333333;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.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 0;
	height: 110px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect6 .info p {
	color: #bbb;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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 0.35s ease-in-out 0.2s;
	-moz-transition: all 0.35s ease-in-out 0.2s;
	transition: all 0.35s ease-in-out 0.2s;
}
.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);
}
.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);
}
.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 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}
.item-hover.circle.effect7.colored .info {
	background: rgba(30, 90, 117, 1);
}
.item-hover.circle.effect7 .info {
	background: #333333;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	-webkit-transition: all 0.35s ease 0.2s;
	-moz-transition: all 0.35s ease 0.2s;
	transition: all 0.35s ease 0.2s;
}
.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 0;
	height: 110px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect7 .info p {
	color: #bbb;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.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);
}
.item-hover.circle.effect7 a:hover .info {
	visibility: visible;
	opacity: 1;
}
.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%);
}
.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);
}
.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%);
}
.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);
}
.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%);
}
.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);
}
.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%);
}
.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);
}
.item-hover.circle.effect8.colored .info {
	background: rgba(33, 100, 130, 1);
}
.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 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.item-hover.circle.effect8 .img-container .img {
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out 0.3s;
	-moz-transition: all 0.3s ease-in-out 0.3s;
	transition: all 0.3s ease-in-out 0.3s;
}
.item-hover.circle.effect8 .info-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all 0.3s ease-in-out 0.3s;
	-moz-transition: all 0.3s ease-in-out 0.3s;
	transition: all 0.3s ease-in-out 0.3s;
}
.item-hover.circle.effect8 .info {
	width: 100%;
	height: 100%;
	background: #333333;
	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 0.35s ease-in-out 0.6s;
	-moz-transition: all 0.35s ease-in-out 0.6s;
	transition: all 0.35s ease-in-out 0.6s;
}
.item-hover.circle.effect8 .info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 45px 0 0 0;
	height: 140px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect8 .info p {
	color: #bbb;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.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);
}
.item-hover.circle.effect8 a:hover .img-container .img {
	opacity: 0;
	pointer-events: none;
}
.item-hover.circle.effect8 a:hover .info-container {
	opacity: 1;
}
.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);
}
.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);
}
.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%);
}
.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%);
}
.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);
}
.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);
}
.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%);
}
.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%);
}
.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);
}
.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);
}
.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%);
}
.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%);
}
.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);
}
.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);
}
.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%);
}
.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%);
}
.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);
}
.item-hover.circle.effect9 .img {
	opacity: 1;
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}
.item-hover.circle.effect9.colored .info {
	background: rgba(35, 101, 131, 1);
}
.item-hover.circle.effect9 .info {
	background: #333333;
	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 0.35s ease 0.2s;
	-moz-transition: all 0.35s ease 0.2s;
	transition: all 0.35s ease 0.2s;
}
.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 0;
	height: 110px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect9 .info p {
	color: #bbb;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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%);
}
.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);
}
.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%);
}
.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 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.circle.effect10.colored .info {
	background: rgba(43, 94, 117, 1);
}
.item-hover.circle.effect10 .info {
	background: #333333;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.circle.effect10 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect10 .info p {
	color: #bbb;
	font-style: italic;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.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);
}
.item-hover.circle.effect10.top_to_bottom .info h3 {
	margin: 0 30px;
	padding: 25px 0 0 0;
	height: 78px;
}
.item-hover.circle.effect10.top_to_bottom .info p {
	margin: 0 30px;
	padding: 5px;
}
.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);
}
.item-hover.circle.effect10.bottom_to_top .info h3 {
	margin: 95px 30px 0;
	padding: 25px 0 0 0;
	height: 78px;
}
.item-hover.circle.effect10.bottom_to_top .info p {
	margin: 0 30px;
	padding: 5px;
}
.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);
}
.item-hover.circle.effect11 {
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px;
}
.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 0.21s ease-in-out;
	-moz-transition: all 0.21s ease-in-out;
	transition: all 0.21s ease-in-out;
}
.item-hover.circle.effect11.colored .info {
	background: rgba(21, 96, 130, 1);
}
.item-hover.circle.effect11 .info {
	background: #71A240;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.35s ease 0.35s;
	-moz-transition: all 0.35s ease 0.35s;
	transition: all 0.35s ease 0.35s;
}
.item-hover.circle.effect11 .info h3 {
	color: #fff;
	font-size: 13px;
	letter-spacing: 2px;
	margin: 0 27px 10px;
	padding: 22% 0 0;
	position: relative;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
	text-transform: uppercase;
}
.item-hover.circle.effect11 .info p {
	color: #eee;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.item-hover.circle.effect11 a:hover .img {
	opacity: 0;
}
.item-hover.circle.effect11 a:hover .info {
	visibility: visible;
	opacity: 1;
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.item-hover.circle.effect12 .img {
	opacity: 1;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.circle.effect12.colored .info {
	background: rgba(40, 112, 144, 1);
}
.item-hover.circle.effect12 .info {
	background: #333333;
	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 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.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 0;
	height: 110px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect12 .info p {
	color: #bbb;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.item-hover.circle.effect12 a:hover .img {
	opacity: 0;
	pointer-events: none;
}
.item-hover.circle.effect12 a:hover .info {
	opacity: 1;
	visibility: visible;
}
.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);
}
.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);
}
.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);
}
.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: 0.4s;
	-moz-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.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);
}
.item-hover.circle.effect12.right_to_left .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);
}
.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);
}
.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: 0.4s;
	-moz-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.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);
}
.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);
}
.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);
}
.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: 0.4s;
	-moz-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.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);
}
.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);
}
.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);
}
.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: 0.4s;
	-moz-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.item-hover.circle.effect13.colored .info {
	background: rgba(15, 53, 70, 0.6);
}
.item-hover.circle.effect13 .info {
	background: #333333;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.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 0;
	height: 110px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.circle.effect13 .info p {
	visibility: hidden;
	color: #bbb;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.circle.effect13 a:hover .info {
	opacity: 1;
}
.item-hover.circle.effect13 a:hover h3 {
	visibility: visible;
}
.item-hover.circle.effect13 a:hover p {
	visibility: visible;
}
.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%);
}
.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%);
}
.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);
}
.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);
}
.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%);
}
.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%);
}
.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);
}
.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);
}
.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%);
}
.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%);
}
.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);
}
.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);
}
.item-hover.circle.effect14 {
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px;
}
.item-hover.circle.effect14 .img {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.item-hover.circle.effect14.colored .info {
	background: rgba(9, 89, 125, 1);
}
.item-hover.circle.effect14 .info {
	background: #333333;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.35s ease-in-out 0.3s;
	-moz-transition: all 0.35s ease-in-out 0.3s;
	transition: all 0.35s ease-in-out 0.3s;
}
.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 0;
	height: 110px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect14 .info p {
	color: #bbb;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.item-hover.circle.effect14 a:hover .img {
	opacity: 0;
	visibility: hidden;
}
.item-hover.circle.effect14 a:hover .info {
	visibility: visible;
	opacity: 1;
}
.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%;
}
.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%;
}
.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);
}
.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);
}
.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%;
}
.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%;
}
.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);
}
.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);
}
.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%;
}
.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;
}
.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);
}
.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);
}
.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;
}
.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%;
}
.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);
}
.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);
}
.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 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.circle.effect15.colored .info {
	background: rgba(19, 81, 109, 1);
}
.item-hover.circle.effect15 .info {
	background: #333333;
	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 0.35s ease-in-out 0.3s;
	-moz-transition: all 0.35s ease-in-out 0.3s;
	transition: all 0.35s ease-in-out 0.3s;
}
.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 0;
	height: 110px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect15 .info p {
	color: #bbb;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.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);
}
.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);
}
.item-hover.circle.effect16 .img {
	z-index: 11;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.circle.effect16.colored .info {
	background: rgba(24, 85, 112, 1);
}
.item-hover.circle.effect16 .info {
	background: #333333;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.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 0;
	height: 110px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect16 .info p {
	color: #bbb;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.circle.effect16.left_to_right .img {
	-webkit-transform-origin: 95% 40%;
	-moz-transform-origin: 95% 40%;
	-ms-transform-origin: 95% 40%;
	-o-transform-origin: 95% 40%;
	transform-origin: 95% 40%;
}
.item-hover.circle.effect16.left_to_right .img:after {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	border-radius: 50%;
	top: 40%;
	left: 95%;
	margin: -4px 0 0 -4px;
	background: rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}
.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);
}
.item-hover.circle.effect16.right_to_left .img {
	-webkit-transform-origin: 5% 40%;
	-moz-transform-origin: 5% 40%;
	-ms-transform-origin: 5% 40%;
	-o-transform-origin: 5% 40%;
	transform-origin: 5% 40%;
}
.item-hover.circle.effect16.right_to_left .img:after {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	border-radius: 50%;
	top: 40%;
	left: 5%;
	margin: -4px 0 0 -4px;
	background: rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}
.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);
}
.item-hover.circle.effect17 .info {
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.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 0;
	height: 110px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect17 .info p {
	color: #bbb;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.circle.effect17 a:hover .img:before {
	box-shadow: inset 0 0 0 110px #333333, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 0 110px rgba(0, 0, 0, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.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);
}
.item-hover.circle.effect17 a:hover .info p {
	opacity: 1;
}
.item-hover.circle.effect17.colored a:hover .img:before {
	box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 0 110px rgba(26, 74, 114, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.item-hover.circle.effect18 {
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px;
}
.item-hover.circle.effect18 .img {
	z-index: 11;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.item-hover.circle.effect18.colored .info .info-back {
	background: rgba(14, 97, 134, 1);
}
.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;
}
.item-hover.circle.effect18 .info .info-back {
	opacity: 1;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	background: #333333;
}
.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 0;
	height: 110px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect18 .info p {
	color: #bbb;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.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;
}
.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);
}
.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%;
}
.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);
}
.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%;
}
.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);
}
.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%;
}
.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);
}
.item-hover.circle.effect19.colored .info {
	background: rgba(13, 68, 92, 0.6);
}
.item-hover.circle.effect19 .info {
	background: #333333;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.circle.effect19 .info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 45px 0 0 0;
	height: 140px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect19 .info p {
	color: #bbb;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.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);
}
.item-hover.circle.effect20 {
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px;
}
.item-hover.circle.effect20 .img {
	-webkit-transition: all 0.35s linear;
	-moz-transition: all 0.35s linear;
	transition: all 0.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%;
}
.item-hover.circle.effect20.colored .info .info-back {
	background: rgba(22, 85, 113, 1);
}
.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;
}
.item-hover.circle.effect20 .info .info-back {
	opacity: 1;
	visibility: hidden;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	background: #333333;
	-webkit-transition: all 0.35s linear;
	-moz-transition: all 0.35s linear;
	transition: all 0.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;
}
.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 0;
	height: 110px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect20 .info p {
	color: #bbb;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.item-hover.circle.effect20 a:hover .img {
	opacity: 0;
}
.item-hover.circle.effect20 a:hover .info .info-back {
	opacity: 1;
	visibility: visible;
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.item-hover.square.effect1 {
	overflow: hidden;
}
.item-hover.square.effect1.colored .info {
	background: rgba(118, 185, 215, 1);
}
.item-hover.square.effect1 .img {
	z-index: 11;
	position: absolute;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.item-hover.square.effect1 .info {
	background: #333333;
	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 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.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);
}
.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;
}
.item-hover.square.effect1.left_and_right .info p {
	position: absolute;
	right: 12px;
	bottom: 12px;
	margin: 0;
	font-style: italic;
	font-size: 12px;
	color: #bbb;
}
.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);
}
.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 0;
}
.item-hover.square.effect1.top_to_bottom .info p {
	font-style: italic;
	font-size: 12px;
	color: #bbb;
	padding: 5px;
	text-align: center;
}
.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);
}
.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 0;
}
.item-hover.square.effect1.bottom_to_top .info p {
	font-style: italic;
	font-size: 12px;
	color: #bbb;
	padding: 5px;
	text-align: center;
}
.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);
}
.item-hover.square.effect2 {
	overflow: hidden;
}
.item-hover.square.effect2.colored .info {
	background: rgba(118, 185, 215, 1);
}
.item-hover.square.effect2.colored .info h3 {
	background: rgba(12, 34, 52, 0.6);
}
.item-hover.square.effect2 .img {
	opacity: 1;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.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);
}
.item-hover.square.effect2 .info {
	background: #333333;
	visibility: hidden;
	-webkit-transition: all 0.35s 0.3s ease-in-out;
	-moz-transition: all 0.35s 0.3s ease-in-out;
	transition: all 0.35s 0.3s ease-in-out;
}
.item-hover.square.effect2 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111111;
	margin: 30px 0 0 0;
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all 0.35s 0.6s ease-in-out;
	-moz-transition: all 0.35s 0.6s ease-in-out;
	transition: all 0.35s 0.6s ease-in-out;
}
.item-hover.square.effect2 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	padding: 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 0.35s 0.5s linear;
	-moz-transition: all 0.35s 0.5s linear;
	transition: all 0.35s 0.5s linear;
}
.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;
}
.item-hover.square.effect2 a:hover .info {
	visibility: visible;
}
.item-hover.square.effect2 a:hover .info h3, .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);
}
.item-hover.square.effect3 {
	overflow: hidden;
}
.item-hover.square.effect3.colored .info {
	background: rgba(118, 185, 215, 1);
}
.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 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.square.effect3 .info {
	height: 65px;
	background: #333333;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.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 0;
}
.item-hover.square.effect3 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	padding: 5px;
	text-align: center;
}
.item-hover.square.effect3 a:hover .info {
	visibility: visible;
	opacity: 1;
}
.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%);
}
.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);
}
.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);
}
.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%);
}
.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);
}
.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);
}
.item-hover.square.effect4 {
	overflow: hidden;
	position: relative;
}
.item-hover.square.effect4.colored .info {
	background: rgba(12, 34, 52, 0.6);
}
.item-hover.square.effect4.colored .mask1, .item-hover.square.effect4.colored .mask2 {
	background: rgba(118, 185, 215, 0.60);
}
.item-hover.square.effect4 .img {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.square.effect4 .mask1, .item-hover.square.effect4 .mask2 {
	position: absolute;
	background: #333333;
	background: rgba(0, 0, 0, 0.6);
	height: 361px;
	width: 361px;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.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%;
}
.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%;
}
.item-hover.square.effect4 .info {
	background: #111111;
	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 0.35s ease-in-out 0.35s;
	-moz-transition: all 0.35s ease-in-out 0.35s;
	transition: all 0.35s ease-in-out 0.35s;
}
.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 0.35s ease-in-out 0.35s;
	-moz-transition: all 0.35s ease-in-out 0.35s;
	transition: all 0.35s ease-in-out 0.35s;
}
.item-hover.square.effect4 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	padding: 20px 20px 20px;
	text-align: center;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out 0.35s;
	-moz-transition: all 0.35s ease-in-out 0.35s;
	transition: all 0.35s ease-in-out 0.35s;
}
.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);
}
.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);
}
.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);
}
.item-hover.square.effect4 a:hover .info h3, .item-hover.square.effect4 a:hover .info p {
	opacity: 1;
}
.item-hover.square.effect5.colored .info {
	background: rgba(118, 185, 215, 1);
}
.item-hover.square.effect5.colored .info h3 {
	background: rgba(12, 34, 52, 0.6);
}
.item-hover.square.effect5 .img {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.item-hover.square.effect5 .info {
	background: #333333;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.square.effect5 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111111;
	margin: 30px 0 0 0;
}
.item-hover.square.effect5 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	padding: 20px 20px 20px;
	text-align: center;
}
.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;
}
.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: 0.3s;
	-moz-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.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);
}
.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);
}
.item-hover.square.effect6 {
	overflow: hidden;
}
.item-hover.square.effect6.colored .info {
	background: rgba(118, 185, 215, 0.60);
}
.item-hover.square.effect6.colored .info h3 {
	background: rgba(12, 34, 52, 0.6);
}
.item-hover.square.effect6 .img {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.item-hover.square.effect6 .info {
	background: #333333;
	background: rgba(0, 0, 0, 0.6);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.square.effect6 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111111;
	margin: 30px 0 0 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.square.effect6 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	padding: 20px 20px 20px;
	text-align: center;
	-webkit-transition: all 0.35s 0.1s linear;
	-moz-transition: all 0.35s 0.1s linear;
	transition: all 0.35s 0.1s linear;
}
.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);
}
.item-hover.square.effect6 a:hover .info {
	visibility: visible;
	opacity: 1;
}
.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%);
}
.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%);
}
.item-hover.square.effect6.from_top_and_bottom a:hover .info h3, .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);
}
.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%);
}
.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%);
}
.item-hover.square.effect6.from_left_and_right a:hover .info h3, .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);
}
.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%);
}
.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%);
}
.item-hover.square.effect6.top_to_bottom a:hover .info h3, .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);
}
.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%);
}
.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%);
}
.item-hover.square.effect6.bottom_to_top a:hover .info h3, .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);
}
.item-hover.square.effect7 {
	overflow: hidden;
}
.item-hover.square.effect7.colored .info {
	background: rgba(118, 185, 215, 0.60);
}
.item-hover.square.effect7.colored .info h3 {
	background: rgba(12, 34, 52, 0.6);
}
.item-hover.square.effect7 .img {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.item-hover.square.effect7 .info {
	background: #333333;
	background: rgba(0, 0, 0, 0.6);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.square.effect7 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111111;
	margin: 30px 0 0 0;
	-webkit-transform: scale(4);
	-moz-transform: scale(4);
	-ms-transform: scale(4);
	-o-transform: scale(4);
	transform: scale(4);
	-webkit-transition: all 0.35s 0.1s ease-in-out;
	-moz-transition: all 0.35s 0.1s ease-in-out;
	transition: all 0.35s 0.1s ease-in-out;
}
.item-hover.square.effect7 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	padding: 20px 20px 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 0.35s 0.3s linear;
	-moz-transition: all 0.35s 0.3s linear;
	transition: all 0.35s 0.3s linear;
}
.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);
}
.item-hover.square.effect7 a:hover .info {
	visibility: visible;
	opacity: 1;
}
.item-hover.square.effect7 a:hover .info h3, .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);
}
.item-hover.square.effect8 {
	overflow: hidden;
}
.item-hover.square.effect8.colored .info {
	background: rgba(118, 185, 215, 1);
}
.item-hover.square.effect8.colored .info h3 {
	background: rgba(12, 34, 52, 0.6);
}
.item-hover.square.effect8 .img {
	opacity: 1;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.square.effect8 .info {
	background: #333333;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.square.effect8 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111111;
	margin: 30px 0 0 0;
	-webkit-transition: all 0.35s 0.1s ease-in-out;
	-moz-transition: all 0.35s 0.1s ease-in-out;
	transition: all 0.35s 0.1s ease-in-out;
}
.item-hover.square.effect8 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	padding: 20px 20px 20px;
	text-align: center;
	-webkit-transition: all 0.35s 0.15s linear;
	-moz-transition: all 0.35s 0.15s linear;
	transition: all 0.35s 0.15s linear;
}
.item-hover.square.effect8 a:hover .img {
	opacity: 0;
}
.item-hover.square.effect8 a:hover .info {
	visibility: visible;
	opacity: 1;
}
.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);
}
.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);
}
.item-hover.square.effect8.scale_up .info h3, .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);
}
.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);
}
.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);
}
.item-hover.square.effect8.scale_up a:hover .info h3, .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);
}
.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);
}
.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);
}
.item-hover.square.effect8.scale_down .info h3, .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);
}
.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);
}
.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);
}
.item-hover.square.effect8.scale_down a:hover .info h3, .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);
}
.item-hover.square.effect9 {
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px;
}
.item-hover.square.effect9.colored .info .info-back {
	background: rgba(118, 185, 215, 1);
}
.item-hover.square.effect9.colored .info h3 {
	background: rgba(12, 34, 52, 0.6);
}
.item-hover.square.effect9 .img {
	position: relative;
	z-index: 11;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.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;
}
.item-hover.square.effect9 .info .info-back {
	opacity: 1;
	width: 100%;
	height: 100%;
	padding-top: 30px;
	background: #333333;
}
.item-hover.square.effect9 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111111;
	margin: 0;
}
.item-hover.square.effect9 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	padding: 20px 20px 20px;
	text-align: center;
}
.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%;
}
.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);
}
.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%;
}
.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);
}
.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%;
}
.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);
}
.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;
}
.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);
}
.item-hover.square.effect10 {
	overflow: hidden;
}
.item-hover.square.effect10.colored .info {
	background: rgba(118, 185, 215, 1);
}
.item-hover.square.effect10.colored .info h3 {
	background: rgba(12, 34, 52, 0.6);
}
.item-hover.square.effect10 .img {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.square.effect10 .info {
	background: #333333;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.square.effect10 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111111;
	margin: 30px 0 0 0;
}
.item-hover.square.effect10 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	padding: 20px 20px 20px;
	text-align: center;
}
.item-hover.square.effect10 a:hover .info {
	visibility: visible;
	opacity: 1;
}
.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);
}
.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%);
}
.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%);
}
.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);
}
.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);
}
.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%);
}
.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%);
}
.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);
}
.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);
}
.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%);
}
.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%);
}
.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);
}
.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);
}
.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%);
}
.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%);
}
.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);
}
.item-hover.square.effect11 {
	overflow: hidden;
}
.item-hover.square.effect11.colored .info {
	background: rgb(52, 152, 215);
}
.item-hover.square.effect11.colored .info h3 {
	background: rgba(12, 34, 52, 0.6);
}
.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 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.square.effect11 .info {
	background: #333333;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.35s ease 0.2s;
	-moz-transition: all 0.35s ease 0.2s;
	transition: all 0.35s ease 0.2s;
}
.item-hover.square.effect11 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111111;
	margin: 30px 0 0 0;
}
.item-hover.square.effect11 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	padding: 20px 20px 20px;
	text-align: center;
}
.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);
}
.item-hover.square.effect11 a:hover .info {
	visibility: visible;
	opacity: 1;
}
.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%);
}
.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);
}
.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%);
}
.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);
}
.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%);
}
.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);
}
.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%);
}
.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);
}
.item-hover.square.effect12 {
	overflow: hidden;
}
.item-hover.square.effect12.colored .info {
	background: rgba(118, 185, 215, 0.60);
}
.item-hover.square.effect12.colored .info h3 {
	background: rgba(12, 34, 52, 0.6);
}
.item-hover.square.effect12 .img {
	-webkit-transition: all 0.35s ease-in;
	-moz-transition: all 0.35s ease-in;
	transition: all 0.35s ease-in;
}
.item-hover.square.effect12 .info {
	background: #333333;
	background: rgba(0, 0, 0, 0.6);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in;
	-moz-transition: all 0.35s ease-in;
	transition: all 0.35s ease-in;
}
.item-hover.square.effect12 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111111;
	margin: 30px 0 0 0;
	-webkit-transition: all 0.35s ease-in;
	-moz-transition: all 0.35s ease-in;
	transition: all 0.35s ease-in;
}
.item-hover.square.effect12 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	padding: 20px 20px 20px;
	text-align: center;
	-webkit-transition: all 0.35s ease-in;
	-moz-transition: all 0.35s ease-in;
	transition: all 0.35s ease-in;
}
.item-hover.square.effect12 a:hover .info {
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.item-hover.square.effect12 a:hover .info h3 {
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.item-hover.square.effect12 a:hover .info p {
	-webkit-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	transition-delay: 0.25s;
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.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: 0.3s;
	-moz-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.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: 0.4s;
	-moz-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.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);
}
.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);
}
.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);
}
.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: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.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: 0.3s;
	-moz-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.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: 0.4s;
	-moz-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.item-hover.square.effect13 {
	overflow: hidden;
}
.item-hover.square.effect13.colored .info {
	background: rgba(118, 185, 215, 0.60);
}
.item-hover.square.effect13.colored .info h3 {
	background: rgba(12, 34, 52, 0.6);
}
.item-hover.square.effect13 .img {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.item-hover.square.effect13 .info {
	background: #333333;
	background: rgba(0, 0, 0, 0.6);
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.square.effect13 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111111;
	margin: 30px 0 0 0;
}
.item-hover.square.effect13 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	padding: 20px 20px 20px;
	text-align: center;
}
.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);
}
.item-hover.square.effect13 a:hover .info {
	visibility: visible;
	opacity: 1;
}
.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%);
}
.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);
}
.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%);
}
.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);
}
.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%);
}
.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);
}
.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%);
}
.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);
}
.item-hover.square.effect14.colored .info {
	background: rgba(118, 185, 215, 1);
}
.item-hover.square.effect14.colored .info h3 {
	background: rgba(12, 34, 52, 0.6);
}
.item-hover.square.effect14 .img {
	opacity: 1;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.item-hover.square.effect14 .info {
	background: #333333;
	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 0.35s ease 0.2s;
	-moz-transition: all 0.35s ease 0.2s;
	transition: all 0.35s ease 0.2s;
}
.item-hover.square.effect14 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111111;
	margin: 30px 0 0 0;
}
.item-hover.square.effect14 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #fff;
	padding: 20px 20px 20px;
	text-align: center;
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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%);
}
.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);
}
.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%);
}
.item-hover.square.effect15 {
	overflow: hidden;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px;
}
.item-hover.square.effect15.colored .info {
	background: rgba(118, 185, 215, 1);
}
.item-hover.square.effect15 .img {
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.item-hover.square.effect15 .info {
	background: #333333;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out 0.3s;
	-moz-transition: all 0.35s ease-in-out 0.3s;
	transition: all 0.35s ease-in-out 0.3s;
}
.item-hover.square.effect15 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111111;
	margin: 30px 0 0 0;
}
.item-hover.square.effect15 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	padding: 20px 20px 20px;
	text-align: center;
}
.item-hover.square.effect15 a:hover .img {
	opacity: 0;
	visibility: hidden;
}
.item-hover.square.effect15 a:hover .info {
	visibility: visible;
	opacity: 1;
}
.item-hover.square.effect15.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%;
}
.item-hover.square.effect15.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%;
}
.item-hover.square.effect15.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);
}
.item-hover.square.effect15.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);
}
.item-hover.square.effect15.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%;
}
.item-hover.square.effect15.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%;
}
.item-hover.square.effect15.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);
}
.item-hover.square.effect15.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);
}
.item-hover.square.effect15.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%;
}
.item-hover.square.effect15.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;
}
.item-hover.square.effect15.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);
}
.item-hover.square.effect15.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);
}
.item-hover.square.effect15.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;
}
.item-hover.square.effect15.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%;
}
.item-hover.square.effect15.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);
}
.item-hover.square.effect15.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);
}