@import url(http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
.ch-item { width: 100%; position: relative;}
a > ch-item {cursor:pointer}
.ch-info-wrap { position: absolute; width: 207px; height: 207px; 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; }
.ch-info { position: absolute; width: 207px; height: 207px; 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; left:0; }
.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: #90cecd; }
.ch-info .ch-info-back img { margin:36px 0 18px 0; }
.ch-info .sect2-bar2 { width:89px; border-bottom:1px solid #fff; border-top:1px solid #fff; margin:auto; text-align:center; }
.ch-info .sect2-bar2 p { font-size:15px; color:#fff; font-weight:900; letter-spacing:1px; line-height:17px; text-transform:uppercase; margin:0; font-family: 'Lato', sans-serif; }
.ch-info .sect2-bar2 p a { color:#fff; }
.ch-img-1 { background-image: url(../images/main/1.jpg); }
.ch-img-2 { background-image: url(../images/main/4.jpg); }
.ch-img-3 { background-image: url(../images/main/3.jpg); }
.ch-img-4 { background-image: url(../images/main/facial.png); }
.ch-info h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; margin: 0 15px; padding: 40px 0 0 0; height: 90px; font-family: 'Open Sans', Arial, sans-serif; text-shadow: 
 0 0 1px #fff,  0 1px 2px rgba(0, 0, 0, 0.3); }
/*.ch-info p a { display: block; color: #fff; color: rgba(255, 255, 255, 0.7); 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: #fff222; color: rgba(255, 242, 34, 0.8); }*/
.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); }
