.ch-item {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	position: relative;

	box-shadow: 0 1px 2px rgba(0,0,0,0.1);

	cursor: default;

}



.ch-info-wrap{

	position: absolute;

	width: 180px;

	height: 180px;

	border-radius: 50%;



	-webkit-perspective: 800px;

	-moz-perspective: 800px;

	-o-perspective: 800px;

	-ms-perspective: 800px;

	perspective: 800px;



	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;



	background: #f9f9f9 url(../images/bg.jpg);

	box-shadow: 

		0 0 0 20px rgba(255,255,255,0.2), 

		inset 0 0 3px rgba(115,114, 23, 0.8);



}



.ch-info{

	position: absolute;

	width: 180px;

	height: 180px;

	border-radius: 50%;



	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

		

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-o-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transform-style: preserve-3d;

	text-align: center;

}



.ch-info > div {

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	background-position: center center;



	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-o-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	backface-visibility: hidden;

}



.ch-info .ch-info-back {

	-webkit-transform: rotate3d(0,1,0,180deg);

	-moz-transform: rotate3d(0,1,0,180deg);

	-o-transform: rotate3d(0,1,0,180deg);

	-ms-transform: rotate3d(0,1,0,180deg);

	transform: rotate3d(0,1,0,180deg);

	

	background: #434343;

}



.ir48 { 

	background-image: url(../brands/ir48.jpg);

}



.hch { 

	background-image: url(../brands/hch.jpg);

}



.tehranads { 

	background-image: url(../brands/tehranads.jpg);

}



.gtour { 

	background-image: url(../brands/gtour.jpg);

}



.chamanchi { 

	background-image: url(../brands/chamanchi.jpg);

}



.emailiran { 

	background-image: url(../brands/email-iran.jpg);

}



.tehranoto { 

	background-image: url(../brands/tehranoto.jpg);

}

.tehranfix { 

	background-image: url(../brands/tehranfix.jpg);

}


.tehranbiz { 

	background-image: url(../brands/tehranbiz.jpg);

}

.tehranpro { 

	background-image: url(../brands/tehranpro.jpg);

}

.tehranmix { 

	background-image: url(../brands/tehranmix.jpg);

}

.tehraneat { 

	background-image: url(../brands/tehraneat.jpg);

}

.tehrankey { 

	background-image: url(../brands/tehrankey.jpg);

}

.tehranway { 

	background-image: url(../brands/tehranway.jpg);

}

.socialiran { 

	background-image: url(../brands/social-iran.jpg);

}

.textiran { 

	background-image: url(../brands/text-iran.jpg);

}

.pms { 

	background-image: url(../brands/pms.jpg);

}

.hch { 

	background-image: url(../brands/hch.jpg);

}

.hoteldeals { 

	background-image: url(../brands/hoteldeals.jpg);

}

.apple { 

	background-image: url(../brands/apple.jpg);

}

.android { 

	background-image: url(../brands/android.jpg);

}

.ch-info h3 {

	color: #fff;

	line-height: 18px;

	font-size: 18px;

	padding: 40px 15px 0 15px;

	font-family: 'times new roman';

	font-weight: normal;

	text-shadow: 

		0 0 1px #fff, 

		0 1px 2px rgba(0,0,0,0.3);

}

.ch-info h4 {

	color: #222;

	line-height: 18px;

	font-size: 14px;

	font-family: 'arial';

	font-weight: normal;

}


.ch-info p {

	color: #fff;

	padding: 10px 5px;

	font-style: italic;

	margin: 0 28px;

	font-size: 12px;

	width: 120px;

}



.ch-info p  a  img{

	margin-left: 10px;

}



.ch-info p a:first-child img {

	margin-left: 0;

}



.ch-item:hover .ch-info-wrap {

	box-shadow: 

		0 0 0 0 rgba(255,255,255,0.8), 

		inset 0 0 3px rgba(115,114, 23, 0.8);

}



.ch-item:hover .ch-info {

	-webkit-transform: rotate3d(0,1,0,-180deg);

	-moz-transform: rotate3d(0,1,0,-180deg);

	-o-transform: rotate3d(0,1,0,-180deg);

	-ms-transform: rotate3d(0,1,0,-180deg);

	transform: rotate3d(0,1,0,-180deg);

}