@font-face{font-family:'WebSymbolsRegular';src:url('websymbols/websymbols-regular-webfont.eot');src:url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),url('websymbols/websymbols-regular-webfont.woff') format('woff'),url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');font-weight:normal;font-style:normal;}.ca-menu{}.ca-menu h2{background:none;font-size:24px;line-height:32px;}.ca-menu h3{background:none;font-size:14px;line-height:normal;}.ca-menu li{width:230px;height:340px;overflow:hidden;position:relative;float:left;background:#fff;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);box-shadow:1px 1px 2px rgba(0,0,0,0.2);margin-right:13px;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;}.ca-menu li:last-child{margin-right:0px;}.ca-menu li a{text-align:left;width:100%;height:100%;display:block;color:#333;position:relative;}.ca-icon{font-family:'WebSymbolsRegular',cursive;font-size:60px;color:#333;text-shadow:0px 0px 1px #333;line-height:150px;position:absolute;width:100%;height:50%;left:0px;top:0px;text-align:center;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-o-transition:all 400ms linear;-ms-transition:all 400ms linear;transition:all 400ms linear;}.ca-content{position:absolute;left:0px;width:100%;height:50%;top:50%;}.ca-main{font-size:30px;opacity:0.8;text-align:center;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear;}.ca-sub{text-align:center;font-size:14px;color:#666;line-height:40px;opacity:0.8;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear;}.ca-menu li:hover{background-color:#000;}.ca-menu li:hover .ca-icon{color:#fff;font-size:90px;}.ca-menu li:hover .ca-main{color:#00ccff;-webkit-animation:moveFromLeftRotate 300ms ease;-moz-animation:moveFromLeftRotate 300ms ease;-ms-animation:moveFromLeftRotate 300ms ease;}.ca-menu li:hover .ca-sub{color:#fff;-webkit-animation:moveFromBottom 500ms ease;-moz-animation:moveFromBottom 500ms ease;-ms-animation:moveFromBottom 500ms ease;}@-webkit-keyframes moveFromLeftRotate{from{-webkit-transform:translateX(-100%) rotate(-90deg);}to{-webkit-transform:translateX(0%) rotate(0deg);}}@-moz-keyframes moveFromLeftRotate{from{-moz-transform:translateX(-100%) rotate(-90deg);}to{-moz-transform:translateX(0%) rotate(0deg);}}@-ms-keyframes moveFromLeftRotate{from{-ms-transform:translateX(-100%) rotate(-90deg);}to{-ms-transform:translateX(0%) rotate(0deg);}}@-webkit-keyframes moveFromBottom{from{-webkit-transform:translateY(100%);}to{-webkit-transform:translateY(0%);}}@-moz-keyframes moveFromBottom{from{-moz-transform:translateY(100%);}to{-moz-transform:translateY(0%);}}@-ms-keyframes moveFromBottom{from{-ms-transform:translateY(100%);}to{-ms-transform:translateY(0%);}}