#bigbuttons .bb_list { list-style:none; font-size:0px; padding:0px; margin:0px -30px; width:calc(100% + 30px); }

/* NOTE: Need 31px rather than 30px to stop crappy IE Edge from calculating incorrectly */
#bigbuttons a.bigbutton { position:relative; height:230px; display:inline-block; padding:0px; margin:0px 0px 30px 30px; vertical-align:top; box-sizing:border-box; background-color:#002c736b; width:calc(33.33333% - 31px); overflow:hidden; border-radius:2px; cursor:pointer; text-decoration:none; }
#center.under750 #bigbuttons a.bigbutton { width:calc(50% - 31px); }
#center.under450 #bigbuttons a.bigbutton { width:calc(100% - 31px); }

#bigbuttons .bb_inner { position:relative; z-index:5; display:block; padding:0px 15px; margin:0; height:100%; width:100%; box-sizing:border-box; vertical-align:middle; text-align:center; }
#bigbuttons .bb_inner .bb_text { position:relative; color:white; font-size:29px; font-weight:900; line-height:normal; text-decoration:none; pointer-events:none; top:50%; transform:translateY(-50%); }

#bigbuttons .ff_research:before { background-image:url('../jpg/fintech-research.jpg'); }
#bigbuttons .ff_cooperation:before { background-image:url('../jpg/fintech-cooperation.jpg'); }
#bigbuttons .ff_hub:before { background-image:url('../jpg/fintech-hub.jpg'); }
#bigbuttons .ff_conferences:before { background-image:url('../jpg/fintech-conferences.jpg'); }
#bigbuttons .ff_speeches:before { background-image:url('../jpg/fintech-speeches.jpg'); }
#bigbuttons .ff_innovation:before { background-image:url('../jpg/fintech-innovation.jpg'); }
#bigbuttons .ff_glossary:before { background-image:url('../fintech-glossary.html'); }


#bigbuttons a.bigbutton:before {
    position: absolute;
    content: '';
    z-index: 0;
    top: -15%;
    left: -15%;
    height: 130%;
    width: 130%;
    background-size: auto 100%;
    background-position: top;
    transition: all 1s ease-in-out;
    transition: all 1s cubic-bezier(0, 0, 0, 0.35);
}
#bigbuttons a.bigbutton:after {
    position: absolute;
    content: '';
    z-index: 0;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color:#002c736b;
    background-color:rgba(68,47,22,0.35);
}

#bigbuttons a.bigbutton:hover:before {
/* The ever-so-slight rotation is to stop the image transition from shaking
 * in IE.
 * https://gielberkers.com/how-to-fix-shaking-css-transitions-in-firefox/ */
    transform: rotate(0.05deg) scale(0.8);
    transition: all 2s ease-in-out;
    transition: all 2s cubic-bezier(0, 0, 0, 0.35);
}

/* Since this fintech page is a parent page we need to hide the child
 * document list. */
#childdocsblk { display:none; }