.ch-item{width:100%;height:100%;border-radius:50%;position:relative;cursor:default;-webkit-perspective:900px;-moz-perspective:900px;-o-perspective:900px;-ms-perspective:900px;perspective:900px}.ch-info{position:absolute;width:100%;height:100%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.ch-info>div{display:block;position:absolute;width:100%;height:100%;border-radius:50%;background-position:center center;-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-o-transition:all 0.4s linear;-ms-transition:all 0.4s linear;transition:all 0.4s linear;-webkit-transform-origin:50% 0%;-moz-transform-origin:50% 0%;-o-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%}.ch-info .ch-info-front{box-shadow:inset 0 0 0 16px rgb(0 0 0 / .3)}.ch-info .ch-info-back{-webkit-transform:translate3d(0,0,-220px) rotate3d(1,0,0,90deg);-moz-transform:translate3d(0,0,-220px) rotate3d(1,0,0,90deg);-o-transform:translate3d(0,0,-220px) rotate3d(1,0,0,90deg);-ms-transform:translate3d(0,0,-220px) rotate3d(1,0,0,90deg);transform:translate3d(0,0,-220px) rotate3d(1,0,0,90deg);background:#000;opacity:0}.ch-info h3{color:#fff;letter-spacing:1px;font-size:18px;position:relative;margin:0 15px;padding:60px 0 20px 0}.ch-info h3 a:hover{color:#fff}.ch-info h3::after{content:"";position:absolute;width:60px;border-bottom:1px solid #555;bottom:0;left:0;right:0;margin:auto}.ch-info p{color:#fff;padding:10px 5px;font-style:italic;margin:0 30px;font-size:12px}.ch-info p a{display:block;color:#fff;color:rgb(255 255 255 / .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:rgb(255 242 34 / .8)}.ch-item:hover .ch-info-front{-webkit-transform:translate3d(0,280px,0) rotate3d(1,0,0,-90deg);-moz-transform:translate3d(0,280px,0) rotate3d(1,0,0,-90deg);-o-transform:translate3d(0,280px,0) rotate3d(1,0,0,-90deg);-ms-transform:translate3d(0,280px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,280px,0) rotate3d(1,0,0,-90deg);opacity:0}.ch-item:hover .ch-info-back{-webkit-transform:rotate3d(1,0,0,0deg);-moz-transform:rotate3d(1,0,0,0deg);-o-transform:rotate3d(1,0,0,0deg);-ms-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);opacity:1}