.flip{transform:rotateY(-180deg)}.front_box,.back_box{position:absolute;z-index:2;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip_box{transition:all 1s ease-in-out;transform-style:preserve-3d;height:384px}.flip .front_box{transform:rotateY(0deg)}.flip .back_box{transform:rotateY(180deg)}.front_box{transform:rotateY(0deg)}.back_box{transform:rotateY(180deg)}.back_box{transform:rotateY(180deg);padding:0 20px}.flip_box_wrap{width:100%;height:100%;perspective:900px;margin:10px auto}.box1,.box3,.box5,.box7,.box9,.box11{display:block!important}.arrow1{cursor:pointer;color:#fff;font-size:25px}