@charset "UTF-8";
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("/images/fancybox_sprite.png");
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("/images/fancybox_loading.gif") center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("/images/fancybox_overlay.png");
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("/images/fancybox_sprite@2x.png");
    background-size: 44px 152px;
  }
  #fancybox-loading div {
    background-image: url("/images/fancybox_loading@2x.gif");
    background-size: 24px 24px;
  }
}
/* Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "Open Sans", "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; */
/* 'Segoe UI', Candara, 'Bitstream Vera Sans', 'DejaVu Sans', 'Bitsream Vera Sans', 'Trebuchet MS', Verdana, 'Verdana Ref', sans-serif; */
/* Global
----------------------------------------------- */
html {
  margin: 0;
  padding: 0;
  scroll-padding-top: 102px;
}
body {
  line-height: 1.7;
  text-align: center;
  color: #293044;
  background: #ffffff;
  margin: 0;
  padding: 0;
}
body * {
  font-size: 100%;
  text-align: left;
}
p {
  margin: 0 0 1em 0;
}
body, input, textarea, select {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
  font-display: fallback;
}
html.fonts-loaded body.tabletSkin, html.fonts-loaded body.tabletSkin input, html.fonts-loaded body.tabletSkin textarea, html.fonts-loaded body.tabletSkin select, html.fonts-loaded body.desktopSkin, html.fonts-loaded body.desktopSkin input, html.fonts-loaded body.desktopSkin textarea, html.fonts-loaded body.desktopSkin select, html.fonts-loaded body.wideSkin, html.fonts-loaded body.wideSkin input, html.fonts-loaded body.wideSkin textarea, html.fonts-loaded body.wideSkin select {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
}
input, textarea, select {
  padding: 3px 5px;
}
sup {
  vertical-align: middle;
  position: relative;
  top: -0.7em;
  font-size: 0.8em;
}
code {
  margin: 0;
  padding: 0;
  font-family: monospace;
}
h1 {
  font-weight: 500;
  font-size: 45px;
  padding: 40px 0 50px;
  margin: 0;
  line-height: 1;
  text-align: center;
  z-index: 10;
}
/* Links
----------------------------------------------- */
a, a:visited, a:link {
  border-bottom: 1px dotted #A31968;
  color: #A31968;
  margin-bottom: 0;
  text-decoration: none;
}
a.button, a:visited.button, a:link.button {
  background: #555;
  color: #fff;
  text-shadow: none;
  border: none;
  border-radius: 15px;
  padding: 6px 10px;
  font-weight: bold;
}
a.button:hover, a:visited.button:hover, a:link.button:hover {
  background: #CD2082;
}
a.button.button_red, a:visited.button.button_red, a:link.button.button_red {
  background: #600;
}
a:hover, a:visited:hover, a:link:hover {
  border-bottom-style: solid;
}
/* General Classes
----------------------------------------------- */
.notopmargin {
  margin-top: 0;
}
.fixed {
  position: fixed;
}
a.imagelink, a.imagelink:visited, a.imagelink:hover, a.imagelink:focus, a.imagelink:active, a.imagelink:link, .imagelink a, .imagelink a:visited, .imagelink a:hover, .imagelink a:focus, .imagelink a:active, .imagelink a:link {
  border-bottom: none;
  text-decoration: none;
}
/* Structure
----------------------------------------------- */
.wrapper {
  text-align: center;
}
.wrapper .inner {
  margin: 0 auto;
  /*min-width: 980px;*/
  padding: 0 20px;
  box-sizing: border-box;
  max-width: 1200px;
  text-align: left;
  position: relative;
}
#content {
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 2;
  z-index: 300;
}
#content #content_inner {
  padding: 0;
  /*overflow: hidden;*/
  text-align: left;
  margin: 0 auto;
  padding: 0;
}
#lead {
  color: #fff;
  padding: 50px 0;
  margin: 0;
  text-align: center;
  background: url("https://media.readable.com/wp-content/uploads/2018/05/header-thunderstorm-5.1.jpg") 50% 50% no-repeat;
  background-size: cover;
}
#lead h1 {
  color: #fff;
  text-align: center;
  max-width: 70em;
  line-height: 1.3;
  margin: 0 auto 1.2em;
  padding: 0;
}
#lead h2 {
  color: #fff;
  text-align: left;
  max-width: 450px;
  line-height: 1.5;
  margin: 0 0 0 10px;
  font-weight: normal;
  padding: 0;
  font-size: 1.5em;
}
#lead form {
  margin: 25px 0 0 10px;
}
#lead form input.text {
  border: 1px solid #eceef0;
  background: #eaeaea;
  font-size: 14px;
  padding: 10px 20px 11px 20px;
}
#lead form input.cta_button {
  margin-top: 20px;
}
#lead form label {
  padding-top: 10px;
  display: block;
}
#video {
  color: #fff;
  padding: 80px 0;
  margin: 0;
  text-align: center;
  background: #293044 url("https://media.readable.com/wp-content/uploads/2018/05/header-thunderstorm-5.1.jpg") 50% 50% no-repeat;
  background-size: cover;
}
#video h2 {
  color: #fff;
  text-align: center;
  max-width: 70em;
  line-height: 1.3;
  font-weight: normal;
  margin: 0 auto 50px;
  font-size: 1.8em;
  padding: 0;
  text-shadow: 1px 1px 3px #293044;
}
#video #promo_video {
  text-align: center;
  margin-bottom: 50px;
}
#video p {
  text-align: center;
}
#promo {
  padding: 0 0 30px;
  margin: 0;
  text-align: center;
  position: relative;
  background-image: linear-gradient(#267ccc, #1b578f);
  /*background: url('https://readable.com/wp-content/uploads/2019/01/device-macbook-ReadablePro-4.1-825x418.jpg') 50% 50% no-repeat;
        background-size: cover;*/
}
#promo #promo_inner {
  z-index: 2;
  padding: 50px;
  text-align: center;
  color: #eaeaea;
}
#promo #promo_inner h1 {
  font-weight: 700;
  font-size: 52px;
  line-height: 1.3;
  margin: 0 auto 20px;
  padding: 0;
}
#promo #promo_inner h2 {
  line-height: 1.5;
  margin: 0 auto;
  font-weight: normal;
  text-align: center;
  font-size: 30px;
}
#promo #promo_inner p {
  margin: 30px 0 50px 10px;
  font-weight: normal;
  font-size: 20px;
  color: #fff;
}
#promo #promo_inner p span {
  display: inline;
}
#promo #promo_inner a, #promo #promo_inner a:visited, #promo #promo_inner a:hover, #promo #promo_inner a:focus, #promo #promo_inner a:active, #promo #promo_inner a:link {
  color: #fff;
  border-bottom: 3px solid #cdc820;
}
#promo #promo_inner a:hover {
  color: #cdc820;
}
#promo #promo_inner a.cta_button, #promo #promo_inner a.cta_button:visited, #promo #promo_inner a.cta_button:hover, #promo #promo_inner a.cta_button:focus, #promo #promo_inner a.cta_button:active, #promo #promo_inner a.cta_button:link {
  color: #fff;
  border-bottom: none;
}
#promo #promo_inner #screenshot {
  text-align: center;
  display: block;
  margin-top: 50px;
  margin-right: 10px;
  border-radius: 10px;
  border: 10px solid #eaeaea;
  padding: 10px;
  background: #eaeaea;
}
#promo #promo_inner .tryit {
  text-align: center;
  margin-bottom: 0;
}
#promo #promo_inner .tryit .cta_button {
  font-size: 1em;
  padding: 10px 24px;
  /* Account for line height */
  margin: 0 10px;
}
#promo #promo_inner #demo_email {
  padding: 10px;
}
#promo svg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 500px;
  z-index: 1;
  /* set height to pixels if you want angle to change with screen width */
}
.numbers {
  margin: 0;
  z-index: 3;
}
.numbers .inner {
  padding: 0 30px;
}
.numbers .number_item {
  background: #fff;
  border-radius: 10px;
  padding: 30px;
  text-align: center;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.numbers .number_item h2 {
  padding: 0;
  margin: 0;
  font-size: 3em;
  text-align: center;
}
.numbers .number_item p {
  text-align: center;
}
#featured {
  background: #eaeaea;
  text-align: center;
  line-height: 120px;
}
#featured img {
  vertical-align: middle;
  margin-right: 6%;
  max-width: 18%;
  height: auto;
}
#featured img:nth-child(4) {
  margin-right: 0;
}
.blog_post {
  line-height: 2;
}
.blog_post .breadcrumbs {
  font-size: 0.9em;
}
.blog_post h1 {
  line-height: 1.5;
}
.blog_post h3 {
  font-size: 1.6em;
}
.blog_post p {
  margin-bottom: 1.5em;
}
.blog_post .blog_sidebar {
  padding-left: 25px;
}
.blog_post .blog_sidebar h3:first-child {
  margin-top: 0;
}
.blog_post .blog_sidebar .blog_sidebar_item {
  margin-bottom: 20px;
}
.blog_post .blog_sidebar .blog_sidebar_item .blog_post_thumbnail {
  margin-top: 10px;
  max-width: 90%;
  height: auto;
}
.blog_post .blog_sidebar .blog_sidebar_widget {
  margin: 30px 10px;
  background: #293044;
  border-radius: 15px;
  padding: 20px;
}
.blog_post .blog_sidebar .blog_sidebar_widget .cta_button {
  margin-top: 25px;
}
#faq {
  background: #eaeaea;
}
#faq p {
  margin-bottom: 2em;
}
/* Structure - colours are also in a secondary block below to allow for easy recolouring */
#compare_plans {
  background-color: #293044;
  background-attachment: fixed;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  color: #fff;
}
#compare_plans h2 {
  color: #fff;
}
#compare_plans h2.pricing_quote {
  margin-top: 50px;
  font-size: 24px;
}
#compare_plans table {
  font-size: 14px;
  margin-top: 50px;
  border-radius: 3px;
  margin-bottom: 25px;
}
#compare_plans table tr.blank_row td {
  background: none;
  border: none;
  width: 20%;
}
#compare_plans table tr.blank_row td:nth-child(1) {
  border-left: none;
  width: 40%;
}
#compare_plans table tr.blank_row .recommended {
  border-top: 1px solid #CD2082;
  border-left: 1px solid #CD2082;
  border-right: 1px solid #CD2082;
  border-bottom: 1px solid #CD2082;
  text-align: center;
  background: #CD2082;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px 0;
  letter-spacing: 2px;
}
#compare_plans table tr.header_row th {
  border-bottom: none;
  padding-bottom: 0;
}
#compare_plans table tr.header_row th p {
  text-align: center;
}
#compare_plans table tr.header_row th p.price {
  font-size: 1.7em;
  margin: 0;
}
#compare_plans table tr.header_row th p.price s {
  display: block;
  text-align: center;
  color: #999;
}
#compare_plans table tr.header_row th p.price_period {
  font-size: 0.9em;
  color: #ccc;
  margin-bottom: 2em;
}
#compare_plans table tr.header_row th h3 {
  margin: 0 0 1em;
  text-align: center;
  font-size: 1.3em;
}
#compare_plans table tr.header_row th:first-child {
  border-top-left-radius: 5px;
}
#compare_plans table tr.header_row th:last-child {
  border-top-right-radius: 5px;
}
#compare_plans table tr.button_row th {
  padding-top: 0;
  text-align: center;
}
#compare_plans table tr.button_row th .cta_button {
  margin: 0;
}
#compare_plans table tr.button_row_bottom th {
  padding: 20px 0;
  text-align: center;
}
#compare_plans table tr.button_row_bottom th.recommended {
  border-bottom: 1px solid #CD2082;
}
#compare_plans table tr th {
  background: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  color: #eaeaea;
}
#compare_plans table tr:nth-child(2) th {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
#compare_plans table tr td {
  text-align: center;
  vertical-align: middle;
}
#compare_plans table tr td, #compare_plans table tr th {
  padding: 20px;
  font-weight: normal;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
#compare_plans table tr td:nth-child(1), #compare_plans table tr th:nth-child(1) {
  border-left: 1px solid rgba(255, 255, 255, 0.05);
}
#compare_plans table tr td:nth-child(2), #compare_plans table tr th:nth-child(2) {
  border-right: 1px solid #CD2082;
}
#compare_plans table tr td:nth-child(3), #compare_plans table tr th:nth-child(3) {
  border-right: 1px solid #CD2082;
}
#compare_plans table tr:last-child td.recommended {
  border-bottom: 1px solid #CD2082;
}
#compare_plans table tr.item_divider {
  background: #999;
}
#compare_plans table tr.item_divider th, #compare_plans table tr.item_divider td {
  background: rgba(255, 255, 255, 0.1);
  border-bottom: none;
  font-size: 1.3em;
}
#compare_plans table tr i.fa-check {
  font-size: 1.7em;
}
#compare_plans .price_period_sale {
  text-align: center;
  font-weight: bold;
  margin: 0 0 20px 0;
}
/* Light colour scheme */
#compare_plans.light {
  background-color: #eaeaea;
  color: #333;
}
#compare_plans.light h2 {
  color: #333;
}
#compare_plans.light table tr.blank_row td {
  background: none;
  border: none;
}
#compare_plans.light table tr.blank_row td:nth-child(1) {
  border-left: none;
}
#compare_plans.light table tr.blank_row .recommended {
  border-top: 1px solid #CD2082;
  border-left: 1px solid #CD2082;
  border-right: 1px solid #CD2082;
  border-bottom: 1px solid #CD2082;
  background: #CD2082;
  color: #fff;
}
#compare_plans.light table tr.header_row th {
  border-bottom: none;
}
#compare_plans.light table tr.header_row th p.price_period {
  color: #666;
}
#compare_plans.light table tr.button_row_bottom th.recommended {
  border-bottom: 1px solid #CD2082;
}
#compare_plans.light table tr th {
  background: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid #ccc;
  color: #333;
}
#compare_plans.light table tr:nth-child(2) th {
  border-top: 1px solid #ccc;
}
#compare_plans.light table tr td, #compare_plans.light table tr th {
  background: #ddd;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#compare_plans.light table tr td:nth-child(1), #compare_plans.light table tr th:nth-child(1) {
  border-left: 1px solid #ccc;
}
#compare_plans.light table tr td:nth-child(2), #compare_plans.light table tr th:nth-child(2) {
  border-right: 1px solid #CD2082;
}
#compare_plans.light table tr td:nth-child(3), #compare_plans.light table tr th:nth-child(3) {
  border-right: 1px solid #CD2082;
}
#compare_plans.light table tr:last-child td.recommended {
  border-bottom: 1px solid #CD2082;
}
#compare_plans.light table tr.item_divider {
  background: #ccc;
}
#compare_plans.light table tr.item_divider th, #compare_plans.light table tr.item_divider td {
  font-weight: bold;
  background: rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid #ccc;
}
#compare_plans.light table tr i.fa-check {
  color: #666;
}
#plans_include {
  background: #f9fafa;
  padding: 100px 0;
}
#plans_include h2 {
  margin: 0;
  line-height: 1;
}
#plans_include .home_block_item {
  padding-top: 50px;
  line-height: 1.5;
  font-weight: bold;
}
#plans_include .home_block_item .fa {
  margin-bottom: 20px;
}
#whatis {
  padding: 0;
  margin-bottom: 50px;
}
#whatis .inner {
  border-radius: 10px;
  padding: 50px;
  background: #eee;
}
.home_block {
  padding: 50px 0;
  background: #fff;
}
.home_block.home_tint {
  background: #f8f8f8;
}
.home_block h2 {
  font-size: 30px;
  text-align: center;
  font-weight: normal;
}
.home_block h2 .highlight {
  color: #e21823;
}
.home_block h2:first-child {
  margin-top: 0;
}
.home_block .home_block_item {
  float: left;
  width: 15%;
  margin-right: 2%;
  text-align: center;
  line-height: 200px;
}
.home_block .home_block_item img {
  max-width: 80%;
  height: auto;
  vertical-align: middle;
}
.home_block .home_block_item:nth-child(6n) {
  margin-right: 0;
}
.home_block .logo_block {
  display: flex;
}
.home_block .logo_block .new_home_block_item {
  text-align: center;
  line-height: 100px;
  flex: 1;
}
.home_block .logo_block .new_home_block_item img {
  max-width: 70%;
  max-height: 100px;
  height: auto;
  vertical-align: middle;
}
.home_block .limit_width {
  margin: 0 10%;
}
.home_block .featurequote img.customer {
  border-radius: 50%;
}
.home_block .tick_hr {
  padding-top: 20px;
  text-align: center;
}
.home_block .tick_hr img {
  width: 50px;
}
.home_block.features_head {
  background-image: linear-gradient(#267ccc, #CD2082);
  color: #fff;
  text-align: center;
}
.home_block.features_head h1 {
  line-height: 1.4;
  padding-bottom: 30px;
}
.home_block.features_head h2 {
  margin: 0 0 40px;
}
.home_block.toolkit h2 {
  font-weight: bold;
  margin-bottom: 0;
}
.home_block.toolkit h3 {
  text-align: center;
  font-weight: normal;
  font-size: 25px;
  margin-top: 0;
  margin-bottom: 40px;
}
.home_block.toolkit .pebble {
  padding: 30px;
  background: #f8f9f9;
  box-shadow: 0 3px 5px #ddd;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.home_block.toolkit .pebble * {
  text-align: center;
}
.home_block.toolkit .pebble .pebble_title {
  position: relative;
  padding-bottom: 1em;
  font-weight: bold;
}
.home_block.toolkit .pebble .pebble_title:after {
  border-bottom: 3px solid #CD2082;
  content: "";
  height: 0;
  margin-left: -25px;
  left: 50%;
  width: 50px;
  bottom: 0;
  position: absolute;
}
.home_block h2.underline {
  position: relative;
  padding-bottom: 1em;
}
.home_block h2.underline:after {
  border-bottom: 3px solid #293044;
  content: "";
  height: 0;
  margin-left: -25px;
  left: 50%;
  width: 50px;
  bottom: 0;
  position: absolute;
}
.home_block h2.underline_left {
  text-align: left;
  position: relative;
  padding-bottom: 1em;
}
.home_block h2.underline_left:after {
  border-bottom: 3px solid #293044;
  content: "";
  height: 0;
  left: 0;
  width: 50px;
  bottom: 0;
  position: absolute;
}
.home_block.power h2 {
  font-weight: bold;
  font-size: 35px;
  position: relative;
  padding-bottom: 1em;
}
.home_block.power h2:after {
  border-bottom: 3px solid #293044;
  content: "";
  height: 0;
  margin-left: -25px;
  left: 50%;
  width: 50px;
  bottom: 0;
  position: absolute;
}
.home_block.power h3 {
  font-size: 25px;
}
.home_block.power .button_para a {
  width: 100%;
  box-sizing: border-box;
  font-size: 90%;
  text-align: center;
  text-transform: none;
  padding: 20px 0;
}
.home_block.power .triptych1, .home_block.power .triptych2, .home_block.power .triptych3 {
  box-sizing: border-box;
  padding-right: 50px;
}
.home_block.svg_head {
  background: #267ccc;
  background-image: linear-gradient(#267ccc, #1b578f);
  color: #fff;
  text-align: center;
}
.home_block.svg_head h1 {
  line-height: 1.3;
  font-weight: 700;
  font-size: 52px;
  margin: 0 0 20px;
  padding: 0;
}
.home_block.svg_head h2 {
  line-height: 1.5;
  font-size: 30px;
  margin: 0 auto;
}
.home_block#tail {
  padding: 30px;
  background: #267ccc;
  background-image: linear-gradient(#267ccc, #1b578f);
  color: #333;
}
.home_block#tail .inner {
  background: #f9fafa;
  background-image: linear-gradient(#fafbfb, #f6f8f8);
  border-radius: 10px;
  padding: 30px 45px;
}
.home_block#tail .inner h2 {
  line-height: 1;
  font-weight: bold;
  text-align: left;
  margin: 0 0 20px;
}
.home_block#tail .inner p {
  text-align: left;
  line-height: 1;
}
.home_block#tail .inner p:last-child {
  margin-bottom: 0;
}
.home_block#tail .inner .cta_button {
  margin: 10px 0 0;
}
.home_block.engaging {
  padding: 0;
}
.home_block.engaging .inner {
  background: #f9fafa;
  background-image: linear-gradient(#f9fafa, #dee3e3);
  border-radius: 10px;
  text-align: center;
  padding: 50px;
}
.home_block.engaging .inner p {
  text-align: center;
}
.home_block.engaging .inner p:last-child {
  margin-bottom: 0;
}
.home_block.engaging .inner p .cta_button {
  margin: 0;
}
.home_block.super_engaging {
  padding: 0;
}
.home_block.super_engaging .inner {
  background: #267ccc;
  background-image: linear-gradient(#267ccc, #1b578f);
  border-radius: 10px;
  color: #fff;
  text-align: center;
  padding: 50px;
}
.home_block.super_engaging .inner p {
  text-align: center;
}
.home_block.super_engaging .inner p:last-child {
  margin-bottom: 0;
}
.home_block.super_engaging .inner p .cta_button {
  margin: 0;
}
.home_block.engaging_email {
  background-color: #293044;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  text-align: left;
}
.home_block.engaging_email h2 {
  text-align: left;
  font-size: 1.5em;
}
.home_block.engaging_email p {
  text-align: left;
}
.home_block.engaging_email form {
  margin: 10px 0 0 100px;
}
.home_block.engaging_email form input.text {
  border: 1px solid #eceef0;
  background: #eaeaea;
  font-size: 14px;
  padding: 10px 20px 11px 20px;
}
.home_block.engaging_email form input.cta_button {
  margin-top: 20px;
}
.home_block.engaging_email form label {
  padding-top: 10px;
  display: block;
}
.home_block.features .fa {
  color: #267ccc;
  float: right;
  margin-right: 20px;
  font-size: 3em;
}
.home_block.features .feature_item {
  margin-top: 20px;
  margin-bottom: 20px;
}
.home_block.features .feature_item strong {
  display: inline-block;
  padding-bottom: 5px;
}
.home_block.whofor > .inner > h2 {
  font-weight: normal;
  margin: 0;
}
.home_block.whofor > .inner > h3 {
  font-weight: normal;
  text-align: center;
  font-size: 20px;
  margin-top: 0;
}
.home_block.whofor > .inner > div {
  padding: 30px 0;
}
.home_block.whofor > .inner .whoforblock {
  box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.home_block.whofor > .inner .whoforblock .whoforimage {
  width: 100%;
  height: 200px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  backrgound: #eee;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
}
.home_block.whofor > .inner .whoforblock h3 {
  padding: 0;
  margin: 0 0 20px;
  font-size: 24px;
  text-align: left;
}
.home_block.whofor > .inner .whoforblock div {
  padding: 30px;
}
.home_block.text_block h2 {
  text-align: left;
  line-height: 1.5;
  margin: 30px 0 0 10px;
  font-weight: normal;
  font-size: 1.3em;
}
.home_block.text_block h2.results_head {
  margin-top: 0;
  padding: 0 0 12px;
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.home_block.text_block ul {
  list-style: none;
  padding: 20px 0 0 10px;
  margin: 0;
}
.home_block.text_block ul li strong {
  float: right;
  text-align: right;
  width: 20%;
  clear: right;
}
.home_block.text_block ul li.divider {
  padding: 0 0 12px;
  margin: 0 0 12px;
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.home_block.text_block p {
  margin: 20px 0 0 10px;
  padding: 0;
}
.home_block.text_block #text_to_score {
  resize: vertical;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16), 0 3px 3px 0 rgba(0, 0, 0, 0.23);
}
.home_block.text_block #results_error {
  display: none;
  position: relative;
  border: 1px solid #c00;
  padding: 12px 12px 12px 36px;
}
.home_block.text_block #results_error i.fa {
  position: absolute;
  color: #c00;
  left: 12px;
  top: 16px;
}
.home_block.text_block #score_button_wrapper {
  position: relative;
  top: -10px;
  margin: 0;
  font-size: 16px;
}
.home_block.text_block #score_button_wrapper #score_button {
  text-transform: none;
  padding: 8px 12px;
  margin: 0 0 0 10px;
  cursor: pointer;
}
.home_block.text_block input {
  text-transform: none;
}
.blog_cta {
  margin: 50px 0;
  padding: 30px;
  background: #fff;
}
.blog_cta h3 {
  font-size: 1em;
  text-align: center;
  font-weight: normal;
}
.blog_cta h3 .highlight {
  color: #e21823;
}
.blog_cta.engaging {
  background-color: #293044;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
}
.blog_cta.engaging p {
  text-align: center;
}
.blog_author {
  border-radius: 15px;
  margin: 50px 0;
  padding: 10px 30px 30px;
  background: #293044;
  color: #fff;
}
.blog_author h3 {
  font-size: 1.5em;
  text-align: left;
  font-weight: bold;
}
.blog_author.engaging {
  background-color: #293044;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
}
.blog_author.engaging p {
  text-align: center;
}
.blog_author img.blog_author_photo {
  border-radius: 100%;
  border: 5px solid #fff;
  max-width: 90%;
}
.blog_author i.fa {
  color: #fff;
}
.blog_intro {
  font-size: 1.3em;
  font-weight: 600;
}
a.cta_button, input.cta_button {
  font-size: 1.1em;
  padding: 10px 15px;
  margin: 0 20px 20px 0;
  display: inline-block;
  background: #fff;
  color: #293044;
  border-radius: 15px;
  border: none;
}
a.cta_button i, input.cta_button i {
  margin-right: 10px;
}
a.cta_button:hover, input.cta_button:hover {
  background: #CD2082;
  color: #fff;
  border: none;
}
a.cta_button img, input.cta_button img {
  line-height: 1;
  vertical-align: middle;
}
a.cta_button.cta_button_upper, input.cta_button.cta_button_upper {
  text-transform: uppercase;
}
a.cta_button_orange, input.cta_button_orange {
  background: #CD2082;
  color: #fff;
}
a.cta_button_pink, input.cta_button_pink {
  background: #CD2082;
  font-weight: 600;
  color: #fff;
}
a.cta_button_pink:hover, input.cta_button_pink:hover {
  background: #e2429c;
}
a.cta_button_blue, input.cta_button_blue {
  background: #293044;
  color: #fff;
}
a.cta_button_light_blue, input.cta_button_light_blue {
  background: #1b578f;
  color: #fff;
}
a.cta_button_grey, input.cta_button_grey {
  background: #ccc;
}
.pink_quote {
  position: relative;
  border-radius: 15px;
  padding: 35px 280px 35px 35px;
  min-height: 230px;
  margin: 25px 0 100px;
  background: #CD2082;
  /*p.author {
            position: absolute;
            bottom: -60px;
            right: 0;
            width: 220px;
            text-align: left;
        }*/
}
.pink_quote:after {
  border-color: transparent #CD2082 transparent;
  border-style: solid solid solid none;
  border-width: 0px 30px 45px medium;
  content: "";
  height: 0;
  right: 250px;
  position: absolute;
  bottom: -45px;
  width: 0;
  background: none;
}
.pink_quote img {
  position: absolute;
  right: 30px;
  border: 10px solid #fff;
  border-radius: 300px;
}
/* Header
----------------------------------------------- */
#header {
  font-size: 14px;
  position: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  box-shadow: none;
  text-align: center;
  background: #267ccc;
  z-index: 50;
}
#header.scrolling {
  transition: background-color 0.5s ease, color 0.5s ease, box-shadow 0.5s ease;
  background: #fff;
  box-shadow: 2px 2px 25px #ccc;
  box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.1);
}
#header.scrolling nav > ul > li > a {
  color: #293044;
}
#header.scrolling nav > ul > li.has_more > a {
  background-image: url("/images/icons/bespoke/chevron-grey.png");
}
#header.scrolling nav#launch ul li.nav_signup a {
  color: #fff;
  border-color: #267ccc;
  background: #267ccc;
}
#header.scrolling nav#launch ul li.nav_signup a:hover {
  color: #fff;
}
#header.scrolling nav#launch ul li.nav_login a {
  color: #222;
  border-color: #f9fafa;
}
#header.scrolling #menu_trigger a .dark {
  display: block;
}
#header.scrolling #menu_trigger a .light {
  display: none;
}
#header.scrollingOff {
  transition: background-color 0.5s ease, color 0.5s ease, box-shadow 0.5s ease;
}
#header #header_inner {
  text-align: left;
  margin: 0 auto;
  position: relative;
  display: flex;
  line-height: 60px;
  padding: 20px;
}
#header nav {
  flex: 1;
  margin: 0;
  text-align: center;
  padding: 0;
  line-height: 1;
}
#header nav ul {
  list-style: none;
  list-style-type: none;
  border: none;
  margin: 0;
  padding: 0;
  z-index: 1000;
  display: inline-block;
  line-height: 60px;
  text-align: left;
}
#header nav ul li {
  float: left;
  margin: 0 20px 0 0;
  padding: 0;
  position: relative;
  z-index: 500;
  background: none;
}
#header nav ul li.has_more > a {
  padding-right: 25px;
  background-image: url("https://media.readable.com/images/icons/bespoke/chevron-white.png");
  background-repeat: no-repeat;
  background-position: right 10px top 50%;
}
#header nav ul li a {
  border: 0;
  color: #fff;
  padding: 0 5px;
  display: block;
  overflow: hidden;
  font-size: 16px;
}
#header nav ul li a i.fa {
  vertical-align: middle;
  margin-right: 6px;
}
#header nav ul li a i.fa.fa-chevron-down {
  font-size: 8px;
  margin-top: -0.6em;
}
#header nav ul li img {
  height: 14px;
  position: relative;
  top: -2px;
  vertical-align: middle;
  margin-right: 3px;
}
#header nav ul li ul {
  z-index: 1734;
  position: absolute;
  display: none;
  width: 300px;
  left: -95px;
  top: 100%;
  border-radius: 5px;
  padding: 5px 0;
  background: #fff;
  box-shadow: 2px 2px 5px #ccc;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
#header nav ul li ul li {
  z-index: 1734;
  float: none;
  padding: 0 20px;
  line-height: 3;
  margin-right: 0;
}
#header nav ul li ul li:last-child {
  border-bottom: none;
}
#header nav ul li ul li a {
  color: #267ccc;
  display: inline;
  font-weight: 400;
  text-transform: none;
  float: none;
  text-align: left;
  width: auto;
  padding: 0 0 4px;
}
#header nav ul li ul li a i.fa {
  margin-bottom: 0;
  font-size: 1em;
}
#header nav ul li ul li a.separator {
  border-bottom: 1px solid #eee;
}
#header nav ul li ul li a:hover {
  color: #293044;
  border-bottom: 3px solid #CD2082;
}
#header nav ul li:hover ul {
  display: block;
}
#header nav li.active a {
  color: #555;
  background: #f3f3f3;
}
#header nav li.active a:hover {
  background: #CD2082;
  color: #fff;
}
#header nav li.active ul li a {
  color: #CD2082;
  background: #fff;
}
#header nav li.active ul li a:hover {
  background: #CD2082;
  color: #fff;
}
#header nav#launch {
  flex: 0 0 auto;
}
#header nav#launch ul li.nav_signup, #header nav#launch ul li.nav_login {
  margin-right: 0;
}
#header nav#launch ul li.nav_signup a, #header nav#launch ul li.nav_login a {
  margin: 7px 0;
  color: #fff;
  border: 2px solid #293044;
}
#header nav#launch ul li.nav_signup a:hover, #header nav#launch ul li.nav_login a:hover {
  border-color: #CD2082;
}
#header nav#launch ul li.nav_signup {
  margin-left: 10px;
}
#header nav#launch ul li.nav_signup a {
  background: #293044;
}
#header nav#launch ul li.nav_signup a:hover {
  background: #CD2082;
}
#header nav#launch ul li a.rounded {
  border-radius: 10px;
  display: block;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  padding: 0 14px;
  vertical-align: middle;
  line-height: 42px;
}
#header nav#launch ul li a.rounded i.fa {
  vertical-align: middle;
  margin-right: 6px;
  font-size: 1.3em;
}
#header a.logolink, #header a.logolink:visited, #header a.logolink:focus, #header a.logolink:active {
  flex: 0 0 auto;
  border: 0;
  text-decoration: none;
  margin: 0 30px 0 0;
  padding: 0;
  overflow: hidden;
  line-height: 0.1;
  height: 60px;
  width: 173px;
  position: relative;
}
#header a.logolink img, #header a.logolink:visited img, #header a.logolink:focus img, #header a.logolink:active img {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 155px;
  padding: 10px;
}
#header #menu_trigger {
  float: right;
  display: none;
  line-height: 60px;
  padding: 0;
}
#header #menu_trigger .rounded {
  border-radius: 15px;
  display: block;
  overflow: hidden;
  text-align: center;
  margin: 0;
  text-transform: uppercase;
  border: 0;
  padding: 10px;
  vertical-align: middle;
  line-height: 1;
}
#header #menu_trigger .rounded:hover {
  background: #CD2082;
}
#header #menu_trigger .rounded img {
  line-height: 0.1;
  height: 20px;
}
#header #menu_trigger a {
  color: #fff;
}
#header_padding {
  height: 102px;
  background: #267ccc;
}
#contact .inner ul {
  margin: 0;
  padding: 0 0 0 30px;
  list-style: none;
}
#contact .inner ul li a {
  position: relative;
  display: inline-block;
  margin: 0 0 10px 2em;
  line-height: 1;
}
#contact .inner ul li a i {
  position: absolute;
  left: -2em;
}
#footer {
  margin: 0;
  background: #293044;
  color: #fff;
  font-size: 14px;
}
#footer .inner {
  padding-bottom: 50px;
}
#footer h3 {
  font-size: 18px;
  margin: 60px 0 10px;
}
#footer a:visited, #footer a:hover, #footer a:focus, #footer a:active, #footer a:link {
  color: #fff;
  border-color: #fff;
}
#footer .menu_list {
  list-style: none;
  list-style-type: none;
  margin: 15px 0 30px;
  padding: 0;
}
#footer .menu_list ul {
  margin: 10px 0 0;
  list-style: none;
  list-style-type: none;
}
#footer .menu_list li {
  margin: 0 0 10px;
  position: relative;
  padding: 0;
}
#footer .menu_list li i.fa {
  position: absolute;
  top: 5px;
  left: 0;
  color: #267ccc;
  font-size: 1.2em;
}
#footer .menu_list li li {
  padding: 0 0 0 15px;
}
#footer .widget_line {
  padding: 10px 0 0;
  margin-bottom: 30px;
  position: relative;
}
#footer .widget_line span {
  border-top: 3px solid #CD2082;
  width: 50px;
  position: absolute;
  top: 0;
}
#footer .legal {
  margin-top: 50px;
  text-align: center;
}
#footer .social_button {
  float: left;
  margin-right: 4px;
  margin-bottom: 4px;
  border-radius: 15px 5px 15px 5px;
  text-align: center;
}
#footer .social_button a, #footer .social_button a:hover {
  text-align: center;
  display: inline-block;
  border: none;
  text-decoration: none;
  unrderline: none;
  font-size: 1.2em;
  color: #fff;
  padding: 13px;
}
#footer .social_button:hover {
  background-color: #CD2082;
}
#footer .social_button img {
  line-height: 0.1;
  vertical-align: middle;
  width: 24px;
  height: 24px;
}
#footer .facebook {
  background-color: #3c5a9a;
}
#footer .twitter {
  background-color: #41d1da;
}
#footer .yt {
  background-color: #fe3432;
}
#footer .lin {
  background-color: #0173b2;
}
#footer .instagram {
  background-color: #517fa4;
}
#footer .inner {
  padding: 80px 20px;
}
/* Text Effects
    ----------------------------------------------- */
.upper {
  text-transform: uppercase;
}
.lower {
  text-transform: lowercase;
}
/* Tags and Body
    ----------------------------------------------- */
img {
  border: 0;
}
/* Two-col Content
    ----------------------------------------------- */
div.padded {
  margin: 0 8px;
}
p.padded {
  margin: 0 8px 1em 8px;
}
.rightpadding {
  padding-right: 20px;
}
/* Useful
    ----------------------------------------------- */
.hidden, .off {
  display: none;
}
.clear {
  clear: both;
}
.cl {
  clear: left;
}
.cr {
  clear: right;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.fn {
  float: none;
}
.center, .tac {
  text-align: center;
}
.right, .tar {
  text-align: right;
}
.left, .tal {
  text-align: left;
}
.nowrap {
  white-space: nowrap;
}
.pagination a.previous, .pagination a.next {
  margin: 0 20px;
}
.biptych1, .biptychl {
  float: left;
  width: 48.48%;
}
.biptych2, .biptychr {
  float: right;
  width: 48.48%;
}
.tryptic1, .triptych1 {
  float: left;
  width: 32%;
  margin-right: 2%;
}
.tryptic2, .triptych2 {
  float: left;
  width: 32%;
}
.tryptic3, .triptych3 {
  float: right;
  width: 32%;
}
.trypticdbll, .triptychdbll {
  float: left;
  width: 66%;
}
.trypticdblr, .triptychdblr {
  float: right;
  width: 66%;
}
.quartych1 {
  float: left;
  width: 25%;
}
.quartychtrblr {
  float: right;
  width: 73%;
}
.centered_wide {
  margin-left: 20%;
  margin-right: 20%;
}
.vertical_space {
  margin-top: 50px;
}
.col1, .col2, .col3, .col4, .col5 {
  float: left;
  width: 18%;
  margin-right: 2.5%;
}
.col5 {
  margin-right: 0;
}
.col4_1, .col4_2, .col4_3, .col4_4 {
  float: left;
  width: 23.5%;
  margin-right: 2%;
}
.col4_4 {
  margin-right: 0;
}
.mobileSkin h1, .tabletSkin h1 {
  font-size: 40px;
}
.mobileSkin form.pageForm fieldset, .tabletSkin form.pageForm fieldset {
  margin: 0;
}
.mobileSkin form.pageForm fieldset .formrow label, .tabletSkin form.pageForm fieldset .formrow label {
  float: none;
  width: auto;
}
.mobileSkin form.pageForm fieldset .formrow input, .mobileSkin form.pageForm fieldset .formrow select, .tabletSkin form.pageForm fieldset .formrow input, .tabletSkin form.pageForm fieldset .formrow select {
  float: none;
  width: 90%;
}
.mobileSkin form.pageForm fieldset .buttonrow, .tabletSkin form.pageForm fieldset .buttonrow {
  padding: 10px 0;
}
.mobileSkin form.pageForm fieldset .buttonrow button, .tabletSkin form.pageForm fieldset .buttonrow button {
  margin: 0;
  padding: 5px 9px;
}
.mobileSkin .padded, .tabletSkin .padded {
  margin: 0 0 1em;
}
.mobileSkin .features h2, .tabletSkin .features h2 {
  font-size: 25px;
}
.mobileSkin #header nav, .tabletSkin #header nav {
  background: #293044;
  float: none;
  padding: 10px 0;
  margin: 0;
  border-right: none;
  position: absolute;
  top: 94px;
  right: 0;
  width: 100%;
  max-width: 250px;
  height: auto;
  display: none;
}
.mobileSkin #header nav ul, .tabletSkin #header nav ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.mobileSkin #header nav ul li, .tabletSkin #header nav ul li {
  margin: 0;
  padding: 0;
  display: block;
  float: none;
}
.mobileSkin #header nav ul li a, .tabletSkin #header nav ul li a {
  margin: 0 10px;
  display: block;
  float: none;
}
.mobileSkin #header nav ul li i.fa-chevron-down, .tabletSkin #header nav ul li i.fa-chevron-down {
  display: none;
}
.mobileSkin #header nav ul li ul, .tabletSkin #header nav ul li ul {
  display: none;
}
.mobileSkin #header nav ul li.nav_signup, .tabletSkin #header nav ul li.nav_signup {
  margin-bottom: 10px;
}
.mobileSkin #promo, .mobileSkin .svg_head, .tabletSkin #promo, .tabletSkin .svg_head {
  text-align: left;
}
.mobileSkin #promo > #promo_inner, .mobileSkin #promo > .inner, .mobileSkin .svg_head > #promo_inner, .mobileSkin .svg_head > .inner, .tabletSkin #promo > #promo_inner, .tabletSkin #promo > .inner, .tabletSkin .svg_head > #promo_inner, .tabletSkin .svg_head > .inner {
  min-width: 300px;
  padding: 10px 30px 50px 30px;
}
.mobileSkin #promo > #promo_inner h1, .mobileSkin #promo > .inner h1, .mobileSkin .svg_head > #promo_inner h1, .mobileSkin .svg_head > .inner h1, .tabletSkin #promo > #promo_inner h1, .tabletSkin #promo > .inner h1, .tabletSkin .svg_head > #promo_inner h1, .tabletSkin .svg_head > .inner h1 {
  text-align: left;
  font-size: 40px;
  margin: 0;
  padding-top: 0;
  max-width: 100%;
}
.mobileSkin #promo > #promo_inner h2, .mobileSkin #promo > .inner h2, .mobileSkin .svg_head > #promo_inner h2, .mobileSkin .svg_head > .inner h2, .tabletSkin #promo > #promo_inner h2, .tabletSkin #promo > .inner h2, .tabletSkin .svg_head > #promo_inner h2, .tabletSkin .svg_head > .inner h2 {
  text-align: left;
  font-size: 25px;
  margin: 20px 0;
  max-width: 100%;
}
.mobileSkin #promo > #promo_inner .tryit, .mobileSkin #promo > .inner .tryit, .mobileSkin .svg_head > #promo_inner .tryit, .mobileSkin .svg_head > .inner .tryit, .tabletSkin #promo > #promo_inner .tryit, .tabletSkin #promo > .inner .tryit, .tabletSkin .svg_head > #promo_inner .tryit, .tabletSkin .svg_head > .inner .tryit {
  text-align: left;
}
.mobileSkin #promo > #promo_inner .tryit .cta_button, .mobileSkin #promo > .inner .tryit .cta_button, .mobileSkin .svg_head > #promo_inner .tryit .cta_button, .mobileSkin .svg_head > .inner .tryit .cta_button, .tabletSkin #promo > #promo_inner .tryit .cta_button, .tabletSkin #promo > .inner .tryit .cta_button, .tabletSkin .svg_head > #promo_inner .tryit .cta_button, .tabletSkin .svg_head > .inner .tryit .cta_button {
  margin: 0 10px 10px;
}
.mobileSkin #promo > #promo_inner .tryit .cta_button:first-child, .mobileSkin #promo > .inner .tryit .cta_button:first-child, .mobileSkin .svg_head > #promo_inner .tryit .cta_button:first-child, .mobileSkin .svg_head > .inner .tryit .cta_button:first-child, .tabletSkin #promo > #promo_inner .tryit .cta_button:first-child, .tabletSkin #promo > .inner .tryit .cta_button:first-child, .tabletSkin .svg_head > #promo_inner .tryit .cta_button:first-child, .tabletSkin .svg_head > .inner .tryit .cta_button:first-child {
  margin-left: 0;
}
.mobileSkin #promo svg, .mobileSkin .svg_head svg, .tabletSkin #promo svg, .tabletSkin .svg_head svg {
  display: none;
}
.mobileSkin .limit_width, .tabletSkin .limit_width {
  margin: 0;
}
.mobileSkin .home_block, .tabletSkin .home_block {
  padding: 20px 0;
}
.mobileSkin .home_block.svg_head, .tabletSkin .home_block.svg_head {
  padding: 0 0 20px;
  color: #fff;
  text-align: center;
}
.mobileSkin .home_block.svg_head h1, .tabletSkin .home_block.svg_head h1 {
  line-height: 1.4;
  padding-bottom: 30px;
}
.mobileSkin .home_block.svg_head h2, .tabletSkin .home_block.svg_head h2 {
  margin: 0 0 40px;
}
.mobileSkin .logo_block, .tabletSkin .logo_block {
  flex-wrap: wrap;
}
.mobileSkin .logo_block .new_home_block_item, .tabletSkin .logo_block .new_home_block_item {
  width: 33.3%;
}
.mobileSkin .biptych1, .mobileSkin .biptychl, .mobileSkin .biptych2, .mobileSkin .biptychr, .mobileSkin .tryptic1, .mobileSkin .triptych1, .mobileSkin .tryptic2, .mobileSkin .triptych2, .mobileSkin .tryptic3, .mobileSkin .triptych3, .mobileSkin .trypticdbll, .mobileSkin .triptychdbll, .mobileSkin .trypticdblr, .mobileSkin .triptychdblr, .mobileSkin #footer .legal .legal_left, .mobileSkin #footer .legal .legal_right, .mobileSkin .col1, .mobileSkin .col2, .mobileSkin .col3, .mobileSkin .col4, .mobileSkin .col5, .tabletSkin .biptych1, .tabletSkin .biptychl, .tabletSkin .biptych2, .tabletSkin .biptychr, .tabletSkin .tryptic1, .tabletSkin .triptych1, .tabletSkin .tryptic2, .tabletSkin .triptych2, .tabletSkin .tryptic3, .tabletSkin .triptych3, .tabletSkin .trypticdbll, .tabletSkin .triptychdbll, .tabletSkin .trypticdblr, .tabletSkin .triptychdblr, .tabletSkin #footer .legal .legal_left, .tabletSkin #footer .legal .legal_right, .tabletSkin .col1, .tabletSkin .col2, .tabletSkin .col3, .tabletSkin .col4, .tabletSkin .col5 {
  float: none;
  width: auto;
  margin: 0 0 30px;
  text-align: left;
}
.mobileSkin .col4_1, .mobileSkin .col4_2, .mobileSkin .col4_3, .mobileSkin .col4_4, .tabletSkin .col4_1, .tabletSkin .col4_2, .tabletSkin .col4_3, .tabletSkin .col4_4 {
  float: left;
  width: 49%;
  margin-right: 2%;
}
.mobileSkin .col4_2, .mobileSkin .col4_4, .tabletSkin .col4_2, .tabletSkin .col4_4 {
  margin-right: 0;
}
.mobileSkin #footer, .tabletSkin #footer {
  padding: 0;
}
.mobileSkin #footer .legal, .tabletSkin #footer .legal {
  padding-left: 0;
  padding-right: 0;
}
.mobileSkin .engaging .inner, .mobileSkin .super_engaging .inner, .tabletSkin .engaging .inner, .tabletSkin .super_engaging .inner {
  border-radius: 0;
}
.mobileSkin .mobileHide {
  display: none;
}
.mobileShow, .tabletShow {
  display: none;
}
.mobileSkin .mobileShow, .tabletSkin .tabletShow {
  display: initial;
}
.tabletSkin .tabletHide {
  display: none;
}
.mobileSkin #promo #promo_inner h1 {
  font-size: 8vw;
}
.tabletSkin #header nav, .tabletSkin #header #user_info {
  float: none;
  padding: 10px 0;
  margin: 0 20px;
}
.tabletSkin #header nav ul, .tabletSkin #header #user_info ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.tabletSkin #header nav {
  float: left;
}
.tabletSkin #header #user_info {
  float: right;
  border-top: none;
}
.mobileSkin #header #header_inner, .tabletSkin #header #header_inner {
  min-width: 300px;
  padding: 10px;
}
.mobileSkin #header .logolink, .tabletSkin #header .logolink {
  flex: 1;
}
.mobileSkin #header #menu_trigger, .tabletSkin #header #menu_trigger {
  display: block;
  margin-top: 10px;
}
.mobileSkin #header a, .tabletSkin #header a {
  coloe: #fff;
}
.mobileSkin #header #launch .fr, .tabletSkin #header #launch .fr {
  float: none;
}
.mobileSkin #header #mobileMenu, .tabletSkin #header #mobileMenu {
  padding: 0 10px;
  display: none;
  text-align: left;
  top: 80px;
  right: 5px;
}
.mobileSkin #header #mobileMenu ul, .tabletSkin #header #mobileMenu ul {
  width: 100%;
  line-height: 1.3;
}
.mobileSkin #header #mobileMenu ul li, .tabletSkin #header #mobileMenu ul li {
  padding: 10px 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mobileSkin #header #mobileMenu ul li:last-child, .tabletSkin #header #mobileMenu ul li:last-child {
  border-bottom: none;
}
.mobileSkin #header #mobileMenu ul li a, .tabletSkin #header #mobileMenu ul li a {
  margin: 0;
  color: #fff;
}
.mobileSkin #header #mobileMenu.on, .tabletSkin #header #mobileMenu.on {
  display: block;
}
.mobileSkin #header #mobileMenu.on a:hover, .tabletSkin #header #mobileMenu.on a:hover {
  color: #CD2082;
}
.fancybox-close:visited, .fancybox-close:hover, .fancybox-close:focus, .fancybox-close:active, .fancybox-close:link {
  border: none;
}
#toggle_annual {
  text-align: center;
  line-height: 34px;
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin: 10px;
}
/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .slider {
  background-color: #CD2082;
}
input:focus + .slider {
  box-shadow: 0 0 1px #999;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.feature_page, .text_page {
  background: #eaeaea;
}
.feature_page #feature_blocks .feature_block, .text_page #feature_blocks .feature_block {
  background: #fff;
  padding: 20px;
  margin-bottom: 30px;
}
.feature_page #feature_blocks .feature_block h3, .text_page #feature_blocks .feature_block h3 {
  margin-top: 0;
  font-size: 2em;
  font-weight: 600;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}
.feature_page #feature_blocks .feature_block .feature_image, .text_page #feature_blocks .feature_block .feature_image {
  float: right;
  max-width: 46%;
  margin-left: 4%;
  margin-bottom: 20px;
  position: relative;
}
.feature_page #feature_blocks .feature_block .feature_image img, .text_page #feature_blocks .feature_block .feature_image img {
  width: 100%;
}
.feature_page #feature_blocks .feature_block .feature_image i.fa, .text_page #feature_blocks .feature_block .feature_image i.fa {
  background: #fff;
  color: #CD2082;
  border: 1px solid #ccc;
  position: absolute;
  right: 20px;
  bottom: 20px;
  padding: 10px;
  border-radius: 10px;
}
.feature_page #feature_blocks .feature_block .feature_image i.fa:hover, .text_page #feature_blocks .feature_block .feature_image i.fa:hover {
  background: #CD2082;
  color: #fff;
}
.feature_page #feature_menu, .text_page #feature_menu {
  position: sticky;
  top: 124px;
}
.feature_page #feature_menu h3, .text_page #feature_menu h3 {
  font-size: 1.25em;
}
.feature_page .feature_menu h3, .text_page .feature_menu h3 {
  font-size: 1.25em;
}
.feature_page .anchor, .text_page .anchor {
  display: block;
  position: relative;
  top: -134px;
  visibility: hidden;
}
.feature_page .back_to_top, .text_page .back_to_top {
  padding: 10px 0;
}
.text_page {
  margin-bottom: 50px;
}
.svg_wrapper {
  position: relative;
}
svg {
  position: absolute;
  width: 100%;
  height: 25px;
  z-index: 1;
}
svg.svg_top {
  top: 0;
  left: 0;
}
svg.svg_bottom {
  bottom: 0;
  left: 0;
}
.thumbnail_image {
  max-width: 80%;
  margin: 30px 10%;
  position: relative;
}
.thumbnail_image.thumbnail_image_right {
  float: right;
  max-width: 46%;
  margin-left: 4%;
  margin-top: 0;
  margin-right: 0;
}
.thumbnail_image.thumbnail_image_left {
  float: left;
  max-width: 46%;
  margin-right: 4%;
  margin-top: 0;
  margin-left: 0;
}
.thumbnail_image img {
  width: 100%;
}
.thumbnail_image i.fa {
  background: #fff;
  color: #CD2082;
  border: 1px solid #ccc;
  position: absolute;
  right: 20px;
  bottom: 20px;
  padding: 10px;
  border-radius: 10px;
}
.thumbnail_image i.fa:hover {
  background: #CD2082;
  color: #fff;
}
.form_validate > div {
  position: absolute;
}
.form_validate label {
  position: relative;
}
.form_validate label.error {
  background: #900;
  color: #fff;
  position: absolute;
  left: 0;
  top: 2.2em;
}
.svg_wrapper {
  position: relative;
}
.svg_wrapper div * {
  position: relative;
  z-index: 5;
}
svg {
  position: absolute;
  width: 100%;
  height: 25px;
  z-index: 1;
}
svg.svg_top {
  top: 0;
  left: 0;
}
svg.svg_full {
  top: 0;
  left: 0;
  height: 100%;
}
svg.svg_bottom {
  bottom: 0;
  left: 0;
}
.wrap {
  z-index: 10;
  max-width: 1200px;
  margin: 0 auto;
}
.wrap > div {
  margin: 0 20px;
}
#editor_features .limit_width {
  max-width: 50%;
  margin: 0 auto;
}
#editor_features .inner > p {
  margin-bottom: 50px;
}
#editor_features .inner .feature_item {
  margin-top: 20px;
  margin-bottom: 20px;
}
.importance ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.importance ul li {
  clear: both;
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.importance ul li strong {
  line-height: 1.1;
  font-size: 2em;
  float: left;
  width: 20%;
  text-align: right;
  padding-right: 20px;
  margin-bottom: 40px;
}
.importance ul li:last-child {
  border-bottom: none;
}
#blog_title {
  color: #fff;
  background-image: linear-gradient(#267ccc, #1b578f);
  margin-bottom: 50px;
  padding: 50px 0 80px;
}
#blog_title a {
  color: #fff;
  border-color: #fff;
}
#blog_title h1 {
  padding: 0;
  margin: 0 0 30px;
}
#blog_title h2 {
  padding: 0;
  margin: 0 0 30px;
  text-align: center;
  font-weight: 500;
  font-size: 45px;
  line-height: 1;
}
#blog_title .limit_width {
  max-width: 1000px;
  margin: 0 auto;
}
.category-company.single #blog_title, .category-company.archive #blog_title, .category-content-marketing.single #blog_title, .category-content-marketing.archive #blog_title, .category-product.single #blog_title, .category-product.archive #blog_title, .category-news.single #blog_title, .category-news.archive #blog_title, .category-the-joy-of-english.single #blog_title, .category-the-joy-of-english.archive #blog_title, .category-grammar.single #blog_title, .category-grammar.archive #blog_title {
  color: #fff;
}
.category-company.single #blog_title a, .category-company.archive #blog_title a, .category-content-marketing.single #blog_title a, .category-content-marketing.archive #blog_title a, .category-product.single #blog_title a, .category-product.archive #blog_title a, .category-news.single #blog_title a, .category-news.archive #blog_title a, .category-the-joy-of-english.single #blog_title a, .category-the-joy-of-english.archive #blog_title a, .category-grammar.single #blog_title a, .category-grammar.archive #blog_title a {
  color: #fff;
  border-color: #fff;
}
.category-company.single #blog_title .svg_background, .category-company.archive #blog_title .svg_background, .category-content-marketing.single #blog_title .svg_background, .category-content-marketing.archive #blog_title .svg_background, .category-product.single #blog_title .svg_background, .category-product.archive #blog_title .svg_background, .category-news.single #blog_title .svg_background, .category-news.archive #blog_title .svg_background, .category-the-joy-of-english.single #blog_title .svg_background, .category-the-joy-of-english.archive #blog_title .svg_background, .category-grammar.single #blog_title .svg_background, .category-grammar.archive #blog_title .svg_background {
  display: block;
}
.single #blog_title .svg_background, .archive #blog_title .svg_background, .text_page #blog_title .svg_background {
  display: none;
}
.single .entry-title, .archive .entry-title, .text_page .entry-title {
  line-height: 1.4;
  margin: 0 0 40px;
  padding: 0;
  font-weight: 500;
}
.single .entry-content, .archive .entry-content, .text_page .entry-content {
  padding-bottom: 50px;
  font-size: 1.2em;
}
.single .entry-content h2, .archive .entry-content h2, .text_page .entry-content h2 {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 2;
}
.single .entry-content h3, .archive .entry-content h3, .text_page .entry-content h3 {
  font-size: 1.1em;
}
.single .entry-content h2, .single .entry-content h3, .archive .entry-content h2, .archive .entry-content h3, .text_page .entry-content h2, .text_page .entry-content h3 {
  padding-top: 1em;
}
.single .entry-content h2, .single .entry-content h3, .single .entry-content p, .archive .entry-content h2, .archive .entry-content h3, .archive .entry-content p, .text_page .entry-content h2, .text_page .entry-content h3, .text_page .entry-content p {
  margin-bottom: 1em;
}
.single .entry-content img, .archive .entry-content img, .text_page .entry-content img {
  max-width: 100%;
}
.single .entry-content img.alignright, .archive .entry-content img.alignright, .text_page .entry-content img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
.single .entry-content img.alignleft, .archive .entry-content img.alignleft, .text_page .entry-content img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
.single .entry-content img.aligncenter, .archive .entry-content img.aligncenter, .text_page .entry-content img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.single .entry-content .alignright, .archive .entry-content .alignright, .text_page .entry-content .alignright {
  float: right;
}
.single .entry-content .alignleft, .archive .entry-content .alignleft, .text_page .entry-content .alignleft {
  float: left;
}
.single .entry-content .aligncenter, .archive .entry-content .aligncenter, .text_page .entry-content .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.single .entry-content .cta_block, .archive .entry-content .cta_block, .text_page .entry-content .cta_block {
  border-radius: 3px;
  background: #eee;
  margin: 30px 0;
}
.single .entry-thumbnail img, .archive .entry-thumbnail img, .text_page .entry-thumbnail img {
  position: relative;
  width: 120%;
  height: auto;
  margin-left: -10%;
}
.single .author-bio, .archive .author-bio, .text_page .author-bio {
  padding: 30px 30px 30px 156px;
  margin-bottom: 50px;
  border: 1px solid #eaeaea;
  background: #f4f4f4;
  position: relative;
}
.single .author-bio img.avatar, .archive .author-bio img.avatar, .text_page .author-bio img.avatar {
  position: absolute;
  top: 30px;
  left: 30px;
}
.single .author-bio h2, .archive .author-bio h2, .text_page .author-bio h2 {
  margin: 5px 0 1em;
  padding: 0;
  line-height: 1;
}
.single .entry-tags, .archive .entry-tags, .text_page .entry-tags {
  margin-top: 30px;
  color: #999;
}
.single #disqus_thread, .archive #disqus_thread, .text_page #disqus_thread {
  margin-bottom: 100px;
}
.single .entry-meta, .archive .entry-meta, .text_page .entry-meta {
  text-align: center;
  margin: 10px 0 40px;
  font-size: 0;
}
.single .entry-meta .entry-meta-block, .archive .entry-meta .entry-meta-block, .text_page .entry-meta .entry-meta-block {
  display: inline-block;
  margin-right: 0;
  border-right: 1px dotted #ccc;
}
.single .entry-meta .entry-meta-block:first-child .entry-meta-title, .single .entry-meta .entry-meta-block:first-child .entry-meta-data, .archive .entry-meta .entry-meta-block:first-child .entry-meta-title, .archive .entry-meta .entry-meta-block:first-child .entry-meta-data, .text_page .entry-meta .entry-meta-block:first-child .entry-meta-title, .text_page .entry-meta .entry-meta-block:first-child .entry-meta-data {
  padding-left: 0;
}
.single .entry-meta .entry-meta-block:last-child, .archive .entry-meta .entry-meta-block:last-child, .text_page .entry-meta .entry-meta-block:last-child {
  border-right: none;
}
.single .entry-meta .entry-meta-block:last-child .entry-meta-title, .single .entry-meta .entry-meta-block:last-child .entry-meta-data, .archive .entry-meta .entry-meta-block:last-child .entry-meta-title, .archive .entry-meta .entry-meta-block:last-child .entry-meta-data, .text_page .entry-meta .entry-meta-block:last-child .entry-meta-title, .text_page .entry-meta .entry-meta-block:last-child .entry-meta-data {
  padding-right: 0;
}
.single .entry-meta .entry-meta-block .entry-meta-title, .archive .entry-meta .entry-meta-block .entry-meta-title, .text_page .entry-meta .entry-meta-block .entry-meta-title {
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px 20px;
  line-height: 1.5;
  color: #666;
  text-align: center;
  display: block;
}
.single .entry-meta .entry-meta-block .entry-meta-data, .archive .entry-meta .entry-meta-block .entry-meta-data, .text_page .entry-meta .entry-meta-block .entry-meta-data {
  font-size: 16px;
  padding: 0 20px 10px;
  text-align: center;
  font-weight: 600;
  display: block;
}
.text_page .feature_divider {
  border-bottom: 1px solid #ccc;
  margin: 2.5em 0;
}
.text_page .entry-content h3 {
  margin-top: 0;
  padding-top: 0;
}
ul.section_menu {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-type: none;
}
ul.section_menu li {
  float: left;
  width: 20%;
  padding: 0;
  margin: 0;
  text-align: center;
}
.blog_post_wrapper, .blog_lead .biptych1 {
  position: relative;
}
.blog_post_wrapper img, .blog_lead .biptych1 img {
  max-width: 100%;
  height: auto;
}
.blog_post_wrapper .primary-cat, .blog_lead .biptych1 .primary-cat {
  position: absolute;
  top: -10px;
  left: 10px;
  padding: 5px 8px;
  line-height: 1;
  font-size: 0.8em;
  font-weight: 600;
  color: #fff;
  border-radius: 2px;
  border: none;
  text-transform: uppercase;
}
.blog_post_wrapper .primary-cat:hover, .blog_lead .biptych1 .primary-cat:hover {
  border: none;
}
.blog_post_wrapper .primary-cat.primary-cat-company, .blog_lead .biptych1 .primary-cat.primary-cat-company {
  background: #384E77;
}
.blog_post_wrapper .primary-cat.primary-cat-content-marketing, .blog_lead .biptych1 .primary-cat.primary-cat-content-marketing {
  background: #293044;
}
.blog_post_wrapper .primary-cat.primary-cat-product, .blog_post_wrapper .primary-cat.primary-cat-grammar, .blog_lead .biptych1 .primary-cat.primary-cat-product, .blog_lead .biptych1 .primary-cat.primary-cat-grammar {
  background: #CD2081;
}
.blog_post_wrapper .primary-cat.primary-cat-news, .blog_lead .biptych1 .primary-cat.primary-cat-news {
  background: #267CCC;
}
.blog_post_wrapper .primary-cat.primary-cat-the-joy-of-english, .blog_post_wrapper .primary-cat.primary-cat-fun, .blog_lead .biptych1 .primary-cat.primary-cat-the-joy-of-english, .blog_lead .biptych1 .primary-cat.primary-cat-fun {
  background: #357266;
}
.blog_image img {
  max-width: 100%;
  height: auto;
}
.blog_lead {
  margin-bottom: 80px;
}
.blog_lead h2 {
  font-size: 2em;
  padding: 0;
  margin: 0 0 20px;
  line-height: 1.4;
}
.pagination {
  padding: 50px 0;
}
.pagination .nav-links {
  text-align: center;
}
.pagination .page-numbers {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 10px;
  line-height: 1;
}
.pagination .page-numbers.dots {
  border: none;
}
.post-thumb {
  display: block;
}
.block_margin {
  margin-bottom: 50px;
}
.archive .page-header h1 {
  margin: 0 0 1em;
  padding: 0;
}
.page_title {
  background: #eaeaea;
  padding: 50px 0;
}
.page_title h1, .page_title h2 {
  text-align: center;
}
.page_title_dark h1, .page_title_dark h2 {
  color: #fff;
}
#handbook_wrapper {
  padding: 50px 0;
  background: #eaeaea;
}
#handbook_wrapper #handbook_menu h4 {
  line-height: 1;
  margin-bottom: 10px;
}
#handbook_wrapper #handbook_menu ul {
  margin-top: 0;
}
#handbook_wrapper #handbook_content {
  background: #fff;
}
#handbook_wrapper #handbook_content .inner {
  padding: 20px;
}
#handbook_wrapper #handbook_content h1 {
  text-align: left;
  margin: 0 0 1em;
  padding: 0;
}
#handbook_wrapper #handbook_content .entry-thumbnail img {
  width: 100%;
  height: auto;
}
.screenshot {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}
.wrap.thin {
  margin: 0 auto;
  max-width: 40em;
  line-height: 2.2;
}
.author-bio img {
  border-radius: 50%;
}
.blog_short h2 {
  text-align: left;
  font-size: 1.2em;
}
.blog_short .meta {
  vertical-align: middle;
}
.blog_short img.avatar {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.sprite-image {
  display: inline-block;
  background: url("/images/icons/bespoke/icon-sprite.png?2") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
}
.feature_item .sprite-image {
  margin-right: 12px;
}
.bullseye-blue {
  background-position: 0px 0px;
  width: 64px;
  height: 64px;
}
.check-circle-blue {
  background-position: -64px 0px;
  width: 64px;
  height: 64px;
}
.code-blue {
  background-position: -128px 0px;
  width: 64px;
  height: 64px;
}
.cog-blue {
  background-position: 0px -64px;
  width: 64px;
  height: 64px;
}
.envelope-blue {
  background-position: -64px -64px;
  width: 64px;
  height: 64px;
}
.eye-blue {
  background-position: -128px -64px;
  width: 64px;
  height: 64px;
}
.file-text-blue {
  background-position: 0px -128px;
  width: 64px;
  height: 64px;
}
.flask-blue {
  background-position: -64px -128px;
  width: 64px;
  height: 64px;
}
.keyboard-blue {
  background-position: -128px -128px;
  width: 64px;
  height: 64px;
}
.levels-blue {
  background-position: 0px -192px;
  width: 64px;
  height: 64px;
}
.link-blue {
  background-position: -64px -192px;
  width: 64px;
  height: 64px;
}
.table-blue {
  background-position: -128px -192px;
  width: 64px;
  height: 64px;
}
.text-blue {
  background-position: 0px -256px;
  width: 64px;
  height: 64px;
}
.pull_quote, .pull_quote_right, .pull_quote_left, .pull_quote_center, .pull_quote_wide {
  color: #666;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 2em;
  line-height: 1.4;
  float: right;
  margin: 20px 0 40px 0;
  position: relative;
  right: -10%;
  width: 300px;
}
.pull_quote_left {
  float: left;
  left: -10%;
}
.pull_quote_center {
  float: none;
  position: static;
  text-align: center;
  margin: 20px 20%;
  width: auto;
}
.pull_quote_wide {
  float: none;
  position: static;
  text-align: center;
  margin: 20px;
  width: auto;
}
.pull_quote_small {
  font-size: 1.6em;
}
.pull_quote_quotation {
  text-align: left;
  border-left: 3px solid #999;
  padding-left: 30px;
}
.mobileSkin .pull_quote, .mobileSkin .pull_quote_right, .mobileSkin .pull_quote_left, .mobileSkin .pull_quote_center, .mobileSkin .pull_quote_wide, .tabletSkin .pull_quote, .tabletSkin .pull_quote_right, .tabletSkin .pull_quote_left, .tabletSkin .pull_quote_center, .tabletSkin .pull_quote_wide {
  float: none;
  position: static;
  width: auto;
  margin: 0 15%;
}
/* Fixes for 2020 */
.twentytwenty-handle {
  background: #ccc;
}
.twentytwenty-before-label, .twentytwenty-after-label {
  background: #ccc;
}
ul.ticklist {
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.ticklist li {
  vertical-align: middle;
  margin: 0 0 12px 0;
  padding: 6px 0 0 52px;
  min-height: 40px;
  background: url("/images/icons/bespoke/check-circle-blue.png") 0 0 no-repeat;
  background-size: 40px 40px;
}
.grey_box .inner {
  padding: 10px 40px 30px 40px;
  border-radius: 5px;
  background: #f8f9f9;
}
.grey_box .inner h3 {
  font-weight: normal;
  font-size: 1.7em;
  padding: 0;
  margin: 1em 0 0.7em;
}
.grey_box .inner p {
  padding-right: 15%;
}
.horizontal_menu {
  position: relative;
  z-index: 10;
}
.horizontal_menu .limit_width {
  background: linear-gradient(0deg, #e8ebeb, #f7f8f9);
  border-radius: 5px;
}
.horizontal_menu .limit_width ul {
  margin: -40px 0 0;
  pading: 0;
  list-style: none;
  text-align: center;
}
.horizontal_menu .limit_width ul li {
  display: inline-block;
  margin: 24px 0;
  border-right: 1px solid #353c4f;
  padding: 0 10px;
}
.horizontal_menu .limit_width ul li a {
  display: inline-block;
}
.horizontal_menu .limit_width ul li:last-child {
  border-right: none;
  padding-right: 0;
}
.horizontal_menu .limit_width ul li:first-child {
  padding-left: 0;
}
.features_block {
  background: #f9fafa;
}
.features_block.white_block {
  background: #fff;
}
.features_block img.feature_image {
  float: right;
  max-width: 40%;
  margin: 0 0 30px 50px;
}
.features_block p.subtitle {
  font-size: 1.2em;
  margin-bottom: 3em;
}
.features_block dl {
  list-style: none;
  margin: 0;
  padding: 0;
}
.features_block dl dt {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.features_block dl dd {
  margin: 0 0 1.5em;
  padding: 0;
  max-width: 50em;
}
.features_block ul {
  margin: 0;
  padding: 0;
}
.features_block ul.dots {
  list-style: none;
}
.features_block ul.dots li {
  padding-left: 1.2em;
  position: relative;
}
.features_block ul.dots li::before {
  content: "•";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #cd2082;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  font-size: 2em;
  position: absolute;
  left: 0;
  top: 0.4em;
  line-height: 0;
}
#grammar_menu .current_page_item a {
  font-weight: bold;
  color: #293044;
  border: none;
}
#glossary a.filter.selected {
  color: #293044;
  border: none;
}
#glossary ul.glossary {
  padding: 0;
  margin: 0;
  list-style: none;
}
#glossary ul.glossary li:first-child {
  margin-top: 10px;
}
#glossary ul.glossary li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 5px;
}
#glossary ul.glossary li a.faded {
  color: #bbb;
  border-color: #bbb;
}
#glossary ul.glossary li:before {
  position: absolute;
  left: 0;
  content: "→";
  color: #bbb;
}
#howitworks .howitworksstep {
  padding: 20px 20px 20px 0;
  box-sizing: border-box;
  background: url("/images/howitworksline.png") 4px 0 no-repeat;
  padding-bottom: 20px;
}
#howitworks .howitworksstep h3, #howitworks .howitworksstep p {
  padding: 0 0 0 30px;
  margin: 0;
}
#howitworks .howitworksstep h3 {
  font-size: 1.2em;
  background: url("/images/howitworksdot-on.png") 0 12px no-repeat;
}
#howitworks .howitworksstep:first-child {
  background-position-y: 35px;
}
#howitworks .howitworksstep:last-child {
  background-position-y: -165px;
}
#howitworks .inactive {
  cursor: pointer;
}
#howitworks .inactive h3, #howitworks .inactive p {
  opacity: 0.6;
}
#howitworks .inactive h3 {
  background-image: url("/images/howitworksdot-off.png");
}
#howitworks .inactive:hover h3, #howitworks .inactive:hover p {
  opacity: 0.8;
}
.quotes {
  background: #eaeaea;
}
.quotes .row {
  display: flex;
  gap: 30px;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 30px;
}
.quotes .row:last-child {
  margin-bottom: 0;
}
.quote {
  flex-grow: 1;
  width: 32%;
  box-sizing: border-box;
  background: #fff;
  border-radius: 5px;
  padding: 30px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16), 0 3px 3px 0 rgba(0, 0, 0, 0.23);
}
.quote.quote_full_width {
  box-shadow: none;
  width: 100%;
}
.quote.quote_full_width p {
  text-align: center;
}
.quote .stars {
  color: gold;
  margin-bottom: 12px;
}
.quote .checks {
  color: #009900;
  margin-bottom: 12px;
}
.quote .customer {
  line-height: 30px;
  margin-bottom: 0;
  color: #999;
  text-align: right;
}
.quote .customer img {
  vertical-align: middle;
  margin-right: 5px;
}
.qanda {
  border-radius: 5px;
  background: #fff;
  padding: 0;
  min-width: 400px;
  margin: 0 10% 3px;
  position: relative;
}
.qanda h3 {
  padding: 15px 20px;
  margin: 0;
}
.qanda p {
  position: relative;
  margin-top: -5px;
  margin: 0;
  padding: 0 20px 15px;
  display: none;
}
.qanda i {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
}
.qanda.qandaon p {
  display: block;
}
.qanda.qandaon i {
  color: #ccc;
  cursor: auto;
}
.balance_lines, .svg_head h2 {
  text-wrap: balance;
}
.cta_block {
  background: #fff;
  padding: 20px;
  font-size: 16px;
  margin-bottom: 30px;
}
.cta_block .cta_button {
  margin: 0;
  line-height: 1.7;
}
.cta_block .biptych2 a {
  padding: 10px 0;
}