.disabled {pointer-events: none;}

#bridge-rolloverA { position: relative; }
#bridge-rolloverA  img { width: 100%; }

#bridge-rolloverA .fact { left: 19%; position: absolute; top: 29%; }
#bridge-rolloverA .fact:nth-of-type(2) { left: 24%; top: 52%; }
#bridge-rolloverA .fact:nth-of-type(3) { left: 63%; top: 27%; }
#bridge-rolloverA .fact:nth-of-type(4) { left: 65%; top: 52%; }
#bridge-rolloverA .fact:nth-of-type(5) { left: 62%; top: 59%; }

#bridge-rolloverA .fact button { background: #97D9EC; border-radius: 50%; border: 0; box-shadow: 0 2px 8px -2px #111; color: #202C39; font-size: 1.5em; font-family: 'Open Sans', sans-serif; font-weight: bold; height: 32px;  width: 32px; line-height: 32px; padding: 0; position: relative; text-align: center;}
#bridge-rolloverA .fact ul {list-style-type: none; display: inline-block; margin-left: 0; margin-bottom: 0; padding-left: 0;}
#bridge-rolloverA .fact ul li {display: inline-block;margin-bottom: 0; padding-right: 5px;}
#bridge-rolloverA .fact ul li img {display: block; width: 50px;}
#bridge-rolloverA  .fact div { background: #fff; border-radius: 12px; bottom: 24px; box-shadow: 0 3px 8px -3px #111; left: -9999px; opacity: 0; padding: 24px; position: absolute; width: 340px; }
#bridge-rolloverA .fact div h4 { color: #333; margin: 0; }
#bridge-rolloverA .fact:hover button { z-index: 2;}
#bridge-rolloverA .fact:hover div { left: 24px; opacity: 1; transition: left 0s, opacity .25s; z-index: 1; }
#bridge-rolloverA .fact.go-right div { left: auto; right: 9999px; }
#bridge-rolloverA .fact.go-right:hover div { left: auto; right: 24px; transition: right 0s, opacity .25s; }

#bridge-rolloverB { position: relative; }
#bridge-rolloverB img { width: 100%; }

#bridge-rolloverB .fact { left: 26%; position: absolute; top: 38%; }
#bridge-rolloverB .fact:nth-of-type(2) { left: 14%; top: 48%; }
#bridge-rolloverB .fact:nth-of-type(3) { left: 23%; top: 51%; }
#bridge-rolloverB .fact:nth-of-type(4) { left: 61%; top: 15%; }
#bridge-rolloverB .fact:nth-of-type(5) { left: 62%; top: 31%; }
#bridge-rolloverB .fact:nth-of-type(6) { left: 81%; top: 56%; }
#bridge-rolloverB .fact:nth-of-type(7) { left: 69%; top: 73%; }

#bridge-rolloverB .fact button { background: #97D9EC; border-radius: 50%; border: 0; box-shadow: 0 2px 8px -2px #111; color: #202C39; font-size: 1.5em; font-family: 'Open Sans', sans-serif; font-weight: bold; height: 32px;  width: 32px; line-height: 32px; padding: 0; position: relative; text-align: center;}
#bridge-rolloverB .fact ul {list-style-type: none; display: inline-block; margin-left: 0; margin-bottom: 0; padding-left: 0;}
#bridge-rolloverB .fact ul li {display: inline-block;margin-bottom: 0; padding-right: 5px;}
#bridge-rolloverB .fact ul li img {display: block; width: 50px;}
#bridge-rolloverB  .fact div { background: #fff; border-radius: 12px; bottom: 24px; box-shadow: 0 3px 8px -3px #111; left: -9999px; opacity: 0; padding: 24px; position: absolute; width: 340px; }
#bridge-rolloverB .fact div h4 { color: #333; margin: 0; }
#bridge-rolloverB .fact:hover div { left: 24px; opacity: 1; transition: left 0s, opacity .25s; z-index: 1; }
#bridge-rolloverB .fact.go-right div { left: auto; right: 9999px; }
#bridge-rolloverB .fact.go-right:hover div { left: auto; right: 24px; transition: right 0s, opacity .25s; }

#bridge-rolloverC { position: relative; }
#bridge-rolloverC img { width: 100%; }

#bridge-rolloverC .fact { left: 12%; position: absolute; top: 55%; }
#bridge-rolloverC .fact:nth-of-type(2) { left: 84%; top: 53%; }
#bridge-rolloverC .fact:nth-of-type(3) { left: 65%; top: 50%; }
#bridge-rolloverC .fact:nth-of-type(4) { left: 72%; top: 67%; }
#bridge-rolloverC .fact:nth-of-type(5) { left: 23%; top: 55%; }
#bridge-rolloverC .fact:nth-of-type(6) { left: 34%; top: 63%; }


#bridge-rolloverC .fact button { background: #97D9EC; border-radius: 50%; border: 0; box-shadow: 0 2px 8px -2px #111; color: #202C39; font-size: 1.5em; font-family: 'Open Sans', sans-serif; font-weight: bold; height: 32px;  width: 32px; line-height: 32px; padding: 0; position: relative; text-align: center;}
#bridge-rolloverC .fact ul {list-style-type: none; display: inline-block; margin-left: 0; margin-bottom: 0; padding-left: 0;}
#bridge-rolloverC .fact ul li {display: inline-block;margin-bottom: 0; padding-right: 5px;}
#bridge-rolloverC .fact ul li img {display: block; width: 50px;}
#bridge-rolloverC  .fact div { background: #fff; border-radius: 12px; bottom: 24px; box-shadow: 0 3px 8px -3px #111; left: -9999px; opacity: 0; padding: 24px; position: absolute; width: 340px; }
#bridge-rolloverC .fact div h4 { color: #333; margin: 0; }
#bridge-rolloverC .fact:hover div { left: 24px; opacity: 1; transition: left 0s, opacity .25s; z-index: 1; }
#bridge-rolloverC .fact.go-right div { left: auto; right: 9999px; }
#bridge-rolloverC .fact.go-right:hover div { left: auto; right: 24px; transition: right 0s, opacity .25s; }