@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,.2);-moz-box-shadow:1px 1px 2px rgba(0,0,0,.2);box-shadow:1px 1px 2px rgba(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:0}.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:0 0 1px #333;line-height:150px;position:absolute;width:100%;height:50%;left:0;top:0;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:0;width:100%;height:50%;top:50%}.ca-main{font-size:30px;opacity:.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:.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:#0cf;-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%);
    }
}