/* Writer: rules from the old ocho-writer css/pluginstyles.css that differ from the framework parent (rule-level, @media kept). */
.gform_legacy_markup_wrapper h2.gsection_title, h2.gsection_title, .gsection_title { font-size: 2.4em !important; margin: 40px 0 0 0 !important; border-bottom: 3px solid #000; padding-bottom: 12px !important; }
.cycle-pager { text-align: center; width: 100%; z-index: 888; position: absolute; bottom: 0; overflow: hidden; }
.cycle-pager span { font-family: arial; font-size: 40px; width: 12px; height: 12px; display: inline-block; cursor: pointer; margin: 0 3px; opacity:.5; filter:alpha(opacity=50); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.cycle-pager span.cycle-pager-active { opacity:1; filter:alpha(opacity=100); }
.hero-arrows { width:20px; height: 56px; padding: 10px; position: absolute; z-index: 9990; top: 50%; margin-top: -38px; opacity:.3; filter:alpha(opacity=30); }
@media only screen and (max-width : 501px) {
.hero-arrows { top: auto;bottom: 10px;margin-top: 0;z-index: 999; width: 14px;height: 20px; }
}