/**
 * HK blog has some css override the following styles
 * I made this few lines to override it back
 */
.cgg-subscription p,
.cgg-subscription .cgg-subscription-conditions,
.cgg-subscription .cgg-subscription-title {
  text-align: left; }

.cgg-subscription-logo:after,
.cgg-subscription-conditions:after,
.cgg-subscription-form-wrapper:after {
  content: "";
  clear: both;
  display: table; }

.cgg-subscription {
  background-color: #2e86bc;
  padding: 10px;
  margin-bottom: 40px; }
  .cgg-subscription .cgg-subscription-title {
    color: #fff;
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 10px; }
  .cgg-subscription > .cgg-subscription-conditions {
    float: left;
    width: calc(100% - 80px); }
    .cgg-subscription > .cgg-subscription-conditions > p {
      margin: 0 0 10px;
      line-height: 1; }
      .cgg-subscription > .cgg-subscription-conditions > p > img.cgg-subscription-tick {
        float: left;
        width: 15px;
        margin: 5px 0;
        background: transparent; }
      .cgg-subscription > .cgg-subscription-conditions > p > span {
        color: #fff;
        font-size: 10.5pt;
        font-weight: bold;
        word-wrap: break-word;
        margin-left: 20px;
        display: block; }
  .cgg-subscription > .cgg-subscription-logo > img {
    margin: 0 auto;
    display: block;
    width: 80px;
    background: transparent !important; }
  .cgg-subscription > .success {
    display: none;
    color: #fff; }
  .cgg-subscription form.cgg-subscription-form {
    margin-top: 10px; }
    .cgg-subscription form.cgg-subscription-form > input[type=email] {
      border-radius: 3px;
      padding: 5px 10px;
      width: 70%;
      border: 1px solid #fff; }
    .cgg-subscription form.cgg-subscription-form > input[type=submit] {
      background-color: #f68423;
      color: #fff;
      border: 1px solid #f68423;
      border-radius: 3px;
      padding: 5px 5px 4px;
      width: calc(30% - 4px);
      border-bottom: 3px solid #e4602d; }
  .cgg-subscription > svg {
    width: 100%;
    display: none; }
  .cgg-subscription.version-a, .cgg-subscription.version-b {
    padding: 5px 0;
    overflow: hidden;
    box-sizing: initial; }
    .cgg-subscription.version-a > .cgg-subscription-logo, .cgg-subscription.version-b > .cgg-subscription-logo {
      width: 140px;
      float: left; }
      .cgg-subscription.version-a > .cgg-subscription-logo.cgg-subscription-logo-a, .cgg-subscription.version-b > .cgg-subscription-logo.cgg-subscription-logo-a {
        display: initial; }
      .cgg-subscription.version-a > .cgg-subscription-logo.cgg-subscription-logo-b, .cgg-subscription.version-b > .cgg-subscription-logo.cgg-subscription-logo-b {
        display: none; }
      .cgg-subscription.version-a > .cgg-subscription-logo > img, .cgg-subscription.version-b > .cgg-subscription-logo > img {
        width: 90px; }
    .cgg-subscription.version-a > .cgg-subscription-conditions, .cgg-subscription.version-b > .cgg-subscription-conditions {
      width: 260px; }
      .cgg-subscription.version-a > .cgg-subscription-conditions > p, .cgg-subscription.version-b > .cgg-subscription-conditions > p {
        margin: 0 0 3px;
        line-height: initial;
        clear: both; }
        .cgg-subscription.version-a > .cgg-subscription-conditions > p.cgg-subscription-sub-title > span, .cgg-subscription.version-b > .cgg-subscription-conditions > p.cgg-subscription-sub-title > span {
          font-size: 12pt;
          font-weight: bold; }
        .cgg-subscription.version-a > .cgg-subscription-conditions > p.cgg-subscription-sub-title-2, .cgg-subscription.version-b > .cgg-subscription-conditions > p.cgg-subscription-sub-title-2 {
          display: none; }
          .cgg-subscription.version-a > .cgg-subscription-conditions > p.cgg-subscription-sub-title-2 > span, .cgg-subscription.version-b > .cgg-subscription-conditions > p.cgg-subscription-sub-title-2 > span {
            font-size: 9pt; }
    .cgg-subscription.version-a > .cgg-subscription-form-wrapper, .cgg-subscription.version-b > .cgg-subscription-form-wrapper {
      float: right;
      width: calc(100% - 420px);
      margin-right: 20px; }
      .cgg-subscription.version-a > .cgg-subscription-form-wrapper > .cgg-subscription-title, .cgg-subscription.version-b > .cgg-subscription-form-wrapper > .cgg-subscription-title {
        float: left; }
      .cgg-subscription.version-a > .cgg-subscription-form-wrapper > form.cgg-subscription-form, .cgg-subscription.version-b > .cgg-subscription-form-wrapper > form.cgg-subscription-form {
        margin-top: 15px;
        display: inline-block;
        width: 100%; }
    .cgg-subscription.version-a > .success, .cgg-subscription.version-b > .success {
      width: calc(100% - 420px);
      display: none;
      float: left;
      color: #fff; }
    .cgg-subscription.version-a > svg, .cgg-subscription.version-b > svg {
      display: none;
      width: calc(100% - 420px); }
    @media (max-width: 1024px) {
      .cgg-subscription.version-a, .cgg-subscription.version-b {
        padding: 10px; }
        .cgg-subscription.version-a > .cgg-subscription-logo, .cgg-subscription.version-b > .cgg-subscription-logo {
          float: right;
          width: 30%; }
        .cgg-subscription.version-a > .cgg-subscription-conditions, .cgg-subscription.version-b > .cgg-subscription-conditions {
          margin-right: 0;
          width: 70%; }
        .cgg-subscription.version-a > .cgg-subscription-form-wrapper, .cgg-subscription.version-b > .cgg-subscription-form-wrapper {
          width: 100%;
          margin-right: 0; }
          .cgg-subscription.version-a > .cgg-subscription-form-wrapper > .cgg-subscription-title, .cgg-subscription.version-b > .cgg-subscription-form-wrapper > .cgg-subscription-title {
            clear: both;
            float: none; }
          .cgg-subscription.version-a > .cgg-subscription-form-wrapper > form.cgg-subscription-form, .cgg-subscription.version-b > .cgg-subscription-form-wrapper > form.cgg-subscription-form {
            display: initial; }
        .cgg-subscription.version-a > .success, .cgg-subscription.version-b > .success {
          width: 100%; }
        .cgg-subscription.version-a > svg, .cgg-subscription.version-b > svg {
          width: 100%;
          height: 30px;
          margin-top: -11px; } }
    @media (max-width: 1024px) and (min-width: 400px) {
      .cgg-subscription.version-a > .cgg-subscription-logo > img, .cgg-subscription.version-b > .cgg-subscription-logo > img {
        width: 120px; }
      .cgg-subscription.version-a > .cgg-subscription-conditions > p > img.cgg-subscription-tick, .cgg-subscription.version-b > .cgg-subscription-conditions > p > img.cgg-subscription-tick {
        width: 20px; }
      .cgg-subscription.version-a > .cgg-subscription-conditions > p.cgg-subscription-sub-title > span, .cgg-subscription.version-b > .cgg-subscription-conditions > p.cgg-subscription-sub-title > span {
        font-size: 16pt; }
      .cgg-subscription.version-a > .cgg-subscription-conditions > p.cgg-subscription-sub-title-2 > span, .cgg-subscription.version-b > .cgg-subscription-conditions > p.cgg-subscription-sub-title-2 > span {
        font-size: 12pt; }
      .cgg-subscription.version-a > .cgg-subscription-conditions > p > span, .cgg-subscription.version-b > .cgg-subscription-conditions > p > span {
        font-size: 14pt; }
      .cgg-subscription.version-a > .cgg-subscription-form-wrapper > form.cgg-subscription-form input[type=email], .cgg-subscription.version-b > .cgg-subscription-form-wrapper > form.cgg-subscription-form input[type=email], .cgg-subscription.version-a > .cgg-subscription-form-wrapper > form.cgg-subscription-form input[type=submit], .cgg-subscription.version-b > .cgg-subscription-form-wrapper > form.cgg-subscription-form input[type=submit] {
        font-size: 16px; } }
  .cgg-subscription.version-b > .cgg-subscription-logo.cgg-subscription-logo-a {
    display: none; }
  .cgg-subscription.version-b > .cgg-subscription-logo.cgg-subscription-logo-b {
    display: initial; }
  .cgg-subscription.version-b > .cgg-subscription-logo > img {
    width: 115px; }
  .cgg-subscription.version-b > .cgg-subscription-conditions > p.cgg-subscription-sub-title-2 {
    display: initial; }
  .cgg-subscription.version-b > .cgg-subscription-form-wrapper > .cgg-subscription-title {
    margin-top: 15px; }
  .cgg-subscription.version-b > .cgg-subscription-form-wrapper > form.cgg-subscription-form {
    margin-top: 15px; }
  @media (max-width: 1024px) {
    .cgg-subscription.version-b > .cgg-subscription-logo {
      float: left;
      width: 40%; }
    .cgg-subscription.version-b > .cgg-subscription-conditions {
      float: left;
      width: 60%; }
    .cgg-subscription.version-b > .cgg-subscription-form-wrapper {
      float: none; }
    .cgg-subscription.version-b > svg {
      margin-top: -3px; } }
  @media (max-width: 1024px) and (min-width: 400px) {
    .cgg-subscription.version-b > .cgg-subscription-conditions > p > img.cgg-subscription-tick {
      width: 15px; }
    .cgg-subscription.version-b > .cgg-subscription-conditions > p.cgg-subscription-sub-title > span {
      font-size: 12pt; }
    .cgg-subscription.version-b > .cgg-subscription-conditions > p.cgg-subscription-sub-title-2 > span {
      font-size: 9pt; }
    .cgg-subscription.version-b > .cgg-subscription-conditions > p > span {
      font-size: 10.5pt; }
    .cgg-subscription.version-b > .cgg-subscription-form-wrapper > form.cgg-subscription-form input[type=email], .cgg-subscription.version-b > .cgg-subscription-form-wrapper > form.cgg-subscription-form input[type=submit] {
      font-size: 11px; } }

/*# sourceMappingURL=style.css.map */