.area-pages{ text-align:center; margin:5px 0;}
.area-pages .pages-item{ border:1px solid #162e5e; background:#fff; position:relative; overflow:hidden;}
.area-pages .pages-item .box-title{ font-size:22px; line-height:30px; padding:15px 0;  text-transform:uppercase; font-style:italic; color:#2c3d6c}
.area-pages .pages-item .box-title b{ font-style:normal; font-weight:bold}
.area-pages .pages-item .effect-bg-hover{ position:absolute; bottom:0; left:0; right:0; height:0; z-index:1}
.area-pages .pages-item a{ display:block; height:100%; color:#2c3d6c; padding:25px 0}
.area-pages .pages-item a:hover,
.area-pages .pages-item a:hover .box-title{ color:#fff; text-decoration: none;}
.area-pages .pages-item:hover .effect-bg-hover{ height:100%;}
.area-pages .pages-item:hover .hover-angle-cursor-effect{ bottom:0;}