.hr:after { border-top: 1px solid #cccccc; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0.5em; z-index: -1; }
.hr { color: #000000; display: block; font-family: 'Helvetica', 'bold'; font-size: 20pt; font-weight: 200; margin-bottom: 24px; position: relative; text-align: center; z-index: 1; }
.hr > span { background-color: #ffffff; display: inline-block; padding: 0 0.5em; }
li.lead { padding: 0; margin: 0; }

.speakers { border: 0; padding: 0; margin: 0; width: 100%; }
.speakers td { width: 25%; text-align: center; vertical-align: top; }
.speakers td img { margin: 0; padding: 0; width: 200px; height: 200px; border-radius: 50%; display: block; }
.speakers td h4 { padding: 20px 0 10px 0; margin: 0; }

.title { text-align: center; padding: 20px 0; margin: 0; }
.name { position: relative; display: block; top: -65px; }
#myCarousel .item { width: 960px; height: 357px; }
#myCarousel .item .ava { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; position: absolute; left: 550px; width: 300px; height: 300px; border: 10px solid #2a9e9b; border-radius: 50%; }
#myCarousel .item .name { padding: 160px 0 0 120px; font-size: xx-large; font-weight: bold; }
#myCarousel .item .lead { padding: 10px 0 0 120px; width: 400px; position: relative; top: -60px; }
.timepadButton.center { width: 210px; text-align: center; margin: 0 auto; }
.twf-iframe-placeholder { display: none; }

.ava { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; width: 180px; height: 180px; border-radius: 50%; margin: 0 auto; }