.ch-grid { margin: 20px 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: 180px; height: 180px; display: inline-block; margin:0 52px 52px 0; float:left; }
.ch-grid li.first { margin-left:32px; }

.ch-item { width: 100%; height: 100%; border-radius: 50%; position: relative; box-shadow: 0 1px 2px rgba(0,0,0,0.1); cursor: default; border:1px solid #DEE2E5; }
.ch-info-wrap, 
.ch-info{ position: absolute; width: 150px; height: 150px; border-radius: 50%; }
.ch-info-wrap { top: 15px; left: 15px; background: #fff; }
.ch-info > div { display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-position: center center; -webkit-backface-visibility: hidden; }
.ch-info .ch-info-front { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.ch-info .ch-info-back { opacity: 0; background: #0d1366; pointer-events: none; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; }

.ch-img-1 { background-image: url(../images/partners/piam.jpg)/*tpa=http://digitalhands.net/images/partners/madebycat.jpg*/; }
.ch-img-2 { background-image: url(../images/partners/sole.jpg)/*tpa=http://digitalhands.net/images/partners/asseco.jpg*/; }
.ch-img-3 {  background-image: url(../images/partners/pube.jpg)/*tpa=http://digitalhands.net/images/partners/tbwa.jpg*/; }
.ch-img-4 { background-image: url(../images/partners/farmaprim.jpg)/*tpa=http://digitalhands.net/images/partners/groar.jpg*/; }
.ch-img-5 {  background-image: url(../images/partners/biomedical.jpg)/*tpa=http://digitalhands.net/images/partners/gen3.jpg*/; }
.ch-img-8 {  background-image: url(../images/partners/piam2.jpg)/*tpa=http://digitalhands.net/images/partners/kong.jpg*/; }
.ch-img-6 {  background-image: url(../images/partners/lekam.jpg)/*tpa=http://digitalhands.net/images/partners/70x100.jpg*/; }
.ch-img-7 { background-image: url(../images/partners/bruschettini.jpg)/*tpa=http://digitalhands.net/images/partners/armoop.jpg*/; }
.ch-img-9 { background-image: url(../images/partners/pharmlab.jpg)/*tpa=http://digitalhands.net/images/partners/c-section.jpg*/; }
.ch-img-10 { background-image: url(../images/partners/neogenetica.jpg)/*tpa=http://digitalhands.net/images/partners/mowo.jpg*/; }
.ch-img-11 { background-image: url(../images/partners/celther.jpg)/*tpa=http://digitalhands.net/images/partners/kollektif.jpg*/; }
.ch-img-12 { background-image: url(../images/partners/alafortanfoni.jpg)/*tpa=http://digitalhands.net/images/partners/alafortanfoni.jpg*/; }
.ch-img-13 { background-image: url(../images/partners/anfarm.jpg)/*tpa=http://digitalhands.net/images/partners/armoop.jpg*/; }
.ch-img-14 { background-image: url(../images/partners/bsc.jpg)/*tpa=http://digitalhands.net/images/partners/c-section.jpg*/; }
.ch-img-15 { background-image: url(../images/partners/perrery.jpg)/*tpa=http://digitalhands.net/images/partners/mowo.jpg*/; }
.ch-img-16 { background-image: url(../images/partners/hyalual.jpg)/*tpa=http://digitalhands.net/images/partners/kollektif.jpg*/; }
.ch-img-17 { background-image: url(../images/partners/lift.jpg)/*tpa=http://digitalhands.net/images/partners/alafortanfoni.jpg*/; }

.ch-info h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 18px; line-height:20px; margin:8px 11px 15px 11px; padding:37px 0 0 0; font-family: 'FuturaStdMediumTr', Arial, sans-serif; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); }
.ch-info h2 { color: #0e1c6c; text-transform: uppercase; letter-spacing: 2px; font-size: 18px; line-height:20px; margin:8px 11px 15px 11px; padding:37px 0 0 0; font-family: 'FuturaStdMediumTr', Arial, sans-serif; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); }
.ch-info h4 { color: #0e1c6c; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; line-height:20px; margin:10px 11px 15px 11px; padding:37px 0 0 0; font-family: 'FuturaStdMediumTr', Arial, sans-serif; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); }
.ch-info h5 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; line-height:20px; margin:10px 11px 15px 11px; padding:37px 0 0 0; font-family: 'FuturaStdMediumTr', Arial, sans-serif; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); }
.ch-info a { border-top: 1px solid rgba(255,255,255,0.5); color:#fff; font-style: normal; font-size:11px; letter-spacing:1px; padding:10px 5px 0; font-style: italic; font-family: 'Open Sans', Arial, sans-serif; }
.ch-info p { color: #fff; padding: 7px 5px 0; font-style: italic; margin: 0 30px; font-size: 11px; border-top: 1px solid rgba(255,255,255,0.5); }
.ch-info p a { display: block; color: #e7615e; font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 4px; font-family: 'Open Sans', Arial, sans-serif; }
.ch-info p a:hover { color: #fff; }
.ch-item:hover .ch-info-front { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; } 
.ch-item:hover .ch-info-back { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; pointer-events: auto; }
.ch-img-5 .ch-info h3 { font-size:16px; }