.inside {
	width: 1062px;
	margin: 0 auto;
	position: relative;
	height: 100%;
	overflow: hidden;
}
.container {
	width: 100%;
	min-width: 1062px;	
	position: relative;
	overflow: hidden;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#klienci h2 {
	font-size: 38px;
	color: #550529;
	font-weight: normal;
	text-shadow: 0 0 1px rgba(85, 5, 41, 0.35);
	margin-top: 5%;
	margin-bottom: 10px;
	line-height: 50px;
}

.ch-grid {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 219px;
	height: 219px;
	float: left;
	margin: 0 50px 0 0;
}

.ch-grid li:nth-child(4) {
	margin: 0;
}


.ch-grid li:nth-child(5) {
	margin: 0 50px 0 125px;
}



.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: 219px;
	height: 219px;
	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;
	left: 9px;
	box-shadow:0 0 0 9px rgba(255,255,255,0);/* box-shadow:0 0 0 9px rgba(255,255,255,0.2);*/

}

.ch-info{
	position: absolute;
	width: 219px;
	height: 219px;
	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;
	
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
	-moz-transform: perspective(1000px);

	transition: 0.6s;
	transform-style: preserve-3d;
	
}

.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	z-index: 10;
	background-position: center center;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden; 
	
		-webkit-transition: 0.6s;
		-webkit-transform-style: preserve-3d;

		-moz-transition: 0.6s;
		-moz-transform-style: preserve-3d;

		-o-transition: 0.6s;
		-o-transform-style: preserve-3d;

		-ms-transition: 0.6s;
		-ms-transform-style: preserve-3d;

		transition: 0.6s;
		transform-style: preserve-3d;
}
.ch-info .ch-info-back {
		-webkit-transform: rotateY(-180deg);
		-moz-transform: rotateY(-180deg);
		-o-transform: rotateY(-180deg);
		-ms-transform: rotateY(-180deg);
		transform: rotateY(-180deg);
	
}
.ch-item:hover .ch-info-wrap {
	box-shadow: 
		0 0 0 0 rgba(255,255,255,0.8);
}
.ch-item:hover .ch-info-front {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
}
.ch-item:hover .ch-info-back {
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		transform: rotateY(0deg);
}
.ch-item:hover .ch-info-back {
	z-index: 3;
}
.ch-info-front  {
	background: #fff;
}
.ch-info-back div {
	display: table;
	width: 219px;
	height: 219px;
}
.ch-info-back span {
	display: table-cell;
	vertical-align: middle;
	height: 219px;
	color: #550529;
	text-shadow: 0 0 1px rgba(85, 5, 41, 0.35);
	font-size: 28px;
	line-height: 34px;
}