@font-face{font-family:'WebSymbolsRegular';src:url('websymbols/websymbols-regular-webfont.html');src:url('websymbols/websymbols-regular-webfontd41d.html?#iefix') format('embedded-opentype'),
url('websymbols/websymbols-regular-webfont-2.html') format('woff'),
url('websymbols/websymbols-regular-webfont-3.html') format('truetype'),
url('websymbols/websymbols-regular-webfont-4.html#WebSymbolsRegular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'open_sansregular';src:url('../fonts/opensans-regular-webfont.eot');src:url('../fonts/opensans-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans-regular-webfont.woff') format('woff'),
url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');font-weight:normal;font-style:normal;}
.ca-menu{padding:0;margin:20px auto;width:100%;}
.ca-menu li{width:27%;height:165px;overflow:hidden;position:relative;float:left;background:#FFFFFF;margin-left:4%;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;border-bottom:solid 21px #2e3aa6;-webkit-box-shadow:0px 0px 4px 0px rgba(50, 50, 50, 0.51);-moz-box-shadow:0px 0px 4px 0px rgba(50, 50, 50, 0.51);box-shadow:0px 0px 4px 0px rgba(50, 50, 50, 0.51);}
.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:#ddd;text-shadow:1px 0px 1px rgba(255,255,255,0.8);line-height:150px;position:absolute;width:100%;height:50%;left:0px;top:0px;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-content{position:absolute;left:0px;width:100%;height:50%;top:15%;}
.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:20px;color:#393939;text-shadow:1px 1px 1px #fff;line-height:40px;opacity:0.8;font-family:'open_sansregular';-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:#fff;}
.ca-menu li:hover .ca-icon{color:#afa379;font-size:90px;opacity:0.1;-webkit-animation:moveFromLeft 400ms ease;-moz-animation:moveFromLeft 400ms ease;-ms-animation:moveFromLeft 400ms ease;}
.ca-menu li:hover .ca-main{color:#afa379;-webkit-animation:moveFromRight 300ms ease;-moz-animation:moveFromRight 300ms ease;-ms-animation:moveFromRight 300ms ease;}
.ca-menu li:hover .ca-sub{color:#000;-webkit-animation:moveFromBottom 500ms ease;-moz-animation:moveFromBottom 500ms ease;-ms-animation:moveFromBottom 500ms ease;}
@-webkit-keyframes moveFromLeft{from{-webkit-transform:translateX(-100%);}
to{-webkit-transform:translateX(0%);}
}
@-moz-keyframes moveFromLeft{from{-moz-transform:translateX(-100%);}
to{-moz-transform:translateX(0%);}
}
@-ms-keyframes moveFromLeft{from{-ms-transform:translateX(-100%);}
to{-ms-transform:translateX(0%);}
}
@-webkit-keyframes moveFromRight{from{-webkit-transform:translateX(100%);}
to{-webkit-transform:translateX(0%);}
}
@-moz-keyframes moveFromRight{from{-moz-transform:translateX(100%);}
to{-moz-transform:translateX(0%);}
}
@-ms-keyframes moveFromRight{from{-ms-transform:translateX(100%);}
to{-ms-transform:translateX(0%);}
}
@-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%);}
}
@media only screen and (min-width:320px) and (max-width:767px){.ca-sub{font-size:16px;}
.ca-menu li{width:92%;margin-bottom:5%;}
}
@media only screen and (min-width:768px) and (max-width:900px){.ca-sub{font-size:16px;}
}
@media only screen and (min-width:800px) and (max-width:900px){.ca-sub{font-size:16px;}
}