div.flexslider { margin-bottom: 30px; }
.flexslider .slides img {  }
.flexslider li { position: relative; }
.flexslider li .meta { position: absolute; top: 50px; left: 20px; color: white; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; font-family: "Roboto",sans-serif; }
.flexslider li a { color: white; }
.flexslider li .h1 { position: relative; padding: 12px 18px; margin-bottom: 0px; font-size: 3em; font-weight: 300; }
.flexslider li .h2 { line-height: 1.5em; padding: 13px 18px 11px; font-size: 1.5em; margin-bottom: 0px; font-weight: 300; }
.flexslider li a.click { display: block; position: absolute; }
.flexslider li a.left-bottom { width: 50%; height: 50%; left: 0px; bottom: 0px; }
.flexslider li a.right-bottom { width: 50%; height: 50%; right: 0px; bottom: 0px; }
.flexslider li a.hover:hover { border-bottom: 3px solid rgba(255, 255, 255, 0.5); }
.flexslider li a.left { width: 50%; height: 100%; left: 0px; bottom: 0px; }
.flexslider li a.full { width: 100%; height: 100%; left: 0px; bottom: 0px; }
.flex-control-nav { position: absolute; width: 100%; bottom: 10%; left: 10%; }
.flex-control-nav a { text-decoration: none; display: block; width: 3%; height: 8%; background-color: rgb(255, 255, 255); margin: -5% 0px 0px; position: absolute; top: 15%; z-index: 10; overflow: hidden; opacity: 0.5; cursor: pointer; color: rgb(255, 255, 255); }
.flex-control-paging li { margin: 0px 20px; z-index: 20; }
.flex-control-paging li a:hover { background: rgb(0, 159, 194) none repeat scroll 0% 0%; }
.flex-control-paging li a.flex-active { background: rgb(0, 159, 194) none repeat scroll 0% 0%; }
.flex-control-paging li a { overflow: hidden; width: 35px; height: 4px; display: block; background: rgb(255, 255, 255) none repeat scroll 0% 0%; cursor: pointer; text-indent: 9999px; transition-duration: 0s; }
.flexslider:hover, .flexslider:hover { opacity: 1; }
#newsroom-button { text-shadow: 0px -1px 0px rgb(102, 188, 41); text-decoration: none; background-color: rgb(102, 188, 41); background-image: -moz-linear-gradient(center top , rgb(178, 221, 148), rgb(102, 188, 41)); background-repeat: repeat-x; border: 1px solid rgb(102, 188, 41); padding: 5px 20px 1px; height: 22px; z-index: 99; font-size: 14px; float: right; border-radius: 5px; color: rgb(255, 255, 255); cursor: pointer; margin: 5px 5px 0px 0px; font-weight: bold; box-shadow: 0px 0px 2px rgb(255, 255, 255) inset, 0px 0px 3px rgb(102, 102, 102); text-align: center; }
a #newsroom-button, a:visited #newsroom-button { color: rgb(255, 255, 255) ! important; text-decoration: none; }
#newsroom-button:hover { color: rgb(255, 255, 255); background-position: 0px 15px; transition: background-position 0.1s linear 0s; background-color: rgb(178, 221, 148); }
@media only screen and (max-width: 649px) {
  #newsroom-button { float: none; }
  .flexslider li .meta { position: absolute; top: 10px; left: 10px; }
  .flexslider li .h1 { font-size: 1.8em; width: 100%; padding: inherit; }
  .flexslider li .h2 { font-size: 0.8em; width: 100%; padding: inherit; margin-top: 10px; }
}
@media only screen and (max-width: 1024px) {
  flexslider .slides > li { height: auto ! important; }
  .ui-clearfix { clear: both; }
}