/* Writer: rules from the old ocho-writer css/circles-custom-template.css that differ from the framework parent (rule-level, @media kept). */
.title-white .titles, .title-white .titles a, .title-white .wysiwyg h1, .title-white .wysiwyg h2, .title-white .wysiwyg h3, .title-white .wysiwyg h4, .title-white .wysiwyg h5, .title-white .wysiwyg h6, .small-title-white .small-titles, .small-title-white .small-titles a, .headline-white .titles.headline { color: #fff !important; }
.quicklink-panels { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.quicklink-panels a.anchor-panel { display: block; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }
.quicklink-panels a.anchor-panel:hover { background-color: rgba(0,0,0,.65); }
.quicklink-panels .ql-text-centered a.anchor-panel, .quicklink-panels .ql-text-centered-btn-bottom a.anchor-panel { background: rgba(0,0,0,.5) !important; }
.quicklink-panels .ql-text-centered-frame a.anchor-panel { background: rgba(0,0,0,.2) !important; }
.quicklink-panels .ql-text-centered a.anchor-panel:hover, .quicklink-panels .ql-text-centered-btn-bottom a.anchor-panel:hover { background: rgba(0,0,0,.8) !important; }
.quicklink-panels .ql-text-centered-frame a.anchor-panel:hover { background: rgba(0,0,0,.5) !important; }
.quicklink-panels .ql-text-centered-btn-bottom h2.pad-b-40 { top: 42%; transform: translate(-50%, -50%); }
.question-wrap .question span { display: block; width: 12px; height: 12px; position: absolute; right: 0; top: 0; }
.ct-testimonial-image-side { position: absolute; top: 50%; left: 0; transform: translateY(-50%); max-width: 70px; }