Font Awesome icon usage statistics

  • 0 types of Font Awesome iconic font are used and found 0 times in total.
  • EXOSCALE.CH used 0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of EXOSCALE.CH are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • EXOSCALE.CH includes "https://www.exoscale.ch/static/css/screen.css?a7f461f6" to use Font Awesome and information from CSS is like below.
  • @font-face {
      font-family: "Helvetica W01 Light";
      src: url("../fonts/709887/717f8140-20c9-4892-9815-38b48f14ce2b.eot?#iefix");
      src: url("../fonts/709887/717f8140-20c9-4892-9815-38b48f14ce2b.eot?#iefix") format("eot"), url("../fonts/709887/03805817-4611-4dbc-8c65-0f73031c3973.woff") format("woff"), url("../fonts/709887/d5f9f72d-afb7-4c57-8348-b4bdac42edbb.ttf") format("truetype"), url("../fonts/709887/05ad458f-263b-413f-b054-6001a987ff3e.svg#05ad458f-263b-413f-b054-6001a987ff3e") format("svg"); }
    @font-face {
      font-family: "Helvetica W01 Light Obl";
      src: url("../fonts/709896/7630b6bd-16c5-4dc9-b9e1-59ead28d3467.eot?#iefix");
      src: url("../fonts/709896/7630b6bd-16c5-4dc9-b9e1-59ead28d3467.eot?#iefix") format("eot"), url("../fonts/709896/9c3db207-1259-472f-9958-aa460cf8a464.woff") format("woff"), url("../fonts/709896/2b853dcc-6980-40ad-b789-72d01bdf1ab9.ttf") format("truetype"), url("../fonts/709896/6e10e416-807e-4ab6-974e-3233682fa882.svg#6e10e416-807e-4ab6-974e-3233682fa882") format("svg"); }
    @font-face {
      font-family: "Helvetica W01 Roman";
      src: url("../fonts/675295/ea95b44a-eab7-4bd1-861c-e73535e7f652.eot?#iefix");
      src: url("../fonts/675295/ea95b44a-eab7-4bd1-861c-e73535e7f652.eot?#iefix") format("eot"), url("../fonts/675295/4021a3b9-f782-438b-aeb4-c008109a8b64.woff") format("woff"), url("../fonts/675295/669f79ed-002c-4ff6-965c-9da453968504.ttf") format("truetype"), url("../fonts/675295/d17bc040-9e8b-4397-8356-8153f4a64edf.svg#d17bc040-9e8b-4397-8356-8153f4a64edf") format("svg"); }
    @font-face {
      font-family: "Helvetica W01 Italic";
      src: url("../fonts/675304/8024396f-7071-4826-91f3-a6c74ac498a4.eot?#iefix");
      src: url("../fonts/675304/8024396f-7071-4826-91f3-a6c74ac498a4.eot?#iefix") format("eot"), url("../fonts/675304/6a0046e5-ec1e-4a57-b0d1-d80725a41a7e.woff") format("woff"), url("../fonts/675304/ffef6c19-060a-4d8b-9c04-ddc88a089c02.ttf") format("truetype"), url("../fonts/675304/e523fdb5-21af-407c-a6bf-0a5e86316650.svg#e523fdb5-21af-407c-a6bf-0a5e86316650") format("svg"); }
    @font-face {
      font-family: "Helvetica W01 Bold";
      src: url("../fonts/675298/f70da45a-a05c-490c-ad62-7db4894b012a.eot?#iefix");
      src: url("../fonts/675298/f70da45a-a05c-490c-ad62-7db4894b012a.eot?#iefix") format("eot"), url("../fonts/675298/c5749443-93da-4592-b794-42f28d62ef72.woff") format("woff"), url("../fonts/675298/73805f15-38e4-4fb7-8a08-d56bf29b483b.ttf") format("truetype"), url("../fonts/675298/874bbc4a-0091-49f0-93ef-ea4e69c3cc7a.svg#874bbc4a-0091-49f0-93ef-ea4e69c3cc7a") format("svg"); }
    @font-face {
      font-family: "HelveticaW01-BoldItalic";
      src: url("../fonts/675301/ba3a4533-8c91-4cb2-9aaa-a88094026f33.eot?#iefix");
      src: url("../fonts/675301/ba3a4533-8c91-4cb2-9aaa-a88094026f33.eot?#iefix") format("eot"), url("../fonts/675301/f1871604-fe87-46fa-b5d4-b8ec8fb8a1cb.woff") format("woff"), url("../fonts/675301/13fcc27d-ca3f-4d6c-92c1-539da3e903f4.ttf") format("truetype"), url("../fonts/675301/2a3f33c9-8d6e-440c-9632-83e5d9419616.svg#2a3f33c9-8d6e-440c-9632-83e5d9419616") format("svg"); }
    @font-face {
      font-family: "Helvetica W01 Light Cn";
      src: url("../fonts/709890/098224b7-370a-43f8-bb4e-f3779e83a5d0.eot?#iefix");
      src: url("../fonts/709890/098224b7-370a-43f8-bb4e-f3779e83a5d0.eot?#iefix") format("eot"), url("../fonts/709890/ff1d6fe9-1eb4-4b56-a54d-c4e9c3c231e4.woff") format("woff"), url("../fonts/709890/7f604f39-0277-4222-9b21-cce46dc1a18e.ttf") format("truetype"), url("../fonts/709890/836329ae-a7e9-4192-9b9c-433c0d254f0e.svg#836329ae-a7e9-4192-9b9c-433c0d254f0e") format("svg"); }
    @font-face {
      font-family: "HelveticaW01-LightCnObl";
      src: url("../fonts/709893/e31bace2-95f1-4400-b598-91b72cb664e6.eot?#iefix");
      src: url("../fonts/709893/e31bace2-95f1-4400-b598-91b72cb664e6.eot?#iefix") format("eot"), url("../fonts/709893/965b68ab-e571-4313-8fd1-be34ee0f07f7.woff") format("woff"), url("../fonts/709893/c1297430-5e7f-4a30-a634-53ef2b226df6.ttf") format("truetype"), url("../fonts/709893/d65eae35-803d-4de8-9b40-786f511aab04.svg#d65eae35-803d-4de8-9b40-786f511aab04") format("svg"); }
    @font-face {
      font-family: "Helvetica W01 Blk Cn";
      src: url("../fonts/709860/b528ad62-7d22-427c-ae87-ae9c462a69a9.eot?#iefix");
      src: url("../fonts/709860/b528ad62-7d22-427c-ae87-ae9c462a69a9.eot?#iefix") format("eot"), url("../fonts/709860/8c3c79c1-cc64-4f77-a93b-1bc6caa79124.woff") format("woff"), url("../fonts/709860/8f682a58-261c-4a98-a9d9-4960a8d2d208.ttf") format("truetype"), url("../fonts/709860/64b94c41-cc87-4c11-8202-a293f9188d23.svg#64b94c41-cc87-4c11-8202-a293f9188d23") format("svg"); }
    @font-face {
      font-family: "HelveticaW01-BlkCnObl";
      src: url("../fonts/709863/bc9fa213-e446-4bcc-8c2a-a79bce168f1f.eot?#iefix");
      src: url("../fonts/709863/bc9fa213-e446-4bcc-8c2a-a79bce168f1f.eot?#iefix") format("eot"), url("../fonts/709863/6d3c425e-62b2-4a19-bc43-aa5cd053a1a2.woff") format("woff"), url("../fonts/709863/b063aad2-5f1d-4fe9-8868-f16b42f061cb.ttf") format("truetype"), url("../fonts/709863/30f150ca-171d-4797-a6e9-b377598a5338.svg#30f150ca-171d-4797-a6e9-b377598a5338") format("svg"); }
    .nav-fragments-title, .nav-related-title, .aside-box-title {
      font-size: 16px;
      font-size: 1rem;
      line-height: 32px;
      line-height: 2rem;
      font-family: "Helvetica W01 Blk Cn", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      border-bottom-width: 3px;
      border-bottom-width: 0.1875rem;
      border-bottom-style: solid;
      padding-bottom: 5px;
      padding-bottom: 0.3125rem;
      text-transform: uppercase; }
    .nav-sitemap-link-list a, .nav-fragments a, .nav-related a, .blog-aside-nav-recents a {
      color: inherit;
      text-decoration: none;
      display: block;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      -webkit-transition: background-color 0.1s ease-out;
      -moz-transition: background-color 0.1s ease-out;
      -ms-transition: background-color 0.1s ease-out;
      -o-transition: background-color 0.1s ease-out;
      transition: background-color 0.1s ease-out;
      font-family: "Helvetica W01 Roman", HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      font-size: 16px;
      font-size: 1rem;
      line-height: 32px;
      line-height: 2rem; }
      .nav-sitemap-link-list a:active, .nav-fragments a:active, .nav-related a:active, .blog-aside-nav-recents a:active, .nav-sitemap-link-list a:focus, .nav-fragments a:focus, .nav-related a:focus, .blog-aside-nav-recents a:focus {
        outline: none; }
      @media (min-width: 770px) {
        .nav-sitemap-link-list a, .nav-fragments a, .nav-related a, .blog-aside-nav-recents a {
          font-size: 13px;
          font-size: 0.8rem;
          line-height: 24px;
          line-height: 1.5rem; } }
    .nav-sitemap-link-list a, .nav-fragments a, .nav-related a, .blog-aside-nav-recents a {
      border-bottom: solid 1px; }
    .pricing-features .btn.boot:before {
      content: "\f011\00A0";
      font-family: FontAwesome;
      -webkit-font-smoothing: antialiased; }
    .addon-meta-label.available:after {
      content: "\00A0\00A0\f05a";
      font-family: FontAwesome;
      -webkit-font-smoothing: antialiased; }
    .registration-form .err-list .err:before {
      content: "\f00d\00A0";
      font-family: FontAwesome;
      -webkit-font-smoothing: antialiased; }
    .app .app-figure, .addon-header-img-box, .event-list figure, .tooltip-inner, .dropdown-menu.value-settings {
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
      box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
      background-color: #f2f2f2;
      border: 1px solid #eaeaea; }
    .app .app-figure, .addon-header-img-box, .event-list figure {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      text-align: center;
      vertical-align: middle; }
      .app .app-figure > img, .addon-header-img-box > img, .event-list figure > img {
        vertical-align: inherit; }
    .apps-container .clickable:hover .app-figure, .blog a.figure:hover img {
      border: 1px solid #62cc2e; }
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
      margin: 0;
      padding: 0;
      border: 0;
      font: inherit;
      font-size: 100%;
      vertical-align: baseline; }
    html {
      line-height: 1; }
    ol, ul {
      list-style: none; }
    table {
      border-collapse: collapse;
      border-spacing: 0; }
    caption, th, td {
      text-align: left;
      font-weight: normal;
      vertical-align: middle; }
    q, blockquote {
      quotes: none; }
      q:before, q:after, blockquote:before, blockquote:after {
        content: "";
        content: none; }
    a img {
      border: none; }
    article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
      display: block; }
    html {
      font-size: 100%;
      line-height: 0.5em; }
    html {
      box-sizing: border-box; }
    *, *:before, *:after {
      box-sizing: inherit; }
    body {
      font-size: 16px;
      font-size: 1rem;
      line-height: 32px;
      line-height: 2rem;
      font-family: "Helvetica W01 Light", HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      background-color: #ffffff; }
    button {
      border: none;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      button:focus {
        outline: 0; }
    img {
      max-width: 100%;
      height: auto; }
    ::selection {
      background-color: rgba(193, 0, 13, 0.2); }
    ::-moz-selection {
      background-color: rgba(193, 0, 13, 0.2); }
    td {
      display: table-cell; }
    tr {
      display: table-row; }
    blockquote {
      font-family: "Helvetica W01 Roman", HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      font-size: 25px;
      font-size: 1.5625rem;
      line-height: 32px;
      line-height: 2rem;
      color: #9cb6d8; }
      blockquote p:last-child,
      blockquote ul:last-child,
      blockquote ol:last-child {
        margin-bottom: 0; }
      blockquote p:before {
        display: inline-block;
        content: '\00AB \00A0'; }
      blockquote p:after {
        display: inline-block;
        content: '\00A0 \00BB'; }
      blockquote footer {
        display: block;
        text-align: right;
        font-size: 16px;
        font-size: 1rem;
        line-height: 32px;
        line-height: 2rem;
        font-family: "Helvetica W01 Light", HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
        color: #5380bb; }
        blockquote footer:before {
          content: '\2014 \00A0'; }
    td.center,
    th.center {
      text-align: center; }
    .table-container-title {
      margin-bottom: 2rem;
      padding-bottom: rrhythm(1);
      border-bottom-width: 1px;
      border-bottom-width: 0.0625rem;
      border-bottom-style: solid;
      padding-bottom: 7px;
      padding-bottom: 0.4375rem; }
    .logo-line ul {
      margin: 0;
      padding: 0;
      border: 0;
      overflow: hidden;
      *zoom: 1; }
      .logo-line ul li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
        white-space: nowrap;
        float: left;
        padding-left: 4px;
        padding-right: 4px; }
        .logo-line ul li:first-child {
          padding-left: 0; }
        .logo-line ul li:last-child {
          padding-right: 0; }
        .logo-line ul li.last {
          padding-right: 0; }
      .logo-line ul > li {
        text-align: center;
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
        white-space: nowrap;
        float: left;
        padding-left: 4px;
        padding-right: 4px; }
        .logo-line ul > li:first-child {
          padding-left: 0; }
        .logo-line ul > li:last-child {
          padding-right: 0; }
        .logo-line ul > li.last {
          padding-right: 0; }
    .banner-claim:after {
      content: "";
      display: table;
      clear: both; }
    .banner-claim .claim {
      text-align: center; }
      @media (min-width: 600px) {
        .banner-claim .claim {
          text-align: left;
          width: 48%;
          float: left;
          margin-right: 4.0%; } }
      @media (min-width: 960px) {
        .banner-claim .claim {
          text-align: left;
          width: 65.78947%;
          float: left;
          margin-right: 2.63158%; } }
    .banner-claim .action-button-floater {
      text-align: center; }
      @media (min-width: 600px) {
        .banner-claim .action-button-floater {
          width: 48%;
          float: right;
          margin-right: 0; } }
      @media (min-width: 960px) {
        .banner-claim .action-button-floater {
          width: 31.57895%;
          float: right;
          margin-right: 0; } }
    .launch-banner .claim {
      margin-top: 2rem;
      text-align: center;
      font-family: "Helvetica W01 Blk Cn", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      font-size: 25px;
      font-size: 1.5625rem;
      line-height: 32px;
      line-height: 2rem; }
      @media (min-width: 770px) {
        .launch-banner .claim {
          font-size: 31px;
          font-size: 1.95313rem;
          line-height: 32px;
          line-height: 2rem; } }
    @media (min-width: 960px) {
      .content-box.generic-layout {
        width: 66.38655%;
        float: left;
        margin-right: 0.84034%;
        margin-left: 16.80672%; } }
    li.divider {
      border-bottom: 1px solid black;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; }
    .container {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      overflow: hidden;
      padding-left: 8px;
      padding-right: 8px; }
      .container:after {
        content: " ";
        display: block;
        clear: both; }
      @media (min-width: 600px) {
        .container {
          padding-left: 16px;
          padding-right: 16px; } }
      @media (min-width: 960px) {
        .container {
          padding-left: 8px;
          padding-right: 8px;
          max-width: 960px;
          max-width: 60rem;
          margin-left: auto;
          margin-right: auto; }
          .container:after {
            content: " ";
            display: block;
            clear: both; } }
      @media (min-width: 1100px) {
        .container {
          padding-left: 0px;
          padding-right: 0px;
          max-width: 1100px;
          max-width: 68.75rem;
          margin-left: auto;
          margin-right: auto; }
          .container:after {
            content: " ";
            display: block;
            clear: both; } }
    .page-core-container {
      padding-top: 4rem; }
    .page-header-container {
      overflow: hidden;
      *zoom: 1; }
      @media (min-width: 960px) {
        .page-header-container {
          max-width: 960px;
          max-width: 60rem;
          margin-left: auto;
          margin-right: auto; }
          .page-header-container:after {
            content: " ";
            display: block;
            clear: both; } }
      @media (min-width: 1100px) {
        .page-header-container {
          max-width: 1100px;
          max-width: 68.75rem;
          margin-left: auto;
          margin-right: auto; }
          .page-header-container:after {
            content: " ";
            display: block;
            clear: both; } }
    .fade {
      opacity: 0;
      -moz-transition: opacity 0.15s linear;
      -o-transition: opacity 0.15s linear;
      -webkit-transition: opacity 0.15s linear;
      transition: opacity 0.15s linear; }
      .fade.in {
        opacity: 1; }
    .collapse {
      display: none; }
      .collapse.in {
        display: block; }
    tr.collapse.in {
      display: table-row; }
    tbody.collapse.in {
      display: table-row-group; }
    .collapsing {
      position: relative;
      height: 0;
      overflow: hidden;
      -moz-transition: height 0.35s ease;
      -o-transition: height 0.35s ease;
      -webkit-transition: height 0.35s ease;
      transition: height 0.35s ease; }
    .page-header {
      background-color: #c1000d;
      color: rgba(255, 255, 255, 0.85); }
    .brand {
      text-indent: -119988px;
      text-align: left;
      color: inherit;
      text-decoration: none;
      display: inline-block;
      margin-left: 8px;
      height: 4rem;
      background-image: url("../img/logo-exoscale-white.svg");
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 170px auto;
      width: 170px; }
      .brand:active, .brand:focus {
        outline: none; }
      @media (min-width: 600px) {
        .brand {
          margin-left: 16px; } }
      @media (min-width: 770px) {
        .brand {
          float: left; } }
      @media (min-width: 960px) {
        .brand {
          margin-left: 8px; } }
      @media (min-width: 1100px) {
        .brand {
          margin-left: 0px; } }
    .nav-main {
      -webkit-transition: height 500ms cubic-bezier(0, 0.71, 0.14, 1) 0s;
      -moz-transition: height 500ms cubic-bezier(0, 0.71, 0.14, 1) 0s;
      -ms-transition: height 500ms cubic-bezier(0, 0.71, 0.14, 1) 0s;
      -o-transition: height 500ms cubic-bezier(0, 0.71, 0.14, 1) 0s;
      transition: height 500ms cubic-bezier(0, 0.71, 0.14, 1) 0s;
      display: block;
      height: 0; }
      @media (min-width: 770px) {
        .nav-main {
          margin-right: 16px;
          display: inline-block;
          float: right;
          height: auto;
          margin-top: 1rem; }
          .nav-main > ul {
            margin: 0;
            padding: 0;
            border: 0;
            overflow: hidden;
            *zoom: 1; }
            .nav-main > ul li {
              list-style-image: none;
              list-style-type: none;
              margin-left: 0;
              white-space: nowrap;
              float: left;
              padding-left: 8px;
              padding-right: 8px; }
              .nav-main > ul li:first-child {
                padding-left: 0; }
              .nav-main > ul li:last-child {
                padding-right: 0; }
              .nav-main > ul li.last {
                padding-right: 0; } }
      @media (min-width: 960px) {
        .nav-main {
          margin-right: 0;
          margin-right: 8px; } }
    .blog-active.false {
      display: none; }
    .nav-main a {
      color: inherit;
      text-decoration: none;
      padding-top: 1rem;
      padding-bottom: 1rem;
      padding-left: 8px;
      padding-right: 8px;
      font-size: 16px;
      font-size: 1rem;
      line-height: 32px;
      line-height: 2rem;
      background-color: rgba(0, 0, 0, 0.6);
      color: rgba(255, 255, 255, 0.9);
      display: block;
      text-transform: uppercase;
      border-bottom: 1px solid;
      border-color: rgba(13, 13, 13, 0.6);
      background-image: url("../img/ico-arrow-right-white.svg");
      background-position: right 1rem center;
      background-size: auto 0.8rem;
      background-repeat: no-repeat;
      background-color: rgba(0, 0, 0, 0.6); }
      .nav-main a:active, .nav-main a:focus {
        outline: none; }
      .nav-main a:hover {
        background-color: rgba(0, 0, 0, 0.35); }
      .nav-main a:active {
        background-color: rgba(0, 0, 0, 0.5); }
      @media (min-width: 600px) {
        .nav-main a {
          padding-left: 16px;
          padding-right: 16px; } }
      @media (min-width: 770px) {
        .nav-main a {
          padding-left: 16px;
          padding-right: 16px; } }
      @media (min-width: 960px) {
        .nav-main a {
          padding-left: 8px;
          padding-right: 8px; } }
      .nav-main a:hover {
        color: rgba(255, 255, 255, 0.85); }
      @media (min-width: 600px) {
        .nav-main a {
          font-size: 13px;
          font-size: 0.8rem;
          line-height: 24px;
          line-height: 1.5rem; } }
      @media (min-width: 770px) {
        .nav-main a {
          margin-top: 0px;
          margin-top: 0rem;
          padding-top: 0px;
          padding-top: 0rem;
          padding-bottom: 0px;
          padding-bottom: 0rem;
          margin-bottom: 0px;
          margin-bottom: 0rem;
          padding-left: 0px;
          padding-right: 0px;
          background-color: transparent;
          background: none;
          border-bottom: none;
          display: inline-block; }
          .nav-main a:hover {
            background-color: transparent; }
          .nav-main a:active {
            background-color: transparent; }
          .nav-main a:hover, .nav-main a:active, .nav-main a:visited {
            color: rgba(255, 255, 255, 0.9); }
          .nav-main a:hover {
            border-bottom: 1px solid rgba(255, 255, 255, 0.9); } }
    @media (min-width: 770px) {
      .nav-main .login-button {
        color: rgba(255, 255, 255, 0.9);
        background-color: #62cc2e;
        border-color: transparent;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        padding-left: 8px;
        padding-right: 8px; }
        .nav-main .login-button:focus, .open > .nav-main .login-button.dropdown-toggle {
          color: rgba(255, 255, 255, 0.9);
          background-color: #58b729;
          border-color: transparent; }
        .nav-main .login-button:hover, .nav-main .login-button:hover {
          color: rgba(255, 255, 255, 0.9);
          background-color: #54af27;
          border-color: transparent; }
        .nav-main .login-button:active, .nav-main .login-button.active {
          color: rgba(255, 255, 255, 0.9);
          background-color: #4ea225;
          border-color: transparent; }
        .nav-main .login-button.disabled, .nav-main .login-button.disabled:hover, .nav-main .login-button.disabled:focus, .nav-main .login-button.disabled:active, .nav-main .login-button.disabled.active, .nav-main .login-button[disabled], .nav-main .login-button[disabled]:hover, .nav-main .login-button[disabled]:focus, .nav-main .login-button[disabled]:active, .nav-main .login-button[disabled].active, fieldset[disabled] .nav-main .login-button, fieldset[disabled] .nav-main .login-button:hover, fieldset[disabled] .nav-main .login-button:focus, fieldset[disabled] .nav-main .login-button:active, fieldset[disabled] .nav-main .login-button.active {
          background-color: #a3a3a3;
          border-color: rgba(26, 26, 26, 0);
          cursor: initial; }
        .nav-main .login-button .badge {
          color: #62cc2e;
          background-color: rgba(255, 255, 255, 0.9); }
        .nav-main .login-button:hover {
          text-decoration: none; } }
    .responsive-nav-button {
      text-indent: -119988px;
      text-align: left;
      line-height: 8px;
      line-height: 0.5rem;
      width: 2rem;
      height: 2rem;
      background-image: url("../img/ico-navigon-bold.svg");
      background-position: center center;
      background-size: 24px auto;
      background-repeat: no-repeat;
      background-color: #c1000d;
      float: right;
      margin-right: 8px;
      margin-top: 1rem; }
      @media (min-width: 770px) {
        .responsive-nav-button {
          display: none; } }
    .responsive-nav-button.active {
      background-image: url("../img/ico-close-x.svg");
      background-position: center center;
      background-size: 24px auto;
      background-repeat: no-repeat;
      background-color: #c1000d; }
    #login-popover,
    #language-popover {
      display: none; }
    .login-popover-register-now {
      font-size: 13px;
      font-size: 0.8rem;
      line-height: 24px;
      line-height: 1.5rem;
      line-height: 16px;
      line-height: 1rem;
      margin-top: 0.25rem; }
      .login-popover-register-now a {
        display: inline;
        text-transform: none;
        text-decoration: underline;
        line-height: 1; }
    .nav-main .popover.bottom {
      background-color: black;
      padding-left: 16px;
      padding-right: 16px;
      padding-top: 1rem;
      padding-bottom: 1rem;
      border: 1px solid rgba(0, 0, 0, 0.8);
      -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
      max-width: 100%;
      width: 100%; }
      @media (min-width: 770px) {
        .nav-main .popover.bottom {
          background-color: rgba(0, 0, 0, 0.6); } }
    @media (min-width: 770px) {
      .language .popover.bottom {
        width: auto;
        margin-top: 0.5rem; }
      .signin .popover.bottom {
        width: 240px;
        margin-top: 0.5rem; } }
    .nav-main .popover-title {
      background-color: transparent;
      margin: 0;
      padding: 0;
      border: 0;
      padding-bottom: 0.25rem;
      margin-bottom: 0.25rem;
      border-bottom: 1px solid #ebebeb;
      border-radius: 1px 1px 0 0; }
    .nav-main .popover.bottom > .arrow {
      border-bottom-color: rgba(0, 0, 0, 0.6); }
      .nav-main .popover.bottom > .arrow:after {
        border-bottom-color: rgba(0, 0, 0, 0.6); }
    .nav-main .popover-content {
      margin: 0;
      padding: 0;
      border: 0; }
      .nav-main .popover-content input {
        display: block;
        width: 100%;
        margin-bottom: 0.25rem; }
      .nav-main .popover-content .btn {
        display: block;
        width: 100%; }
    .page-footer {
      background-color: #c1000d;
      padding-top: 2rem; }
    .nav-sitemap-column {
      margin-bottom: 1.5rem; }
      .nav-sitemap-column:last-child {
        margin-bottom: 0; }
      @media (min-width: 770px) {
        .nav-sitemap-column {
          width: 23.94366%;
          float: left;
          margin-right: 1.40845%; }
          .nav-sitemap-column:last-child {
            float: right;
            margin-right: 0; } }
    .nav-sitemap-subtitle {
      border-bottom-width: 1px;
      border-bottom-width: 0.0625rem;
      border-bottom-style: solid;
      padding-bottom: 7px;
      padding-bottom: 0.4375rem;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 32px;
      line-height: 2rem;
      font-family: "Helvetica W01 Light Cn", HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.9);
      border-color: rgba(0, 0, 0, 0.8);
      margin-bottom: 0.5rem; }
      .nav-sitemap-subtitle a {
        color: inherit;
        text-decoration: none; }
        .nav-sitemap-subtitle a:active, .nav-sitemap-subtitle a:focus {
          outline: none; }
    .nav-sitemap-link-list a {
      padding-left: 8px;
      padding-right: 24px;
      background-image: url("../img/ico-arrow-right-white.svg");
      background-position: right 8px center;
      background-size: auto 0.8rem;
      background-repeat: no-repeat;
      border-color: rgba(0, 0, 0, 0.2); }
      .nav-sitemap-link-list a:hover {
        background-image: url("../img/ico-arrow-right-white.svg");
        background-position: right 8px center;
        background-size: auto 0.8rem;
        background-repeat: no-repeat; }
      .nav-sitemap-link-list a:hover {
        background-color: rgba(0, 0, 0, 0.35); }
      .nav-sitemap-link-list a:active {
        background-color: rgba(0, 0, 0, 0.5); }
      .nav-sitemap-link-list a:hover {
        color: white; }
      @media (min-width: 770px) {
        .nav-sitemap-link-list a {
          padding-top: 0.25rem;
          padding-bottom: 0.25rem;
          padding-left: 0px;
          padding-right: 0px;
          color: rgba(255, 255, 255, 0.8);
          border-bottom: none;
          background: transparent; }
          .nav-sitemap-link-list a:hover {
            color: white;
            text-decoration: underline;
            background: transparent; } }
    .bottom-line {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
      background-color: #c1000d;
      color: rgba(255, 255, 255, 0.8);
      text-align: center; }
      .bottom-line a {
        color: inherit;
        text-decoration: none; }
        .bottom-line a:active, .bottom-line a:focus {
          outline: none; }
        .bottom-line a:hover {
          color: white;
          background: transparent;
          text-decoration: underline; }
      @media (min-width: 600px) {
        .bottom-line {
          font-size: 13px;
          font-size: 0.8rem;
          line-height: 24px;
          line-height: 1.5rem; } }
    .bottom-line .col {
      margin-bottom: 2rem; }
    @media (min-width: 600px) {
      .bottom-line .address-complement,
      .bottom-line .address {
        display: inline-block;
        margin-bottom: 0; } }
    @media (min-width: 600px) {
      .bottom-line .copyright {
        display: block;
        text-align: center;
        margin-bottom: 0; }
        .bottom-line .copyright ul {
          display: inline-block; } }
    @media (min-width: 960px) {
      .bottom-line .copyright {
        display: inline-block; } }
    @media (min-width: 960px) {
      .bottom-line .address-complement {
        margin-left: 40px;
        margin-right: 40px; } }
    @media (min-width: 600px) {
      .bottom-line .address {
        margin-right: 24px; }
        .bottom-line .address li {
          list-style-image: none;
          list-style-type: none;
          margin-left: 0;
          white-space: nowrap;
          float: left;
          padding-left: 2px;
          padding-right: 2px; }
          .bottom-line .address li:first-child {
            padding-left: 0; }
          .bottom-line .address li:last-child {
            padding-right: 0; }
          .bottom-line .address li.last {
            padding-right: 0; } }
    @media (min-width: 600px) {
      .bottom-line .address {
        margin-right: 0; } }
    @media (min-width: 600px) {
      .bottom-line .address-complement li,
      .bottom-line .copyright li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
        white-space: nowrap;
        float: left;
        padding-left: 4px;
        padding-right: 4px; }
        .bottom-line .address-complement li:first-child,
        .bottom-line .copyright li:first-child {
          padding-left: 0; }
        .bottom-line .address-complement li:last-child,
        .bottom-line .copyright li:last-child {
          padding-right: 0; }
        .bottom-line .address-complement li.last,
        .bottom-line .copyright li.last {
          padding-right: 0; } }
    .bottom-line ul:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 600px) {
      .bottom-line ul {
        margin: 0;
        padding: 0;
        border: 0;
        overflow: hidden;
        *zoom: 1;
        overflow: inherit; } }
    .bottom-line li {
      height: 1.5rem; }
    .bottom-line .brand {
      padding: 0;
      margin: 0;
      display: block;
      text-align: center;
      float: none;
      border-bottom: 1px solid black;
      width: 100%;
      background-position: center center;
      margin-bottom: 0.5rem; }
    .page-core-header {
      background-image: url("../img/bg-mountains.svg");
      background-color: #c1000d;
      background-position: center top;
      background-size: cover;
      background-repeat: repeat-x;
      padding-bottom: 2rem; }
      @media (min-width: 600px) {
        .page-core-header {
          padding-top: 2.5rem;
          padding-bottom: 2.5rem; } }
    .page-title {
      color: rgba(255, 255, 255, 0.9);
      padding-bottom: 1rem; }
    .page-title .sub-title {
      font-family: "Helvetica W01 Light Cn", HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      color: rgba(0, 0, 0, 0.9);
      display: block;
      text-transform: uppercase;
      line-height: 64px;
      line-height: 4rem;
      margin-top: 1rem; }
    .page-core-header-claim {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin-top: 0.5rem;
      color: rgba(255, 255, 255, 0.9); }
      @media (min-width: 600px) {
        .page-core-header-claim {
          margin-top: 16px;
          margin-top: 1rem;
          padding-top: 0px;
          padding-top: 0rem;
          padding-bottom: 0px;
          padding-bottom: 0rem;
          margin-bottom: 8px;
          margin-bottom: 0.5rem; } }
      .page-core-header-claim .claim {
        text-align: left;
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 32px;
        line-height: 2rem;
        margin-bottom: 1rem; }
        @media (min-width: 600px) {
          .page-core-header-claim .claim {
            margin-bottom: 0; } }
        @media (min-width: 770px) {
          .page-core-header-claim .claim {
            font-family: "Helvetica W01 Light", HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; } }
      .page-core-header-claim .btn {
        margin-top: 0.5rem;
        padding-bottom: 0.5rem; }
      .page-core-header-claim .btn p {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 32px;
        line-height: 2rem;
        line-height: 8px;
        line-height: 0.5rem; }
        .page-core-header-claim .btn p small {
          font-size: 16px;
          font-size: 1rem;
          line-height: 32px;
          line-height: 2rem; }
    .aside {
      -webkit-transition: left 500ms cubic-bezier(0.1, 0.52, 0.07, 1) 0s;
      -moz-transition: left 500ms cubic-bezier(0.1, 0.52, 0.07, 1) 0s;
      -ms-transition: left 500ms cubic-bezier(0.1, 0.52, 0.07, 1) 0s;
      -o-transition: left 500ms cubic-bezier(0.1, 0.52, 0.07, 1) 0s;
      transition: left 500ms cubic-bezier(0.1, 0.52, 0.07, 1) 0s;
      -moz-box-shadow: inset -1px 0 14px 0 rgba(236, 236, 236, 0.7);
      -webkit-box-shadow: inset -1px 0 14px 0 rgba(236, 236, 236, 0.7);
      box-shadow: inset -1px 0 14px 0 rgba(236, 236, 236, 0.7);
      padding-left: 8px;
      padding-right: 8px;
      background-color: rgba(236, 236, 236, 0.7);
      border-right: 1px solid rgba(236, 236, 236, 0.7);
      display: block;
      height: 100%;
      left: -83.19328%;
      position: absolute;
      top: 0;
      width: 83.19328%; }
      @media (min-width: 600px) {
        .aside {
          left: -41.17647%;
          width: 41.17647%; } }
      @media (min-width: 770px) {
        .aside {
          left: -32.77311%;
          width: 32.77311%; } }
      @media (min-width: 960px) {
        .aside {
          -moz-box-shadow: none;
          -webkit-box-shadow: none;
          box-shadow: none;
          width: 28.57143%;
          float: right;
          margin-right: 0;
          padding-left: 0px;
          padding-right: 0px;
          background-color: transparent;
          border-right: none;
          height: auto;
          left: 0;
          top: 0;
          position: relative; } }
    .aside.offCanvas {
      left: 0; }
    .aside-box {
      margin-top: 1rem;
      margin-bottom: 3rem; }
      .aside-box:last-child {
        margin-bottom: 0;
        padding-bottom: 0; }
      @media (min-width: 960px) {
        .aside-box:first-child {
          margin-top: 0; } }
    .aside-off-canvas-button {
      width: 40px;
      height: 40px;
      line-height: 40px;
      padding-left: 16px;
      padding-right: 16px;
      color: white;
      position: absolute;
      right: -40px;
      top: 1rem;
      z-index: 1000;
      vertical-align: bottom;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      opacity: .5;
      background-image: url("../img/ico-arrow-right-white.svg");
      background-position: right 8px center;
      background-size: 20px 20px;
      background-repeat: no-repeat;
      background-color: rgba(0, 0, 0, 0.5); }
      @media (min-width: 960px) {
        .aside-off-canvas-button {
          display: none; } }
      .aside-off-canvas-button.active {
        background-image: url("../img/ico-close-x.svg");
        content: " ";
        width: 40px; }
    .nav-fragments, .nav-related {
      padding-bottom: 3rem; }
    .nav-fragments a, .nav-related a {
      padding-left: 8px;
      padding-right: 24px;
      background-image: url("../img/ico-arrow-right-blue.svg");
      background-position: right 8px center;
      background-size: auto 0.8rem;
      background-repeat: no-repeat;
      color: #9cb6d8; }
      .nav-fragments a:hover, .nav-related a:hover {
        background-image: url("../img/ico-arrow-right-white.svg");
        background-position: right 8px center;
        background-size: auto 0.8rem;
        background-repeat: no-repeat; }
      .nav-fragments a:hover, .nav-related a:hover {
        background-color: rgba(156, 182, 216, 0.45); }
      .nav-fragments a:active, .nav-related a:active {
        background-color: rgba(156, 182, 216, 0.6); }
      .nav-fragments a:hover, .nav-related a:hover {
        color: rgba(0, 0, 0, 0.6); }
    .content-box {
      display: block;
      margin-bottom: 8rem; }
      .content-box:after {
        content: "";
        display: table;
        clear: both; }
      .content-box .content-box {
        margin-bottom: 0; }
    .chapter {
      display: block;
      margin-bottom: 4rem; }
      .chapter:after {
        content: "";
        display: table;
        clear: both; }
      .chapter:last-child {
        margin-bottom: 0; }
      .chapter .chapter {
        margin-bottom: 3rem; }
        .chapter .chapter:last-child {
          margin-bottom: 0; }
    .cbox-header {
      width: 100%; }
      @media (min-width: 960px) {
        .cbox-header .cbox-header-main {
          width: 66.38655%;
          float: left;
          margin-right: 0.84034%; } }
      .cbox-header .cbox-header-extra {
        text-align: center; }
        @media (min-width: 960px) {
          .cbox-header .cbox-header-extra {
            width: 28.57143%;
            float: right;
            margin-right: 0; } }
      @media (min-width: 600px) and (max-width: 960px) {
        .cbox-header .cbox-header-extra .btn {
          font-size: 13px;
          font-size: 0.8rem;
          line-height: 24px;
          line-height: 1.5rem;
          font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
          .cbox-header .cbox-header-extra .btn small {
            font-size: 100% !important; } }
    .content-box.offCanvas {
      -webkit-transition: left 500ms cubic-bezier(0.1, 0.52, 0.07, 1) 0s;
      -moz-transition: left 500ms cubic-bezier(0.1, 0.52, 0.07, 1) 0s;
      -ms-transition: left 500ms cubic-bezier(0.1, 0.52, 0.07, 1) 0s;
      -o-transition: left 500ms cubic-bezier(0.1, 0.52, 0.07, 1) 0s;
      transition: left 500ms cubic-bezier(0.1, 0.52, 0.07, 1) 0s;
      position: relative;
      left: 0; }
    .content-box.offCanvas.active {
      left: 87.39496%; }
      @media (min-width: 600px) {
        .content-box.offCanvas.active {
          left: 45.37815%; } }
      @media (min-width: 770px) {
        .content-box.offCanvas.active {
          left: 36.97479%; } }
    h1, h2, h3, h4, h5, h6,
    .h1,
    .page-title, .h2, .h3, .about-us .intro-title, .about-us .investors-title, .h4, .h5, .h6 {
      display: block;
      -webkit-font-smoothing: antialiased; }
      h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
      .h1 small,
      .page-title small, .h2 small, .h3 small, .about-us .intro-title small, .about-us .investors-title small, .h4 small, .h5 small, .h6 small {
        color: #b5bdb5;
        line-height: 8px;
        line-height: 0.5rem; }
    .h1-size, .h1, .page-title {
      font-size: 49px;
      font-size: 3.05176rem;
      line-height: 48px;
      line-height: 3rem; }
    .h2-size, h1,
    h2, .h2, .post-single .post-title {
      font-size: 31px;
      font-size: 1.95313rem;
      line-height: 32px;
      line-height: 2rem; }
    .h3-size, h3, .h3, .about-us .intro-title, .about-us .investors-title {
      font-size: 25px;
      font-size: 1.5625rem;
      line-height: 32px;
      line-height: 2rem; }
    .h4-size, h4, .h4 {
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 32px;
      line-height: 2rem; }
    .h5-size, h5, .h5, .compute.features-grid .feature-title {
      font-size: 16px;
      font-size: 1rem;
      line-height: 32px;
      line-height: 2rem; }
    .h6-size, h6, .h6 {
      font-size: 13px;
      font-size: 0.8rem;
      line-height: 24px;
      line-height: 1.5rem; }
    @media (min-width: 600px) {
      .h1-size, .h1, .page-title {
        font-size: 95px;
        font-size: 5.96046rem;
        line-height: 88px;
        line-height: 5.5rem; }
      .h2-size, h1,
      h2, .h2, .post-single .post-title {
        font-size: 61px;
        font-size: 3.8147rem;
        line-height: 56px;
        line-height: 3.5rem;
        line-height: 64px;
        line-height: 4rem; }
      .h3-size, h3, .h3, .about-us .intro-title, .about-us .investors-title {
        font-size: 49px;
        font-size: 3.05176rem;
        line-height: 48px;
        line-height: 3rem; }
      .h4-size, h4, .h4 {
        font-size: 31px;
        font-size: 1.95313rem;
        line-height: 32px;
        line-height: 2rem; }
      .h5-size, h5, .h5, .compute.features-grid .feature-title {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 32px;
        line-height: 2rem; }
      .h6-size, h6, .h6 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 32px;
        line-height: 2rem; } }
    .h1-style, .nav-main .popover-title, .h1, .page-title, .post-single .post-title {
      font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      color: rgba(255, 255, 255, 0.85); }
    .h2-style, h1,
    h2, .h2 {
      font-family: "Helvetica W01 Blk Cn", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      color: black; }
      .h2-style small, h1 small,
      h2 small, .h2 small {
        text-transform: uppercase; }
    .h3-style, h3, .h3, .about-us .intro-title, .about-us .investors-title, .feature-box-title, .features-ill-title {
      font-family: "Helvetica W01 Light Cn", HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      color: #9cb6d8; }
    .h4-style, h4, .h4 {
      font-family: "Helvetica W01 Light", HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      color: #9cb6d8; }
    .h5-style, h5, .h5 {
      font-family: "HelveticaW01-BlkCnObl", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      color: #9cb6d8; }
    .h6-style, h6, .h6 {
      font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      color: black; }
    h1 + p, h1 + ul, h1 + ol, h1 + pre, h1 + blockquote, h2 + p, h2 + ul, h2 + ol, h2 + pre, h2 + blockquote, h3 + p, h3 + ul, h3 + ol, h3 + pre, h3 + blockquote, h4 + p, h4 + ul, h4 + ol, h4 + pre, h4 + blockquote, h5 + p, h5 + ul, h5 + ol, h5 + pre, h5 + blockquote, h6 + p, h6 + ul, h6 + ol, h6 + pre, h6 + blockquote {
      margin-top: 0.25rem; }
    ins {
      font-family: "Helvetica W01 Roman", HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
    strong, b {
      font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
    em, i {
      font-family: "Helvetica W01 Light Obl", HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
    .xxxxl {
      font-size: 95px;
      font-size: 5.96046rem;
      line-height: 88px;
      line-height: 5.5rem; }
    .xxxl {
      font-size: 61px;
      font-size: 3.8147rem;
      line-height: 56px;
      line-height: 3.5rem; }
    .xxl {
      font-size: 49px;
      font-size: 3.05176rem;
      line-height: 48px;
      line-height: 3rem; }
    .xl {
      font-size: 31px;
      font-size: 1.95313rem;
      line-height: 32px;
      line-height: 2rem; }
    .l {
      font-size: 25px;
      font-size: 1.5625rem;
      line-height: 32px;
      line-height: 2rem; }
    .m {
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 32px;
      line-height: 2rem; }
    .regular {
      font-size: 16px;
      font-size: 1rem;
      line-height: 32px;
      line-height: 2rem; }
    .s {
      font-size: 13px;
      font-size: 0.8rem;
      line-height: 24px;
      line-height: 1.5rem; }
    .xs {
      font-size: 10px;
      font-size: 0.64rem;
      line-height: 16px;
      line-height: 1rem; }
    .xxs {
      font-size: 8px;
      font-size: 0.512rem;
      line-height: 16px;
      line-height: 1rem; }
    h2 + h3,
    h2 + * > h3:first-child {
      margin-top: 1rem; }
    h2 + .leading {
      margin-top: 0.5rem; }
    h3 + h4,
    h3 + * > h4:first-child {
      margin-top: 0.5rem; }
    h4 + h5,
    h4 + * > h5:first-child {
      margin-top: 0.25rem; }
    p, ul, ol, pre, blockquote {
      display: block; }
      p + p, p + ul, p + ol, p + pre, p + blockquote, ul + p, ul + ul, ul + ol, ul + pre, ul + blockquote, ol + p, ol + ul, ol + ol, ol + pre, ol + blockquote, pre + p, pre + ul, pre + ol, pre + pre, pre + blockquote, blockquote + p, blockquote + ul, blockquote + ol, blockquote + pre, blockquote + blockquote {
        margin-top: 1rem; }
      p + h1, p + h2, ul + h1, ul + h2, ol + h1, ol + h2, pre + h1, pre + h2, blockquote + h1, blockquote + h2 {
        margin-top: 8rem; }
      p + h3, ul + h3, ol + h3, pre + h3, blockquote + h3 {
        margin-top: 4rem; }
      p + h4, p + h5, p + h6, ul + h4, ul + h5, ul + h6, ol + h4, ol + h5, ol + h6, pre + h4, pre + h5, pre + h6, blockquote + h4, blockquote + h5, blockquote + h6 {
        margin-top: 3rem; }
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
    .h1 a,
    .page-title a, .h2 a, .h3 a, .about-us .intro-title a, .about-us .investors-title a, .h4 a, .h5 a, .h6 a {
      color: inherit;
      text-decoration: inherit; }
    a.text, p > a, ul > a, ol > a, td > a, li > a {
      color: #58b729; }
      a.text:hover, p > a:hover, ul > a:hover, ol > a:hover, td > a:hover, li > a:hover {
        background-color: rgba(98, 204, 46, 0.6);
        color: rgba(0, 0, 0, 0.9);
        text-decoration: none; }
    .read-more {
      display: inline-block; }
      .read-more:after {
        font-family: FontAwesome;
        padding-left: 16px;
        font-size: 13px;
        font-size: 0.8rem;
        line-height: 24px;
        line-height: 1.5rem;
        line-height: 0;
        content: "\f105";
        text-decoration: none; }
    a em, a i, a strong, a b, a u,
    .tooltip em,
    .tooltip i,
    .tooltip strong,
    .tooltip b,
    .tooltip u {
      color: inherit; }
    dt {
      font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
    dd {
      margin-bottom: 0.5rem; }
      dd:last-child {
        margin-bottom: 0; }
    small {
      font-size: 70%; }
    del, s {
      color: #9cb6d8; }
    mark {
      color: rgba(255, 255, 255, 0.9);
      background-color: rgba(193, 0, 13, 0.6); }
    em, i, strong, b, u {
      color: #c1000d; }
    code,
    kbd,
    samp {
      font-size: 90%;
      font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
    mark, code {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
      padding-left: 4px;
      padding-right: 4px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px; }
    code {
      color: black;
      background-color: rgba(156, 182, 216, 0.4); }
    pre {
      padding-left: 8px;
      padding-right: 8px;
      font-size: 13px;
      font-size: 0.8rem;
      line-height: 24px;
      line-height: 1.5rem;
      font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
      overflow: auto;
      word-break: break-all;
      word-wrap: break-word; }
      pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0; }
    .text ul, .text ol {
      padding-left: 8px;
      padding-right: 8px; }
      @media (min-width: 770px) {
        .text ul, .text ol {
          padding-right: 0;
          padding-left: 3.36134%;
          width: 62.18487%; } }
    .text ol {
      list-style-type: decimal;
      overflow: visible; }
    .text ul li, .text ol li {
      border-left: 3px solid #9cb6d8;
      padding-left: 8px;
      padding-right: 8px;
      margin-bottom: 0.5rem;
      background-color: #f2f2f2;
      line-height: 24px;
      line-height: 1.5rem; }
    .leading,
    .leading p {
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 32px;
      line-height: 2rem; }
      @media (min-width: 600px) {
        .leading,
        .leading p {
          font-size: 25px;
          font-size: 1.5625rem;
          line-height: 32px;
          line-height: 2rem; } }
    .text img {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
      display: block;
      width: 100%;
      height: auto; }
      @media (min-width: 340px) {
        .text img {
          width: auto;
          height: auto;
          margin-left: auto;
          margin-right: auto; } }
      @media (min-width: 770px) {
        .text img {
          display: block;
          width: 100%;
          height: auto;
          margin-left: auto;
          margin-right: auto; }
          .text img.align-left, .text img.align-right, .text img.justify {
            float: none; } }
      @media (min-width: 600px) {
        .text img {
          display: inline;
          width: auto;
          height: auto; }
          .text img.align-left {
            float: left;
            margin-right: 1rem; }
          .text img.align-right {
            float: right;
            margin-left: 1rem; }
          .text img.justify {
            width: 100%;
            height: auto; } }
      @media (min-width: 960px) {
        .text img {
          display: inline;
          width: auto;
          height: auto; }
          .text img.align-left {
            float: left;
            margin-right: 1rem; }
          .text img.align-right {
            float: right;
            margin-left: 1rem; }
          .text img.justify {
            width: 100%;
            height: auto; } }
    input[type="radio"],
    input[type="checkbox"] {
      margin: 0;
      *margin-top: 0;
      /* IE7 */
      margin-top: 1px \9;
      /* IE8-9 */
      line-height: normal;
      cursor: pointer; }
    input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"],
    input[type="radio"], input[type="checkbox"] {
      -webkit-box-align: baseline; }
    input[type="file"], input[type="file"]::-webkit-file-upload-button {
      cursor: pointer; }
    input, select, textarea {
      font-size: 13px;
      font-size: 0.8rem;
      line-height: 24px;
      line-height: 1.5rem;
      font-family: "Helvetica W01 Light", HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      line-height: 2rem;
      padding-left: 8px;
      padding-right: 8px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      border: 1px solid #dedede;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline; }
    input.quantity {
      width: 32px; }
      @media (min-width: 600px) {
        input.quantity {
          width: auto; } }
    .flat-radio-group input[type="radio"] {
      position: absolute;
      opacity: 0;
      -moz-opacity: 0;
      -webkit-opacity: 0;
      -o-opacity: 0; }
    .flat-radio-group input[type="radio"] + label {
      position: relative;
      padding: 0 0 0 25px;
      font-size: 16px;
      line-height: 16px; }
    .flat-radio-group input[type="radio"] + label:before {
      content: "";
      display: block;
      position: absolute;
      top: 2px;
      height: 14px;
      width: 14px;
      background: white;
      border: 1px solid gray;
      box-shadow: inset 0px 0px 0px 2px white;
      -webkit-box-shadow: inset 0px 0px 0px 2px white;
      -moz-box-shadow: inset 0px 0px 0px 2px white;
      -o-box-shadow: inset 0px 0px 0px 2px white;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -o-border-radius: 8px; }
    .flat-radio-group input[type="radio"]:checked + label:before {
      background: #ef8700; }
    .popover {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1060;
      display: none;
      max-width: 240px;
      padding: 1px;
      text-align: left;
      background-color: white;
      background-clip: padding-box;
      border: 1px solid #ccc;
      border: 1px solid rgba(0, 0, 0, 0.8);
      border-radius: 2px;
      -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      white-space: normal; }
      .popover.top {
        margin-top: -5px; }
      .popover.right {
        margin-left: 5px; }
      .popover.bottom {
        margin-top: 5px; }
      .popover.left {
        margin-left: -5px; }
    .popover-title {
      margin: 0;
      padding: 8px 14px;
      font-size: 16px;
      font-weight: normal;
      line-height: 18px;
      background-color: #f7f7f7;
      border-bottom: 1px solid #ebebeb;
      border-radius: 1px 1px 0 0; }
    .popover-content {
      padding: 9px 14px; }
    .popover > .arrow, .popover > .arrow:after {
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid; }
    .popover > .arrow {
      border-width: 6px; }
    .popover > .arrow:after {
      border-width: 5px;
      content: ""; }
    .popover.top > .arrow {
      left: 50%;
      margin-left: -6px;
      border-bottom-width: 0;
      border-top-color: #999999;
      border-top-color: rgba(0, 0, 0, 0.85);
      bottom: -6px; }
      .popover.top > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -5px;
        border-bottom-width: 0;
        border-top-color: #fff; }
    .popover.right > .arrow {
      top: 50%;
      left: -6px;
      margin-top: -6px;
      border-left-width: 0;
      border-right-color: #999999;
      border-right-color: rgba(0, 0, 0, 0.85); }
      .popover.right > .arrow:after {
        content: " ";
        left: 1px;
        bottom: -5px;
        border-left-width: 0;
        border-right-color: #fff; }
    .popover.bottom > .arrow {
      left: 50%;
      margin-left: -6px;
      border-top-width: 0;
      border-bottom-color: #999999;
      border-bottom-color: rgba(0, 0, 0, 0.85);
      top: -6px; }
      .popover.bottom > .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -5px;
        border-top-width: 0;
        border-bottom-color: #fff; }
    .popover.left > .arrow {
      top: 50%;
      right: -6px;
      margin-top: -6px;
      border-right-width: 0;
      border-left-color: #999999;
      border-left-color: rgba(0, 0, 0, 0.85); }
      .popover.left > .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff;
        bottom: -5px; }
    .pricing-parameters .onoffswitch,
    .compute-premium-parameters .onoffswitch {
      display: none; }
      @media (min-width: 770px) {
        .pricing-parameters .onoffswitch,
        .compute-premium-parameters .onoffswitch {
          display: block; } }
    .pricing-parameters .vat .switch, .pricing-parameters .os .switch, .pricing-parameters .min-charge .switch, .pricing-parameters .billing-time .switch, .pricing-parameters .toggle .switch,
    .compute-premium-parameters .vat .switch,
    .compute-premium-parameters .os .switch,
    .compute-premium-parameters .min-charge .switch,
    .compute-premium-parameters .billing-time .switch,
    .compute-premium-parameters .toggle .switch {
      width: 96px; }
    .pricing-parameters .currency .switch,
    .compute-premium-parameters .currency .switch {
      width: 48px; }
    .pricing-parameters,
    .compute-premium-parameters {
      text-align: center; }
      .pricing-parameters .legend,
      .compute-premium-parameters .legend {
        -webkit-font-smoothing: antialiased;
        margin-top: 0px;
        margin-top: 0rem;
        padding-top: 16px;
        padding-top: 1rem;
        padding-bottom: 4px;
        padding-bottom: 0.25rem;
        margin-bottom: 4px;
        margin-bottom: 0.25rem;
        border-bottom-width: 1px;
        border-bottom-width: 0.0625rem;
        border-bottom-style: solid;
        padding-bottom: 7px;
        padding-bottom: 0.4375rem;
        font-family: "Helvetica W01 Blk Cn", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
        font-size: 13px;
        font-size: 0.8rem;
        line-height: 24px;
        line-height: 1.5rem;
        color: #9cb6d8;
        display: block;
        line-height: 0.4;
        width: 100%; }
    @media (min-width: 600px) {
      .pricing-parameters .paramters-list > li,
      .compute-premium-parameters .paramters-list > li {
        width: 50%;
        float: left; }
        .pricing-parameters .paramters-list > li.min-charge-group,
        .compute-premium-parameters .paramters-list > li.min-charge-group {
          width: 100%; } }
    @media (min-width: 960px) {
      .pricing-parameters .paramters-list,
      .compute-premium-parameters .paramters-list {
        display: inline-block;
        margin: 0;
        padding: 0;
        border: 0;
        overflow: hidden;
        *zoom: 1; }
        .pricing-parameters .paramters-list li,
        .compute-premium-parameters .paramters-list li {
          list-style-image: none;
          list-style-type: none;
          margin-left: 0;
          white-space: nowrap;
          float: left;
          padding-left: 4px;
          padding-right: 4px; }
          .pricing-parameters .paramters-list li:first-child,
          .compute-premium-parameters .paramters-list li:first-child {
            padding-left: 0; }
          .pricing-parameters .paramters-list li:last-child,
          .compute-premium-parameters .paramters-list li:last-child {
            padding-right: 0; }
          .pricing-parameters .paramters-list li.last,
          .compute-premium-parameters .paramters-list li.last {
            padding-right: 0; }
        .pricing-parameters .paramters-list > li,
        .compute-premium-parameters .paramters-list > li {
          width: auto !important;
          list-style-image: none;
          list-style-type: none;
          margin-left: 0;
          white-space: nowrap;
          float: left;
          padding-left: 4px;
          padding-right: 4px; }
          .pricing-parameters .paramters-list > li:first-child,
          .compute-premium-parameters .paramters-list > li:first-child {
            padding-left: 0; }
          .pricing-parameters .paramters-list > li:last-child,
          .compute-premium-parameters .paramters-list > li:last-child {
            padding-right: 0; }
          .pricing-parameters .paramters-list > li.last,
          .compute-premium-parameters .paramters-list > li.last {
            padding-right: 0; } }
    @media (max-width: 420px) {
      .pricing-parameters .paramters-list > li.min-charge-group .switch,
      .compute-premium-parameters .paramters-list > li.min-charge-group .switch {
        width: 100%;
        margin-left: 0;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px; } }
    .modal {
      padding-left: 40px;
      padding-right: 40px;
      padding-top: 2.5rem;
      padding-bottom: 2.5rem; }
    .table-container {
      padding-left: 16px;
      padding-right: 16px;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
      background-color: #e5ecf5;
      margin-bottom: 3rem; }
      .table-container .table-title {
        margin-top: 1rem; }
      .table-container:last-child {
        margin-bottom: 0; }
      .table-container table {
        border-collapse: collapse;
        padding: 0;
        width: 100%;
        font-family: "Helvetica W01 Roman", HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
        font-size: 13px;
        font-size: 0.8rem;
        line-height: 24px;
        line-height: 1.5rem;
        line-height: 8px;
        line-height: 0.5rem; }
      .table-container th {
        font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
      .table-container td, .table-container th {
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: 10px;
        font-size: 0.64rem;
        line-height: 16px;
        line-height: 1rem; }
        @media (min-width: 770px) {
          .table-container td, .table-container th {
            font-size: 13px;
            font-size: 0.8rem;
            line-height: 24px;
            line-height: 1.5rem; } }
      .table-container thead {
        border-bottom-width: 1px;
        border-bottom-width: 0.0625rem;
        border-bottom-style: solid;
        padding-bottom: 7px;
        padding-bottom: 0.4375rem;
        border-color: #9aabc0; }
      .table-container tbody tr {
        border-bottom-width: 1px;
        border-bottom-width: 0.0625rem;
        border-bottom-style: solid;
        padding-bottom: 7px;
        padding-bottom: 0.4375rem;
        border-color: #c1d1e6;
        color: rgba(0, 0, 0, 0.7); }
        .table-container tbody tr:last-child {
          border-bottom: 0; }
    table {
      width: 100%;
      background-color: #e5ecf5;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      border-collapse: separate;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
      padding-left: 16px;
      padding-right: 16px;
      font-size: 13px;
      font-size: 0.8rem;
      line-height: 24px;
      line-height: 1.5rem;
      color: rgba(0, 0, 0, 0.7); }
      table th, table td {
        border-bottom-width: 1px;
        border-bottom-width: 0.0625rem;
        border-bottom-style: solid;
        padding-bottom: 7px;
        padding-bottom: 0.4375rem;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem; }
      table th {
        border-color: #9aabc0;
        font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
      table tr:last-child td {
        border: none; }
      table td {
        border-color: #c1d1e6;
        font-family: "Helvetica W01 Roman", HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
    .caret {
      display: inline-block;
      width: 0;
      height: 0;
      margin-left: 2px;
      vertical-align: middle;
      border-top: 4px solid;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent; }
    .dropdown {
      position: relative; }
    .dropdown-toggle:focus {
      outline: 0; }
    .dropdown-menu {
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 1000;
      display: none;
      float: left;
      min-width: 160px;
      padding: 5px 0;
      margin: 2px 0 0;
      list-style: none;
      font-size: 16px;
      text-align: left;
      background-color: #ebedeb;
      border: 1px solid #ebedeb;
      border: 1px solid #ebedeb;
      border-radius: 2px;
      -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      background-clip: padding-box; }
      .dropdown-menu.pull-right {
        right: 0;
        left: auto; }
      .dropdown-menu .divider {
        height: 1px;
        overflow: hidden;
        background-color: #ebedeb; }
      .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 2rem;
        color: #ebedeb;
        white-space: nowrap; }
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
      text-decoration: none;
      color: #ebedeb;
      background-color: #ebedeb; }
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
      color: #ebedeb;
      text-decoration: none;
      outline: 0;
      background-color: #ebedeb; }
    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
      color: #ebedeb; }
    .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
      text-decoration: none;
      background-color: transparent;
      background-image: none;
      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
      cursor: not-allowed; }
    .open > .dropdown-menu {
      display: block; }
    .open > a {
      outline: 0; }
    .dropdown-menu-right {
      left: auto;
      right: 0; }
    .dropdown-menu-left {
      left: 0;
      right: auto; }
    .dropdown-header {
      display: block;
      padding: 3px 20px;
      font-size: 12.8px;
      line-height: 2rem;
      color: #ebedeb;
      white-space: nowrap; }
    .dropdown-backdrop {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      z-index: 990; }
    .pull-right > .dropdown-menu {
      right: 0;
      left: auto; }
    .dropup .caret,
    .navbar-fixed-bottom .dropdown .caret {
      border-top: 0;
      border-bottom: 4px solid;
      content: ""; }
    .dropup .dropdown-menu,
    .navbar-fixed-bottom .dropdown .dropdown-menu {
      top: auto;
      bottom: 100%;
      margin-bottom: 1px; }
    .registration-form-container {
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      background-color: #f2f2f2;
      padding-left: 16px;
      padding-right: 16px;
      padding-top: 1rem;
      padding-bottom: 1rem; }
      .registration-form-container input[name='email'],
      .registration-form-container input[name='password'] {
        width: 100%; }
      @media (min-width: 960px) {
        .registration-form-container input[name='email'],
        .registration-form-container input[name='password'] {
          width: 48%; } }
    .registration-form .btn.btn {
      display: block;
      width: 100%;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 32px;
      line-height: 2rem; }
    .registration-form .checkbox {
      display: block;
      font-size: 13px;
      font-size: 0.8rem;
      line-height: 24px;
      line-height: 1.5rem;
      margin-top: 4px;
      margin-top: 0.25rem;
      padding-top: 0px;
      padding-top: 0rem;
      padding-bottom: 0px;
      padding-bottom: 0rem;
      margin-bottom: 4px;
      margin-bottom: 0.25rem; }
    .registration-form .err-list {
      text-align: left;
      width: 100%;
      font-size: 13px;
      font-size: 0.8rem;
      line-height: 24px;
      line-height: 1.5rem;
      font-family: "Helvetica W01 Roman", HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
      .registration-form .err-list .err {
        line-height: 16px;
        line-height: 1rem;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        background-color: rgba(193, 0, 13, 0.5);
        color: white;
        display: none;
        margin-bottom: 0.25rem;
        width: 100%; }
    .tooltip {
      position: absolute;
      z-index: 1050;
      display: block;
      visibility: visible;
      font-size: 12.8px;
      line-height: 1.4;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0; }
      .tooltip.in {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }
      .tooltip.top {
        margin-top: -3px;
        padding: 5px 0; }
      .tooltip.right {
        margin-left: 3px;
        padding: 0 5px; }
      .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0; }
      .tooltip.left {
        margin-left: -3px;
        padding: 0 5px; }
    .tooltip-inner {
      max-width: 160px;
      padding: 3px 8px;
      color: black;
      text-align: left;
      text-decoration: none; }
    .tooltip-arrow {
      position: absolute;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid; }
    .tooltip.top .tooltip-arrow {
      bottom: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 5px 5px 0;
      border-top-color: #eaeaea; }
    .tooltip.top-left .tooltip-arrow {
      bottom: 0;
      left: 5px;
      border-width: 5px 5px 0;
      border-top-color: #eaeaea; }
    .tooltip.top-right .tooltip-arrow {
      bottom: 0;
      right: 5px;
      border-width: 5px 5px 0;
      border-top-color: #eaeaea; }
    .tooltip.right .tooltip-arrow {
      top: 50%;
      left: 0;
      margin-top: -5px;
      border-width: 5px 5px 5px 0;
      border-right-color: #eaeaea; }
    .tooltip.left .tooltip-arrow {
      top: 50%;
      right: 0;
      margin-top: -5px;
      border-width: 5px 0 5px 5px;
      border-left-color: #eaeaea; }
    .tooltip.bottom .tooltip-arrow {
      top: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 0 5px 5px;
      border-bottom-color: #eaeaea; }
    .tooltip.bottom-left .tooltip-arrow {
      top: 0;
      left: 5px;
      border-width: 0 5px 5px;
      border-bottom-color: #eaeaea; }
    .tooltip.bottom-right .tooltip-arrow {
      top: 0;
      right: 5px;
      border-width: 0 5px 5px;
      border-bottom-color: #eaeaea; }
    .compute.features-grid {
      width: 100%; }
    .compute.features-grid .feature {
      display: block;
      margin-bottom: 2.5rem; }
      @media (min-width: 600px) {
        .compute.features-grid .feature {
          width: 49.09091%;
          float: left; }
          .compute.features-grid .feature:nth-child(2n + 1) {
            margin-left: 0;
            margin-right: -100%;
            clear: both;
            margin-left: 0; }
          .compute.features-grid .feature:nth-child(2n + 2) {
            margin-left: 50.90909%;
            margin-right: -100%;
            clear: none; } }
      @media (min-width: 960px) {
        .compute.features-grid .feature {
          width: 32.39437%;
          float: left; }
          .compute.features-grid .feature:nth-child(3n + 1) {
            margin-left: 0;
            margin-right: -100%;
            clear: both;
            margin-left: 0; }
          .compute.features-grid .feature:nth-child(3n + 2) {
            margin-left: 33.80282%;
            margin-right: -100%;
            clear: none; }
          .compute.features-grid .feature:nth-child(3n + 3) {
            margin-left: 67.60563%;
            margin-right: -100%;
            clear: none; } }
    .compute.features-grid .feature-img-container,
    .compute.features-grid .feature-body-container {
      display: block; }
    .compute.features-grid .feature-img-container {
      text-align: center;
      height: 65px; }
    .compute.features-grid .feature-title {
      border-top: 1px solid;
      margin-top: 1rem; }
    .compute.features-grid .feature-blob-container {
      font-size: 13px;
      font-size: 0.8rem;
      line-height: 24px;
      line-height: 1.5rem; }
    .compute.head-screenshot {
      text-align: center; }
    @media (min-width: 770px) {
      .compute .extra-feature-blob {
        width: 45.37815%; }
        .compute .extra-feature-blob:nth-child(odd) {
          float: left;
          clear: left; }
        .compute .extra-feature-blob:nth-child(even) {
          float: right;
          clear: right; } }
    .tour .p-container {
      font-size: 13px;
      font-size: 0.8rem;
      line-height: 24px;
      line-height: 1.5rem; }
    .tour .head-screenshot {
      text-align: center; }
    .tour .masonry-gutter {
      height: 1px;
      width: 0; }
      @media (min-width: 600px) {
        .tour .masonry-gutter {
          width: 4%; } }
      @media (min-width: 960px) {
        .tour .masonry-gutter {
          width: 2%; } }
    .tour .masonry-tile {
      padding-left: 16px;
      padding-right: 16px;
      padding-top: 1rem;
      padding-bottom: 1rem;
      border: 1px solid #9cb6d8;
      float: left;
      margin-bottom: 1.5rem;
      width: 100%; }
      .tour .masonry-tile:nth-child(3n) {
        margin-right: 0; }
      @media (min-width: 600px) {
        .tour .masonry-tile {
          width: 48%; } }
      @media (min-width: 960px) {
        .tour .masonry-tile {
          width: 32%; } }
    .compute-premium .notes {
      font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      font-size: 10px;
      font-size: 0.64rem;
      line-height: 16px;
      line-height: 1rem; }
    .compute-premium.pricing .price-details-tables:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 600px) {
      .compute-premium.pricing .price-details-tables .table-container:nth-child(odd) {
        width: 48%;
        float: left;
        margin-right: 4.0%; }
      .compute-premium.pricing .price-details-tables .table-container:nth-child(even) {
        width: 48%;
        float: right;
        margin-right: 0; } }
    .compute-premium-calculator input {
      width: 64px; }
    .compute-premium-calculator button.add,
    .compute-premium-calculator button.remove {
      width: 1.5rem;
      height: 1.5rem; }
    .compute-premium-calculator tbody tr td {
      vertical-align: top;
      width: 16.66667%;
      line-height: 2rem; }
    .compute-premium-calculator tbody tr.last-instance-line {
      border-bottom-width: 3px;
      border-bottom-width: 0.1875rem;
      border-bottom-style: solid;
      padding-bottom: 5px;
      padding-bottom: 0.3125rem;
      border-color: #c1d1e6; }
    .compute-premium-calculator tbody tr.first-instance-line button.remove {
      visibility: hidden; }
    .compute-premium-calculator .error {
      display: block;
      color: #c1000d;
      line-height: 1.5rem; }
      .compute-premium-calculator .error:first-child {
        margin-top: 3px; }
    .compute-premium-calculator input.has-error {
      border-color: #c1000d; }
    .compute-premium .logo-line ul > li {
      width: 25%; }
    .compute-premium.features .chapter:not(.cbox-header):not(.banner.more-info),
    .apps.features .chapter:not(.cbox-header):not(.banner.more-info),
    .apps.pricing .chapter:not(.cbox-header):not(.banner.more-info) {
      width: 66.38655%; }
    .competition .title-row {
      font-size: 16px;
      font-size: 1rem;
      line-height: 32px;
      line-height: 2rem;
      font-family: "Helvetica W01 Blk Cn", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
      @media (min-width: 600px) {
        .competition .title-row {
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 32px;
          line-height: 2rem; } }
    .competition .winner {
      background-color: #62cc2e;
      font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
    .competition td:first-child > p:not(.title-row) {
      padding-left: 32px; }
    .competition td:first-child {
      width: 49.57983%; }
    .competition td:not(:first-child) {
      width: 15.96639%;
      border-left: 1px solid #9cb6d8; }
    .welcome .register-now {
      white-space: normal; }
    @media (min-width: 600px) {
      .welcome .leading {
        width: 66.38655%;
        float: left;
        margin-right: 0.84034%; }
      .welcome .intro {
        width: 66.38655%;
        float: left;
        margin-right: 0.84034%; }
      .welcome .registration-form-container {
        width: 32.77311%;
        float: right;
        margin-right: 0;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 1rem;
        padding-bottom: 1rem; } }
    @media (min-width: 960px) {
      .tmpl-devops2015 .page-title {
        line-height: 6.2rem; } }
    @media (min-width: 770px) {
      .tmpl-devops2015 .page-title {
        padding-right: 200px;
        background-image: url("../img/logo-devopsdays.png");
        background-position: top 20px right;
        background-repeat: no-repeat;
        background-size: 190px; } }
    .tmpl-devops2015 .header-form input {
      width: 100%;
      display: block;
      margin-bottom: 5px; }
    .tmpl-devops2015 .header-form .btn.action, .tmpl-devops2015 .header-form button.add.action,
    .tmpl-devops2015 .header-form button.subtract.action,
    .tmpl-devops2015 .header-form button.remove.action,
    .tmpl-devops2015 .header-form button.close.action,
    .tmpl-devops2015 .header-form .a-button.download.action {
      font-weight: bold !important;
      width: 100%; }
    @media (min-width: 960px) {
      .contact {
        width: 66.38655%;
        float: left;
        margin-right: 0.84034%; } }
    .contact.aside {
      width: 28.57143%;
      float: right;
      margin-right: 0; }
    .contact table {
      background-color: transparent; }
      .contact table td {
        border: none; }
    .contact .frm-horizontal > table {
      width: 100%; }
      .contact .frm-horizontal > table td {
        width: 100%;
        vertical-align: top;
        display: block; }
        @media (min-width: 960px) {
          .contact .frm-horizontal > table td {
            display: table-cell; } }
      @media (min-width: 960px) {
        .contact .frm-horizontal > table td.field {
          width: 80%; } }
      .contact .frm-horizontal > table td.label {
        line-height: 24px;
        line-height: 1.5rem; }
        @media (min-width: 960px) {
          .contact .frm-horizontal > table td.label {
            width: 20%;
            text-align: right; } }
    .contact .required-label {
      display: inline-block;
      line-height: 0.3rem;
      padding-left: 4px;
      padding-right: 4px;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
      margin-top: 0.5rem;
      font-family: "Helvetica W01 Italic", HelveticaNeue, Helvetica Neue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      margin-right: 16px; }
    .contact .required-label.missing {
      background-color: rgba(193, 0, 13, 0.5);
      color: white; }
    .contact .form {
      width: 100%;
      text-align: right; }
      .contact .form input[name='email'],
      .contact .form input[name='name'],
      .contact .form input[name='subject'],
      .contact .form textarea[name='body'] {
        width: 100%;
        font-size: 16px;
        font-size: 1rem;
        line-height: 32px;
        line-height: 2rem;
        display: inline-block;
        margin-bottom: 1.5rem; }
      .contact .form textarea[name='body'] {
        resize: none; }
      .contact .form label {
        font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
        vertical-align: top;
        margin-right: 16px;
        display: block;
        line-height: 0.5rem;
        margin-top: 0.5rem; }
      .contact .form .error {
        color: #c1000d;
        font-size: 13px;
        font-size: 0.8rem;
        line-height: 24px;
        line-height: 1.5rem;
        font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
        display: inline-block;
        padding-left: 8px;
        padding-right: 8px; }
      .contact .form input[name="submit"] {
        margin-top: 0.5rem;
        width: 100%;
        text-transform: uppercase;
        vertical-align: top; }
    .contact .hide {
      display: none; }
    .contact .close {
      width: 1.5rem;
      height: 1.5rem; }
    .contact.aside {
      line-height: 24px;
      line-height: 1.5rem; }
      .contact.aside .address-complement {
        margin-top: 1rem; }
    .pricing-column {
      margin-bottom: 4rem; }
    .pricing-column:not(.static-demo) {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; }
      @media (min-width: 340px) {
        .pricing-column:not(.static-demo):nth-child(odd) {
          width: 48.14815%;
          float: left;
          margin-right: 3.7037%; }
        .pricing-column:not(.static-demo):nth-child(even) {
          width: 48.14815%;
          float: right;
          margin-right: 0; } }
      @media (min-width: 770px) {
        .pricing-column:not(.static-demo) {
          margin-bottom: 0; }
          .pricing-column:not(.static-demo):not(:first-child):not(:last-child) {
            width: 22.22222%;
            float: left;
            margin-right: 3.7037%; }
          .pricing-column:not(.static-demo):first-child {
            width: 22.22222%;
            float: left;
            margin-right: 3.7037%; }
          .pricing-column:not(.static-demo):last-child {
            width: 22.22222%;
            float: right;
            margin-right: 0; } }
      .pricing-column:not(.static-demo) .stepper {
        display: inline-block;
        margin-top: -3px;
        float: right; }
    .pricing-price-box {
      background-color: #c1000d;
      color: white;
      overflow: hidden;
      padding-left: 16px;
      padding-right: 16px;
      padding-top: 1rem;
      padding-bottom: 1rem; }
      @media (min-width: 960px) {
        .pricing-price-box {
          padding-left: 24px;
          padding-right: 24px;
          padding-top: 1.5rem;
          padding-bottom: 1.5rem; } }
      .pricing-price-box .amount {
        font-family: "Helvetica W01 Blk Cn", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
        text-align: right;
        display: block;
        font-size: 61px;
        font-size: 3.8147rem;
        line-height: 56px;
        line-height: 3.5rem; }
        @media (min-width: 960px) {
          .pricing-price-box .amount {
            font-size: 95px;
            font-size: 5.96046rem;
            line-height: 88px;
            line-height: 5.5rem; } }
      .pricing-price-box .amount.hr {
        font-size: 49px;
        font-size: 3.05176rem;
        line-height: 48px;
        line-height: 3rem; }
      .pricing-price-box .currency, .pricing-price-box .timespan {
        font-family: "Helvetica W01 Light", HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
    .pay-box {
      font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
    .accepted-cards.accepted-cards {
      display: block;
      clear: both; }
    .pricing-features .instance-price-title {
      font-family: "Helvetica W01 Light", HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      border-bottom-width: 3px;
      border-bottom-width: 0.1875rem;
      border-bottom-style: solid;
      padding-bottom: 5px;
      padding-bottom: 0.3125rem;
      margin-top: 0px;
      margin-top: 0rem;
      padding-top: 0px;
      padding-top: 0rem;
      padding-bottom: 8px;
      padding-bottom: 0.5rem;
      margin-bottom: 24px;
      margin-bottom: 1.5rem;
      text-align: center;
      color: inherit; }
    .pricing-features .btn.boot {
      display: block;
      margin-top: 0.5rem; }
    .pricing-features .amount {
      font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      width: 40%;
      display: inline-block; }
    .pricing-features .btn.boot {
      -webkit-font-smoothing: antialiased; }
    .pricing-features .btn.contact {
      width: 100%; }
    .tmpl-pricing .pricing-table,
    .tmpl-pricing .pricing-calculator {
      margin-bottom: 2.5rem; }
    .tmpl-pricing .pricing-parameters {
      margin-bottom: 2.5rem; }
    @media (min-width: 770px) {
      .price-components .left-col {
        width: 48%;
        float: left;
        margin-right: 4.0%; } }
    @media (min-width: 770px) {
      .price-components .right-col {
        width: 48%;
        float: right;
        margin-right: 0; } }
    .price-component-title {
      margin-top: 0px;
      margin-top: 0rem;
      padding-top: 0px;
      padding-top: 0rem;
      padding-bottom: 8px;
      padding-bottom: 0.5rem;
      margin-bottom: 8px;
      margin-bottom: 0.5rem;
      border-bottom-width: 1px;
      border-bottom-width: 0.0625rem;
      border-bottom-style: solid;
      padding-bottom: 7px;
      padding-bottom: 0.4375rem; }
    .price-storage .amount, .price-paas .amount {
      font-family: "Helvetica W01 Blk Cn", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      color: #c1000d;
      font-size: 25px;
      font-size: 1.5625rem;
      line-height: 32px;
      line-height: 2rem; }
      @media (min-width: 960px) {
        .price-storage .amount, .price-paas .amount {
          font-size: 31px;
          font-size: 1.95313rem;
          line-height: 32px;
          line-height: 2rem; } }
    .price-paas {
      margin-top: 0.5rem; }
    .price-networking {
      line-height: 16px;
      line-height: 1rem; }
      .price-networking > [class$="-nwk"] {
        margin-top: 1rem; }
      .price-networking .networking-label {
        font-size: 13px;
        font-size: 0.8rem;
        line-height: 24px;
        line-height: 1.5rem;
        color: black;
        display: block; }
      .price-networking .amount {
        font-family: "Helvetica W01 Blk Cn", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
        color: #c1000d; }
    .pricing-explication {
      margin-top: 11rem; }
    .price-component-title.compute {
      text-align: center; }
    .price-paas small {
      display: block;
      line-height: 16px;
      line-height: 1rem; }
    .price-component {
      background-color: #f2f2f2;
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; }
    .pricing-calculator {
      display: none; }
    @media (min-width: 770px) {
      .full-price-list .instances-list {
        width: 100%; }
      .full-price-list .instance-title {
        width: 25%; }
      .full-price-list .instance-ram {
        width: 14%; }
      .full-price-list .instance-cpu {
        width: 10%; }
      .full-price-list .instance-gb {
        width: 28%; }
      .full-price-list .instance-price {
        width: 23%; }
      .full-price-list .stepper {
        width: 40%; } }
    @media (min-width: 960px) {
      .full-price-list .instances-list {
        width: 100%; }
      .full-price-list .instance-title {
        width: 25%; }
      .full-price-list .instance-ram {
        width: 15%; }
      .full-price-list .instance-cpu {
        width: 12%; }
      .full-price-list .instance-gb {
        width: 22%; }
      .full-price-list .instance-price {
        width: 26%; }
      .full-price-list .stepper {
        width: 40%; } }
    @media (min-width: 1100px) {
      .full-price-list .instances-list {
        width: 100%; }
      .full-price-list .instance-title {
        width: 25%; }
      .full-price-list .instance-ram {
        width: 20%; }
      .full-price-list .instance-cpu {
        width: 15%; }
      .full-price-list .instance-gb {
        width: 20%; }
      .full-price-list .instance-price {
        width: 20%; }
      .full-price-list .stepper {
        width: 40%; } }
    .full-price-list .instance-gb .amount-container {
      width: 55%; }
    .full-price-list .single-instance li, .full-price-list .single-instance li.instance-title {
      padding-left: 16px;
      padding-right: 16px;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }
    .full-price-list .single-instance li {
      margin-bottom: 1.5rem; }
    .single-instance {
      margin: 0;
      padding: 0;
      border: 0;
      overflow: hidden;
      *zoom: 1; }
      .single-instance li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
        white-space: nowrap;
        float: left;
        padding-left: 4px;
        padding-right: 4px; }
        .single-instance li:first-child {
          padding-left: 0; }
        .single-instance li:last-child {
          padding-right: 0; }
        .single-instance li.last {
          padding-right: 0; }
    .win-dispo {
      display: none; }
    .instance-row.disabled .instance-ram, .instance-row.disabled .instance-cpu, .instance-row.disabled .instance-gb, .instance-row.disabled .instance-price {
      visibility: hidden; }
    .instance-row.disabled .instance-title {
      opacity: .7; }
    .instance-row.disabled .win-dispo {
      z-index: 10;
      opacity: .7;
      display: block;
      position: absolute;
      margin-left: 25%;
      padding-left: 16px;
      padding-right: 16px;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      font-family: "Helvetica W01 Roman", HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
    .single-instance .title {
      -webkit-font-smoothing: antialiased;
      font-family: "Helvetica W01 Light", HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      font-size: 25px;
      font-size: 1.5625rem;
      line-height: 32px;
      line-height: 2rem;
      color: white;
      display: inline-block;
      vertical-align: sub; }
    .full-price-list .instance-title {
      background-color: #c1000d; }
    .instance-ram, .instance-cpu, .instance-gb {
      font-size: 16px;
      font-size: 1rem;
      line-height: 32px;
      line-height: 2rem;
      line-height: 32px;
      line-height: 2rem;
      background-color: #f2f2f2; }
    .instances-list .amount {
      font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
    .instance-price {
      text-align: center; }
      .instance-price > *, .instance-price .amount {
        font-family: "Helvetica W01 Blk Cn", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 32px;
        line-height: 2rem;
        color: #c1000d;
        vertical-align: sub; }
      .instance-price .currency, .instance-price .timespan {
        font-size: 16px;
        font-size: 1rem;
        line-height: 32px;
        line-height: 2rem; }
      .instance-price .timespan:before {
        content: "\002F"; }
    .instance-gb {
      background-repeat: no-repeat;
      background-position: right center; }
    .instance-gb {
      background-image: url("../img/mask-arrow-right-white.svg"); }
    .instance-gb .stepper, .instance-gb .amount-container {
      display: inline-block;
      float: left; }
    .instance-gb .stepper {
      margin-top: -1px;
      margin-left: 8px; }
    .pricing-details .pricing-details-tables:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 770px) {
      .pricing-details .pricing-details-tables .table-container:nth-child(odd) {
        width: 48%;
        float: left;
        margin-right: 4.0%; }
      .pricing-details .pricing-details-tables .table-container:nth-child(even) {
        width: 48%;
        float: right;
        margin-right: 0; } }
    .pricing-details .notes {
      font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      font-size: 10px;
      font-size: 0.64rem;
      line-height: 16px;
      line-height: 1rem; }
    .tmpl-pricing-demo .page-core-header-claim .btn {
      padding-left: 24px;
      padding-right: 24px; }
    .home-value-box {
      margin-bottom: 2rem; }
      @media (min-width: 600px) {
        .home-value-box {
          margin-bottom: 4rem; } }
      @media (min-width: 770px) {
        .home-value-box {
          margin-bottom: 0;
          width: 31.57895%;
          float: left;
          margin-right: 2.63158%; }
          .home-value-box:nth-child(3) {
            float: right;
            margin-right: 0; } }
      .home-value-box .value-box-title {
        margin-bottom: 0.5rem;
        text-align: center;
        font-size: 61px;
        font-size: 3.8147rem;
        line-height: 56px;
        line-height: 3.5rem; }
        @media (min-width: 600px) {
          .home-value-box .value-box-title {
            display: inline-block;
            float: left;
            width: 50%;
            margin-top: 2rem; } }
        @media (min-width: 770px) {
          .home-value-box .value-box-title {
            text-align: left;
            display: block;
            float: none;
            width: 100%;
            margin-top: 0; } }
      .home-value-box .value-box-img-container img {
        height: 11rem;
        display: block;
        width: auto;
        margin-left: auto;
        margin-right: auto; }
        @media (min-width: 600px) {
          .home-value-box .value-box-img-container img {
            width: 50%;
            height: auto; } }
        @media (min-width: 770px) {
          .home-value-box .value-box-img-container img {
            width: auto;
            height: 100%; } }
      .home-value-box .value-box-text {
        font-size: 16px;
        font-size: 1rem;
        line-height: 32px;
        line-height: 2rem;
        margin: 0 auto;
        text-align: center;
        width: 100%; }
        @media (min-width: 340px) {
          .home-value-box .value-box-text {
            width: 80%; } }
        @media (min-width: 600px) {
          .home-value-box .value-box-text {
            width: 100%;
            text-align: left; } }
        @media (min-width: 770px) {
          .home-value-box .value-box-text {
            text-align: left;
            width: 100%; } }
      .home-value-box .read-more {
        padding: 10px 8px;
        font-size: 16px;
        line-height: 1;
        border-radius: 2px;
        width: 100%;
        display: block; }
    .home-feature-box {
      margin-bottom: 2rem; }
      @media (min-width: 600px) {
        .home-feature-box {
          width: 48%;
          float: left;
          margin-right: 4.0%; }
          .home-feature-box:nth-child(2n) {
            float: right;
            margin-right: 0; } }
    .feature-box-text {
      font-size: 16px;
      font-size: 1rem;
      line-height: 32px;
      line-height: 2rem; }
    .feature-box-title.feature-box-title {
      margin-bottom: 0.5rem;
      text-align: center; }
      @media (min-width: 600px) {
        .feature-box-title.feature-box-title {
          text-align: left; } }
    .home-testimonials blockquote {
      margin-bottom: 3rem; }
    .home-testimonials .logo-line ul > li {
      width: 100%;
      text-align: center; }
    .home-testimonials .logo-line img {
      width: 70%;
      height: auto; }
    @media (min-width: 600px) {
      .home-testimonials .logo-line ul > li {
        width: 25%; }
        .home-testimonials .logo-line ul > li:first-child {
          text-align: left; }
        .home-testimonials .logo-line ul > li:last-child {
          text-align: right; } }
    .home-testimonials-title, .home-features-title {
      text-align: center;
      padding-bottom: 0.25rem;
      margin-bottom: 1rem;
      border-bottom-width: 1px;
      border-bottom-width: 0.0625rem;
      border-bottom-style: solid;
      padding-bottom: 7px;
      padding-bottom: 0.4375rem; }
    .home-launch-banner {
      margin-top: 6rem; }
      .home-launch-banner .claim {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 32px;
        line-height: 2rem;
        font-family: "Helvetica W01 Blk Cn", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
    .about-us .intro:after, .about-us .investors:after {
      content: "";
      display: table;
      clear: both; }
    .about-us .logo {
      margin-top: 2rem;
      width: 75%; }
    .about-us .logo-container {
      text-align: center; }
    .about-us .intro-head, .about-us .investors-head {
      width: 32.77311%;
      float: right;
      margin-right: 0; }
    .about-us .intro-content, .about-us .investors-content {
      display: block;
      width: 66.38655%;
      float: left;
      margin-right: 0.84034%;
      margin-top: 1rem; }
    .about-us .intro-title, .about-us .investors-title {
      width: 66.38655%;
      float: left;
      margin-right: 0.84034%;
      float: none; }
    .about-us .intro {
      margin-bottom: 4rem; }
    @media (min-width: 960px) {
      .features-illustration {
        width: 65.38462%;
        float: left;
        margin-right: 3.84615%; } }
    @media (min-width: 960px) {
      .features-ill-complement {
        width: 30.76923%;
        float: right;
        margin-right: 0; } }
    @media (min-width: 770px) {
      .desc-compute {
        width: 47.05882%;
        float: left;
        margin-right: 5.88235%; } }
    .desc-storage {
      margin-top: 3rem; }
      @media (min-width: 770px) {
        .desc-storage {
          margin-top: 0;
          width: 47.05882%;
          float: right;
          margin-right: 0; } }
    @media (min-width: 340px) {
      .apps .app {
        width: 47.05882%;
        float: left; }
        .apps .app:nth-child(2n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        .apps .app:nth-child(2n + 2) {
          margin-left: 52.94118%;
          margin-right: -100%;
          clear: none; } }
    @media (min-width: 770px) {
      .apps .app {
        width: 22.85714%;
        float: left; }
        .apps .app:nth-child(4n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        .apps .app:nth-child(4n + 2) {
          margin-left: 25.71429%;
          margin-right: -100%;
          clear: none; }
        .apps .app:nth-child(4n + 3) {
          margin-left: 51.42857%;
          margin-right: -100%;
          clear: none; }
        .apps .app:nth-child(4n + 4) {
          margin-left: 77.14286%;
          margin-right: -100%;
          clear: none; } }
    .features-illustration {
      text-align: center;
      background-color: #ebedeb; }
    .features-ill-complement {
      font-size: 13px;
      font-size: 0.8rem;
      line-height: 24px;
      line-height: 1.5rem; }
      .features-ill-complement li {
        clear: left;
        display: block;
        line-height: 16px;
        line-height: 1rem;
        margin-bottom: 2rem; }
        .features-ill-complement li:last-child {
          margin-bottom: 0; }
    .feature-point {
      width: 30px;
      margin-top: -0.25rem;
      float: left;
      margin-right: 8px; }
      @media (min-width: 960px) {
        .feature-point {
          width: auto;
          margin-bottom: 0.5rem; } }
    .features-ill-title {
      margin-bottom: 1.5rem; }
    .desc-title {
      margin-bottom: 1rem; }
    .tmpl-features .features-title-decorator {
      margin: 0 16px 0 0; }
    @media (max-width: 770px) {
      .apps .cbox-header .cbox-header-title,
      .apps .cbox-header .leading {
        width: 100%; } }
    .app .app-figure {
      height: 7.5rem;
      margin-bottom: 0.5rem; }
      .app .app-figure > img {
        height: 7.5rem; }
    .app .app-desc {
      font-size: 13px;
      font-size: 0.8rem;
      line-height: 24px;
      line-height: 1.5rem; }
    .apps-container .app {
      margin-bottom: 4rem; }
    .apps-container .clickable .clickable-a-wrapper,
    .apps-container .clickable .app-title,
    .apps-container .clickable .app-desc,
    .apps-container .clickable .read-more,
    .apps-container .inactive .clickable-a-wrapper,
    .apps-container .inactive .app-title,
    .apps-container .inactive .app-desc,
    .apps-container .inactive .read-more {
      text-decoration: none; }
      .apps-container .clickable .clickable-a-wrapper:hover,
      .apps-container .clickable .app-title:hover,
      .apps-container .clickable .app-desc:hover,
      .apps-container .clickable .read-more:hover,
      .apps-container .inactive .clickable-a-wrapper:hover,
      .apps-container .inactive .app-title:hover,
      .apps-container .inactive .app-desc:hover,
      .apps-container .inactive .read-more:hover {
        text-decoration: none; }
    .apps-container .clickable .app-desc,
    .apps-container .inactive .app-desc {
      color: black; }
    .apps-container .clickable {
      cursor: pointer; }
      .apps-container .clickable > * {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .apps-container .clickable .read-more {
        display: block;
        margin: 0;
        padding: 0; }
      .apps-container .clickable:hover .app-title.app-title {
        color: #62cc2e; }
    .apps-container .inactive {
      opacity: .2;
      border: 1px solid;
      padding-left: 4px;
      padding-right: 4px;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem; }
      .apps-container .inactive * {
        color: black; }
      .apps-container .inactive .app-desc {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 32px;
        line-height: 2rem;
        font-family: "Helvetica W01 Roman", HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
    .features-demo .features-illustration {
      background-color: white;
      height: auto;
      width: 100%; }
      .features-demo .features-illustration td {
        padding: 10px; }
    .faq-single {
      margin-bottom: 3rem; }
      .faq-single img {
        width: 100%; }
    .faq-group {
      width: 66.38655%; }
    .addon-header.chapter, .addon-header {
      margin-bottom: 2rem; }
    .addon-header-img-box, .addon-meta {
      width: 20.16807%;
      float: left; }
    .addon-header-title-box, .addon-blob {
      width: 74.78992%;
      float: right; }
    .addon-meta {
      font-size: 13px;
      font-size: 0.8rem;
      line-height: 24px;
      line-height: 1.5rem;
      line-height: 16px;
      line-height: 1rem;
      padding-top: 0.5rem; }
      .addon-meta li {
        margin-bottom: 1rem; }
        .addon-meta li:last-child {
          margin-bottom: 0; }
    .addon-meta .paramters-list .btn.switch {
      font-size: 10px;
      font-size: 0.64rem;
      line-height: 16px;
      line-height: 1rem;
      font-family: "Helvetica W01 Roman", HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
    .addon-meta .paramters-list .btn-group.vat .btn {
      width: 100px; }
    .dropdown-menu.value-settings {
      font-size: 13px;
      font-size: 0.8rem;
      line-height: 24px;
      line-height: 1.5rem;
      font-size: 80%;
      font-family: "Helvetica W01 Roman", HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 8px;
      padding-right: 8px; }
      .dropdown-menu.value-settings li {
        margin-bottom: 0;
        display: block; }
      .dropdown-menu.value-settings > li > ul {
        margin: 0;
        padding: 0;
        border: 0;
        overflow: hidden;
        *zoom: 1; }
        .dropdown-menu.value-settings > li > ul li {
          list-style-image: none;
          list-style-type: none;
          margin-left: 0;
          white-space: nowrap;
          float: left;
          padding-left: 4px;
          padding-right: 4px; }
          .dropdown-menu.value-settings > li > ul li:first-child {
            padding-left: 0; }
          .dropdown-menu.value-settings > li > ul li:last-child {
            padding-right: 0; }
          .dropdown-menu.value-settings > li > ul li.last {
            padding-right: 0; }
      .dropdown-menu.value-settings [type='radio'] {
        margin-left: 3px;
        margin-right: 3px; }
        .dropdown-menu.value-settings [type='radio']:after:not(:last-child) {
          content: "\00A0\007C"; }
    .addon-meta-label {
      font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      display: inline-block;
      color: #b5bdb5;
      clear: right; }
    .addon-meta-label.available:after {
      color: #c1000d; }
    .available-pop-over-container {
      display: none; }
    .addon-meta-value {
      display: block;
      margin-bottom: 0.25rem; }
    [class^="addon-compatibility"],
    [class^="addon-available"] {
      display: inline-block;
      margin-top: 0.25rem;
      margin-bottom: 0.25rem;
      padding-left: 4px;
      padding-right: 4px;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
      margin-right: 4px;
      padding-top: 0.35rem;
      color: white;
      text-transform: uppercase;
      font-size: 10px;
      font-size: 0.64rem;
      line-height: 16px;
      line-height: 1rem;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px; }
    .addon-compatibility-compute {
      background-color: #9cb6d8; }
    .addon-compatibility-storage {
      background-color: #9cb6d8; }
    .addon-compatibility-applications {
      background-color: #9cb6d8; }
    .addon-available {
      background-color: #90bd7b; }
    .addon-packages-title {
      width: 74.78992%;
      margin-left: 25.21008%;
      margin-bottom: 2rem; }
    .pkg-tabs {
      display: block;
      width: 100%; }
    .pkg-radio, .pkg-feature-list {
      display: none; }
    .pkg-tabs:after {
      content: "";
      display: table;
      clear: both; }
    .pkg-tabs-options {
      width: 24.36975%;
      float: left; }
    .pkg-tabs-options li label {
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      padding-left: 16px;
      padding-right: 16px;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      font-size: 13px;
      font-size: 0.8rem;
      line-height: 24px;
      line-height: 1.5rem;
      background-color: #e5ecf5;
      color: rgba(0, 0, 0, 0.7);
      display: block;
      margin-bottom: 0.25rem;
      width: 90%; }
      @media (min-width: 960px) {
        .pkg-tabs-options li label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -40px center;
          background-repeat: no-repeat; } }
      .pkg-tabs-options li label:hover {
        background-color: #beeba8;
        width: 100%; }
        @media (min-width: 960px) {
          .pkg-tabs-options li label:hover {
            background-image: url("../img/mask-arrow-right-white.svg");
            background-position: right -1px center;
            background-repeat: no-repeat; } }
    .pkg-tab-value {
      display: block;
      font-size: 13px;
      font-size: 0.8rem;
      line-height: 24px;
      line-height: 1.5rem;
      font-size: 80%;
      font-family: "HelveticaW01-BoldItalic", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      color: rgba(0, 0, 0, 0.4);
      line-height: 8px;
      line-height: 0.5rem;
      -webkit-font-smoothing: antialiased; }
    .pkg-feature-list {
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      padding-left: 16px;
      padding-right: 16px;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
      background-color: #e5ecf5;
      float: right;
      margin-top: 0;
      width: 74.78992%; }
    .pkg-feature-list .pkg-price {
      font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
    .pkg-feature-list li {
      font-family: "Helvetica W01 Roman", HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      font-size: 13px;
      font-size: 0.8rem;
      line-height: 24px;
      line-height: 1.5rem;
      padding-left: 4px;
      padding-right: 4px;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      border-bottom-width: 1px;
      border-bottom-width: 0.0625rem;
      border-bottom-style: solid;
      padding-bottom: 7px;
      padding-bottom: 0.4375rem;
      border-color: #c1d1e6;
      color: rgba(0, 0, 0, 0.4); }
      .pkg-feature-list li:last-child {
        border-bottom: 0; }
      .pkg-feature-list li.active {
        color: rgba(0, 0, 0, 0.7); }
    .pkg-feature-list .pkg-name {
      font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      color: rgba(0, 0, 0, 0.7); }
      @media (min-width: 770px) {
        .pkg-feature-list .pkg-name {
          display: none; } }
    .addon-deploy-snippet.placeholder {
      display: none; }
    .addon-deploy-snippet {
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      padding-left: 4px;
      padding-right: 4px;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      background-color: #ebedeb;
      float: right;
      margin-top: 2rem;
      text-align: center;
      width: 74.78992%;
      display: none; }
      .addon-deploy-snippet .addon-meta-label {
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        margin-right: 16px;
        color: rgba(0, 0, 0, 0.7); }
      .addon-deploy-snippet .addon-meta-value {
        padding-left: 16px;
        padding-right: 16px;
        display: inline; }
    .pkg-feature-list,
    .addon-deploy-snippet code,
    .pkg-tabs-options li label {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .pkg-radio:nth-of-type(1):checked ~ ul.pkg-feature-list:nth-of-type(2) {
      display: block; }
    .pkg-radio:nth-of-type(2):checked ~ ul.pkg-feature-list:nth-of-type(3) {
      display: block; }
    .pkg-radio:nth-of-type(3):checked ~ ul.pkg-feature-list:nth-of-type(4) {
      display: block; }
    .pkg-radio:nth-of-type(4):checked ~ ul.pkg-feature-list:nth-of-type(5) {
      display: block; }
    .pkg-radio:nth-of-type(5):checked ~ ul.pkg-feature-list:nth-of-type(6) {
      display: block; }
    .pkg-radio:nth-of-type(6):checked ~ ul.pkg-feature-list:nth-of-type(7) {
      display: block; }
    .pkg-radio:nth-of-type(7):checked ~ ul.pkg-feature-list:nth-of-type(8) {
      display: block; }
    .pkg-radio:nth-of-type(8):checked ~ ul.pkg-feature-list:nth-of-type(9) {
      display: block; }
    .pkg-radio:nth-of-type(9):checked ~ ul.pkg-feature-list:nth-of-type(10) {
      display: block; }
    .pkg-radio:nth-of-type(10):checked ~ ul.pkg-feature-list:nth-of-type(11) {
      display: block; }
    .pkg-radio:nth-of-type(11):checked ~ ul.pkg-feature-list:nth-of-type(12) {
      display: block; }
    .pkg-radio:nth-of-type(12):checked ~ ul.pkg-feature-list:nth-of-type(13) {
      display: block; }
    .pkg-radio:nth-of-type(13):checked ~ ul.pkg-feature-list:nth-of-type(14) {
      display: block; }
    .pkg-radio:nth-of-type(14):checked ~ ul.pkg-feature-list:nth-of-type(15) {
      display: block; }
    .pkg-radio:nth-of-type(15):checked ~ ul.pkg-feature-list:nth-of-type(16) {
      display: block; }
    .pkg-radio:nth-of-type(16):checked ~ ul.pkg-feature-list:nth-of-type(17) {
      display: block; }
    .pkg-radio:nth-of-type(17):checked ~ ul.pkg-feature-list:nth-of-type(18) {
      display: block; }
    .pkg-radio:nth-of-type(18):checked ~ ul.pkg-feature-list:nth-of-type(19) {
      display: block; }
    .pkg-radio:nth-of-type(19):checked ~ ul.pkg-feature-list:nth-of-type(20) {
      display: block; }
    .pkg-radio:nth-of-type(20):checked ~ ul.pkg-feature-list:nth-of-type(21) {
      display: block; }
    .pkg-radio:nth-of-type(1):checked ~ div.addon-deploy-snippet:nth-of-type(1):not(.placeholder) {
      display: inline; }
    .pkg-radio:nth-of-type(2):checked ~ div.addon-deploy-snippet:nth-of-type(2):not(.placeholder) {
      display: inline; }
    .pkg-radio:nth-of-type(3):checked ~ div.addon-deploy-snippet:nth-of-type(3):not(.placeholder) {
      display: inline; }
    .pkg-radio:nth-of-type(4):checked ~ div.addon-deploy-snippet:nth-of-type(4):not(.placeholder) {
      display: inline; }
    .pkg-radio:nth-of-type(5):checked ~ div.addon-deploy-snippet:nth-of-type(5):not(.placeholder) {
      display: inline; }
    .pkg-radio:nth-of-type(6):checked ~ div.addon-deploy-snippet:nth-of-type(6):not(.placeholder) {
      display: inline; }
    .pkg-radio:nth-of-type(7):checked ~ div.addon-deploy-snippet:nth-of-type(7):not(.placeholder) {
      display: inline; }
    .pkg-radio:nth-of-type(8):checked ~ div.addon-deploy-snippet:nth-of-type(8):not(.placeholder) {
      display: inline; }
    .pkg-radio:nth-of-type(9):checked ~ div.addon-deploy-snippet:nth-of-type(9):not(.placeholder) {
      display: inline; }
    .pkg-radio:nth-of-type(10):checked ~ div.addon-deploy-snippet:nth-of-type(10):not(.placeholder) {
      display: inline; }
    .pkg-radio:nth-of-type(11):checked ~ div.addon-deploy-snippet:nth-of-type(11):not(.placeholder) {
      display: inline; }
    .pkg-radio:nth-of-type(12):checked ~ div.addon-deploy-snippet:nth-of-type(12):not(.placeholder) {
      display: inline; }
    .pkg-radio:nth-of-type(13):checked ~ div.addon-deploy-snippet:nth-of-type(13):not(.placeholder) {
      display: inline; }
    .pkg-radio:nth-of-type(14):checked ~ div.addon-deploy-snippet:nth-of-type(14):not(.placeholder) {
      display: inline; }
    .pkg-radio:nth-of-type(15):checked ~ div.addon-deploy-snippet:nth-of-type(15):not(.placeholder) {
      display: inline; }
    .pkg-radio:nth-of-type(16):checked ~ div.addon-deploy-snippet:nth-of-type(16):not(.placeholder) {
      display: inline; }
    .pkg-radio:nth-of-type(17):checked ~ div.addon-deploy-snippet:nth-of-type(17):not(.placeholder) {
      display: inline; }
    .pkg-radio:nth-of-type(18):checked ~ div.addon-deploy-snippet:nth-of-type(18):not(.placeholder) {
      display: inline; }
    .pkg-radio:nth-of-type(19):checked ~ div.addon-deploy-snippet:nth-of-type(19):not(.placeholder) {
      display: inline; }
    .pkg-radio:nth-of-type(20):checked ~ div.addon-deploy-snippet:nth-of-type(20):not(.placeholder) {
      display: inline; }
    .pkg-radio:nth-of-type(1):checked ~ .pkg-tabs-options li:nth-of-type(1) label {
      background-color: #62cc2e;
      width: 100%; }
      @media (min-width: 960px) {
        .pkg-radio:nth-of-type(1):checked ~ .pkg-tabs-options li:nth-of-type(1) label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -1px center;
          background-repeat: no-repeat; } }
    .pkg-radio:nth-of-type(2):checked ~ .pkg-tabs-options li:nth-of-type(2) label {
      background-color: #62cc2e;
      width: 100%; }
      @media (min-width: 960px) {
        .pkg-radio:nth-of-type(2):checked ~ .pkg-tabs-options li:nth-of-type(2) label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -1px center;
          background-repeat: no-repeat; } }
    .pkg-radio:nth-of-type(3):checked ~ .pkg-tabs-options li:nth-of-type(3) label {
      background-color: #62cc2e;
      width: 100%; }
      @media (min-width: 960px) {
        .pkg-radio:nth-of-type(3):checked ~ .pkg-tabs-options li:nth-of-type(3) label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -1px center;
          background-repeat: no-repeat; } }
    .pkg-radio:nth-of-type(4):checked ~ .pkg-tabs-options li:nth-of-type(4) label {
      background-color: #62cc2e;
      width: 100%; }
      @media (min-width: 960px) {
        .pkg-radio:nth-of-type(4):checked ~ .pkg-tabs-options li:nth-of-type(4) label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -1px center;
          background-repeat: no-repeat; } }
    .pkg-radio:nth-of-type(5):checked ~ .pkg-tabs-options li:nth-of-type(5) label {
      background-color: #62cc2e;
      width: 100%; }
      @media (min-width: 960px) {
        .pkg-radio:nth-of-type(5):checked ~ .pkg-tabs-options li:nth-of-type(5) label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -1px center;
          background-repeat: no-repeat; } }
    .pkg-radio:nth-of-type(6):checked ~ .pkg-tabs-options li:nth-of-type(6) label {
      background-color: #62cc2e;
      width: 100%; }
      @media (min-width: 960px) {
        .pkg-radio:nth-of-type(6):checked ~ .pkg-tabs-options li:nth-of-type(6) label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -1px center;
          background-repeat: no-repeat; } }
    .pkg-radio:nth-of-type(7):checked ~ .pkg-tabs-options li:nth-of-type(7) label {
      background-color: #62cc2e;
      width: 100%; }
      @media (min-width: 960px) {
        .pkg-radio:nth-of-type(7):checked ~ .pkg-tabs-options li:nth-of-type(7) label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -1px center;
          background-repeat: no-repeat; } }
    .pkg-radio:nth-of-type(8):checked ~ .pkg-tabs-options li:nth-of-type(8) label {
      background-color: #62cc2e;
      width: 100%; }
      @media (min-width: 960px) {
        .pkg-radio:nth-of-type(8):checked ~ .pkg-tabs-options li:nth-of-type(8) label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -1px center;
          background-repeat: no-repeat; } }
    .pkg-radio:nth-of-type(9):checked ~ .pkg-tabs-options li:nth-of-type(9) label {
      background-color: #62cc2e;
      width: 100%; }
      @media (min-width: 960px) {
        .pkg-radio:nth-of-type(9):checked ~ .pkg-tabs-options li:nth-of-type(9) label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -1px center;
          background-repeat: no-repeat; } }
    .pkg-radio:nth-of-type(10):checked ~ .pkg-tabs-options li:nth-of-type(10) label {
      background-color: #62cc2e;
      width: 100%; }
      @media (min-width: 960px) {
        .pkg-radio:nth-of-type(10):checked ~ .pkg-tabs-options li:nth-of-type(10) label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -1px center;
          background-repeat: no-repeat; } }
    .pkg-radio:nth-of-type(11):checked ~ .pkg-tabs-options li:nth-of-type(11) label {
      background-color: #62cc2e;
      width: 100%; }
      @media (min-width: 960px) {
        .pkg-radio:nth-of-type(11):checked ~ .pkg-tabs-options li:nth-of-type(11) label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -1px center;
          background-repeat: no-repeat; } }
    .pkg-radio:nth-of-type(12):checked ~ .pkg-tabs-options li:nth-of-type(12) label {
      background-color: #62cc2e;
      width: 100%; }
      @media (min-width: 960px) {
        .pkg-radio:nth-of-type(12):checked ~ .pkg-tabs-options li:nth-of-type(12) label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -1px center;
          background-repeat: no-repeat; } }
    .pkg-radio:nth-of-type(13):checked ~ .pkg-tabs-options li:nth-of-type(13) label {
      background-color: #62cc2e;
      width: 100%; }
      @media (min-width: 960px) {
        .pkg-radio:nth-of-type(13):checked ~ .pkg-tabs-options li:nth-of-type(13) label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -1px center;
          background-repeat: no-repeat; } }
    .pkg-radio:nth-of-type(14):checked ~ .pkg-tabs-options li:nth-of-type(14) label {
      background-color: #62cc2e;
      width: 100%; }
      @media (min-width: 960px) {
        .pkg-radio:nth-of-type(14):checked ~ .pkg-tabs-options li:nth-of-type(14) label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -1px center;
          background-repeat: no-repeat; } }
    .pkg-radio:nth-of-type(15):checked ~ .pkg-tabs-options li:nth-of-type(15) label {
      background-color: #62cc2e;
      width: 100%; }
      @media (min-width: 960px) {
        .pkg-radio:nth-of-type(15):checked ~ .pkg-tabs-options li:nth-of-type(15) label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -1px center;
          background-repeat: no-repeat; } }
    .pkg-radio:nth-of-type(16):checked ~ .pkg-tabs-options li:nth-of-type(16) label {
      background-color: #62cc2e;
      width: 100%; }
      @media (min-width: 960px) {
        .pkg-radio:nth-of-type(16):checked ~ .pkg-tabs-options li:nth-of-type(16) label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -1px center;
          background-repeat: no-repeat; } }
    .pkg-radio:nth-of-type(17):checked ~ .pkg-tabs-options li:nth-of-type(17) label {
      background-color: #62cc2e;
      width: 100%; }
      @media (min-width: 960px) {
        .pkg-radio:nth-of-type(17):checked ~ .pkg-tabs-options li:nth-of-type(17) label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -1px center;
          background-repeat: no-repeat; } }
    .pkg-radio:nth-of-type(18):checked ~ .pkg-tabs-options li:nth-of-type(18) label {
      background-color: #62cc2e;
      width: 100%; }
      @media (min-width: 960px) {
        .pkg-radio:nth-of-type(18):checked ~ .pkg-tabs-options li:nth-of-type(18) label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -1px center;
          background-repeat: no-repeat; } }
    .pkg-radio:nth-of-type(19):checked ~ .pkg-tabs-options li:nth-of-type(19) label {
      background-color: #62cc2e;
      width: 100%; }
      @media (min-width: 960px) {
        .pkg-radio:nth-of-type(19):checked ~ .pkg-tabs-options li:nth-of-type(19) label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -1px center;
          background-repeat: no-repeat; } }
    .pkg-radio:nth-of-type(20):checked ~ .pkg-tabs-options li:nth-of-type(20) label {
      background-color: #62cc2e;
      width: 100%; }
      @media (min-width: 960px) {
        .pkg-radio:nth-of-type(20):checked ~ .pkg-tabs-options li:nth-of-type(20) label {
          background-image: url("../img/mask-arrow-right-white.svg");
          background-position: right -1px center;
          background-repeat: no-repeat; } }
    .pkg-feature-list .value {
      float: right; }
    .addon-documentation {
      width: 74.78992%;
      margin-left: 25.21008%; }
    .addon-documentation-title {
      margin-bottom: 2rem; }
    @media (min-width: 600px) {
      .addon-documentation .doc-element {
        width: 49.57983%;
        float: left; }
        .addon-documentation .doc-element:nth-child(2n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        .addon-documentation .doc-element:nth-child(2n + 2) {
          margin-left: 50.42017%;
          margin-right: -100%;
          clear: none; } }
    @media (min-width: 770px) {
      .addon-documentation .doc-element {
        width: 32.77311%;
        float: left; }
        .addon-documentation .doc-element:nth-child(3n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        .addon-documentation .doc-element:nth-child(3n + 2) {
          margin-left: 33.61345%;
          margin-right: -100%;
          clear: none; }
        .addon-documentation .doc-element:nth-child(3n + 3) {
          margin-left: 67.22689%;
          margin-right: -100%;
          clear: none; } }
    @media (min-width: 960px) {
      .addon-documentation .doc-element {
        width: 24.36975%;
        float: left; }
        .addon-documentation .doc-element:nth-child(4n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        .addon-documentation .doc-element:nth-child(4n + 2) {
          margin-left: 25.21008%;
          margin-right: -100%;
          clear: none; }
        .addon-documentation .doc-element:nth-child(4n + 3) {
          margin-left: 50.42017%;
          margin-right: -100%;
          clear: none; }
        .addon-documentation .doc-element:nth-child(4n + 4) {
          margin-left: 75.63025%;
          margin-right: -100%;
          clear: none; } }
    .addon-documentation .doc-element > a {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      color: inherit;
      text-decoration: none;
      display: block;
      padding-left: 16px;
      padding-right: 16px;
      padding-top: 1rem;
      padding-bottom: 1rem;
      background-color: #beeba8;
      font-size: 13px;
      font-size: 0.8rem;
      line-height: 24px;
      line-height: 1.5rem;
      margin-bottom: 1rem; }
      .addon-documentation .doc-element > a:active, .addon-documentation .doc-element > a:focus {
        outline: none; }
      .addon-documentation .doc-element > a:hover {
        background-color: #62cc2e; }
    .templates.content-box .leading {
      margin-bottom: 2rem; }
    .integration .content-box:after {
      content: "";
      display: table;
      clear: both; }
    .integration .tool {
      margin-bottom: 2.5rem; }
      @media (min-width: 770px) {
        .integration .tool {
          width: 32.39437%;
          float: left; }
          .integration .tool:nth-child(3n + 1) {
            margin-left: 0;
            margin-right: -100%;
            clear: both;
            margin-left: 0; }
          .integration .tool:nth-child(3n + 2) {
            margin-left: 33.80282%;
            margin-right: -100%;
            clear: none; }
          .integration .tool:nth-child(3n + 3) {
            margin-left: 67.60563%;
            margin-right: -100%;
            clear: none; } }
    .integration .tool .figure-box {
      text-align: center; }
      .integration .tool .figure-box img {
        width: 70%; }
    .integration .tool .btn.action, .integration .tool button.add.action,
    .integration .tool button.subtract.action,
    .integration .tool button.remove.action,
    .integration .tool button.close.action,
    .integration .tool .a-button.download.action {
      width: 128px; }
    .integration .cbox-header {
      margin-bottom: 2.5rem; }
    .job-meta {
      width: 32.77311%;
      float: left;
      margin-right: 0.84034%; }
    .job-description {
      width: 62.18487%;
      float: left;
      margin-right: 0.84034%; }
    .job-title.job-title {
      font-size: 25px;
      font-size: 1.5625rem;
      line-height: 32px;
      line-height: 2rem;
      font-family: "Helvetica W01 Blk Cn", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      margin-top: 0; }
    .tmpl-press .leading {
      width: 66.38655%;
      float: left;
      margin-right: 0.84034%;
      margin-bottom: 3rem; }
    .pubblication-list article {
      line-height: 1;
      margin-bottom: 2rem;
      padding-left: 50px;
      position: relative; }
      @media (min-width: 600px) {
        .pubblication-list article {
          width: 47.05882%;
          float: left; }
          .pubblication-list article:nth-child(2n + 1) {
            margin-left: 0;
            margin-right: -100%;
            clear: both;
            margin-left: 0; }
          .pubblication-list article:nth-child(2n + 2) {
            margin-left: 52.94118%;
            margin-right: -100%;
            clear: none; } }
      .pubblication-list article:after {
        content: "";
        display: block;
        position: absolute;
        background-image: url("../img/picto-document.svg");
        background-position: left top 14px;
        background-size: 100%;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        width: 40px;
        height: 100%; }
      .pubblication-list article > small {
        font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
      .pubblication-list article > p a {
        line-height: 1.4; }
    @media (min-width: 340px) {
      .logo-list article {
        width: 30.76923%;
        float: left; }
        .logo-list article:nth-child(3n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        .logo-list article:nth-child(3n + 2) {
          margin-left: 34.61538%;
          margin-right: -100%;
          clear: none; }
        .logo-list article:nth-child(3n + 3) {
          margin-left: 69.23077%;
          margin-right: -100%;
          clear: none; } }
    .logo-list article:not(:nth-child(3n)) {
      border-right: 1px solid #dedede; }
    @media (min-width: 340px) {
      .event-list article {
        width: 47.05882%;
        float: left; }
        .event-list article:nth-child(2n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        .event-list article:nth-child(2n + 2) {
          margin-left: 52.94118%;
          margin-right: -100%;
          clear: none; } }
    @media (min-width: 770px) {
      .event-list article {
        width: 22.85714%;
        float: left; }
        .event-list article:nth-child(4n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        .event-list article:nth-child(4n + 2) {
          margin-left: 25.71429%;
          margin-right: -100%;
          clear: none; }
        .event-list article:nth-child(4n + 3) {
          margin-left: 51.42857%;
          margin-right: -100%;
          clear: none; }
        .event-list article:nth-child(4n + 4) {
          margin-left: 77.14286%;
          margin-right: -100%;
          clear: none; } }
    .event-list figure {
      height: 240px;
      margin-bottom: 4rem; }
    .event-list figcaption {
      line-height: 1.3;
      margin-bottom: 0.5rem;
      margin-top: 0.5rem; }
    @media (min-width: 960px) {
      .blog.content-box {
        width: 66.38655%;
        float: left;
        margin-right: 0.84034%; } }
    @media (min-width: 960px) {
      .blog-single .blog.content-box {
        width: 66.38655%;
        float: left;
        margin-right: 0.84034%;
        margin-left: 16.80672%; } }
    a.syslog-page-title {
      color: inherit;
      text-decoration: none; }
      a.syslog-page-title:active, a.syslog-page-title:focus {
        outline: none; }
    .syslog-header {
      text-align: center; }
    .syslog-page-title {
      display: inline-block;
      font-size: 31px;
      font-size: 1.95313rem;
      line-height: 32px;
      line-height: 2rem;
      font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      padding-bottom: 0.5rem;
      color: rgba(255, 255, 255, 0.85); }
    .blog-archive-active.false {
      display: none; }
    .blog-links a {
      margin-top: 0.5rem;
      margin-right: 16px; }
    .post-header {
      border-bottom-width: 1px;
      border-bottom-width: 0.0625rem;
      border-bottom-style: solid;
      padding-bottom: 7px;
      padding-bottom: 0.4375rem; }
    .post-single .post-title {
      color: black; }
    .post-single .post-title,
    .post-list-item .post-title {
      font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
      display: block; }
    small.post-meta {
      font-size: 100%; }
    .post-meta {
      line-height: 16px;
      line-height: 1rem;
      display: block;
      position: relative;
      color: #9cb6d8; }
    .post-single .meta-item:not(.post-tags) {
      font-size: 25px;
      font-size: 1.5625rem;
      line-height: 32px;
      line-height: 2rem; }
    .post-single .post-meta {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }
    .post-meta .meta-item:not(.post-tags) {
      font-family: "Helvetica W01 Bold", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
      .post-meta .meta-item:not(.post-tags) a {
        color: inherit;
        text-decoration: none;
        border-bottom: 1px solid; }
        .post-meta .meta-item:not(.post-tags) a:active, .post-meta .meta-item:not(.post-tags) a:focus {
          outline: none; }
        .post-meta .meta-item:not(.post-tags) a:hover {
          color: #779bca; }
      .post-meta .meta-item:not(.post-tags):not(:first-child):before {
        content: '\00A0 \002F \00A0'; }
    .post-tags {
      font-family: "Helvetica W01 Light", HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
    .post-title-link {
      color: inherit;
      text-decoration: none;
      display: block; }
      .post-title-link:active, .post-title-link:focus {
        outline: none; }
    .post-list-item {
      margin-top: 2.5rem;
      border-bottom-width: 3px;
      border-bottom-width: 0.1875rem;
      border-bottom-style: solid;
      padding-bottom: 5px;
      padding-bottom: 0.3125rem;
      border-color: #ebedeb; }
      .post-list-item .post-title {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        color: black;
        margin-bottom: 0.25rem;
        display: block; }
      .post-list-item .meta-wrapper {
        overflow: hidden;
        *zoom: 1; }
      .post-list-item .post-meta {
        display: inline-block;
        width: 84%; }
      .post-list-item .read-more {
        display: inline-block;
        width: 16%;
        float: right; }
      .post-list-item .meta-item {
        font-size: 13px;
        font-size: 0.8rem;
        line-height: 24px;
        line-height: 1.5rem;
        line-height: 16px;
        line-height: 1rem; }
    .post-meta .social {
      position: absolute;
      bottom: 8px;
      right: 8px; }
    .post-content, #disqus_thread {
      border-bottom-width: 3px;
      border-bottom-width: 0.1875rem;
      border-bottom-style: solid;
      padding-bottom: 5px;
      padding-bottom: 0.3125rem; }
    .post-content {
      border-bottom-width: 3px;
      border-bottom-width: 0.1875rem;
      border-bottom-style: solid;
      padding-bottom: 5px;
      padding-bottom: 0.3125rem;
      margin-top: 24px;
      margin-top: 1.5rem;
      padding-top: 0px;
      padding-top: 0rem;
      padding-bottom: 64px;
      padding-bottom: 4rem;
      margin-bottom: 40px;
      margin-bottom: 2.5rem; }
    #disqus_thread {
      margin-top: 0px;
      margin-top: 0rem;
      padding-top: 0px;
      padding-top: 0rem;
      padding-bottom: 64px;
      padding-bottom: 4rem;
      margin-bottom: 40px;
      margin-bottom: 2.5rem; }
    .blog .footer-registration .registration-form-container {
      width: 49.36709%;
      float: right;
      margin-right: 0; }
    .blog .footer-registration .form-claim {
      width: 49.36709%;
      float: left;
      margin-right: 1.26582%; }
    .blog a.figure:hover {
      background-color: transparent; }
    .blog a.figure {
      position: relative;
      display: block; }
      .blog a.figure img {
        border: 1px solid transparent; }
      .blog a.figure:before {
        content: '\00A0';
        width: 40px;
        height: 40px;
        position: absolute;
        top: 9px;
        right: 5px;
        -moz-border-radius-bottomleft: 10px;
        -webkit-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
        background-image: url("../img/ico-add-white.svg");
        background-position: center center;
        background-repeat: no-repeat;
        background-color: rgba(0, 0, 0, 0.5);
        background-size: 50%; }
      .blog a.figure:hover:before {
        background-color: rgba(98, 204, 46, 0.8); }
    .aside-box-content {
      padding-left: 8px;
      padding-right: 8px;
      margin-top: 0.5rem;
      font-size: 16px;
      font-size: 1rem;
      line-height: 32px;
      line-height: 2rem;
      line-height: 24px;
      line-height: 1.5rem; }
      .aside-box-content .btn {
        margin-top: 0.25rem;
        width: 100%; }
    .aside.blog .btn.btn {
      font-size: 16px;
      font-size: 1rem;
      line-height: 32px;
      line-height: 2rem; }
    .blog-aside-nav-recents a {
      padding-left: 8px;
      padding-right: 24px;
      background-image: url("../img/ico-arrow-right-blue.svg");
      background-position: right 8px center;
      background-size: auto 0.8rem;
      background-repeat: no-repeat;
      color: #9cb6d8; }
      .blog-aside-nav-recents a:hover {
        background-image: url("../img/ico-arrow-right-white.svg");
        background-position: right 8px center;
        background-size: auto 0.8rem;
        background-repeat: no-repeat; }
      .blog-aside-nav-recents a:hover {
        background-color: rgba(156, 182, 216, 0.45); }
      .blog-aside-nav-recents a:active {
        background-color: rgba(156, 182, 216, 0.6); }
      .blog-aside-nav-recents a:hover {
        color: rgba(0, 0, 0, 0.6); }
    .blog-aside-nav-post-title {
      display: block;
      margin-top: -5px;
      line-height: 24px;
      line-height: 1.5rem; }
    .aside.blog .registration-form input[name='email'],
    .aside.blog .registration-form input[name='password'] {
      display: block;
      width: 100%; }
    .top-jump-button {
      width: 40px;
      height: 40px;
      position: fixed;
      bottom: 1.5rem;
      right: 24px;
      background-image: url("../img/ico-arrow-top-white.svg");
      background-position: center center;
      background-size: 1rem auto;
      background-repeat: no-repeat;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1000;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      opacity: 0;
      visibilty: hidden;
      -webkit-transition: opacity 500ms cubic-bezier(0.1, 0.52, 0.07, 1) 0s;
      -moz-transition: opacity 500ms cubic-bezier(0.1, 0.52, 0.07, 1) 0s;
      -ms-transition: opacity 500ms cubic-bezier(0.1, 0.52, 0.07, 1) 0s;
      -o-transition: opacity 500ms cubic-bezier(0.1, 0.52, 0.07, 1) 0s;
      transition: opacity 500ms cubic-bezier(0.1, 0.52, 0.07, 1) 0s; }
      @media (min-width: 770px) {
        .top-jump-button {
          display: block; } }
    .top-jump-button.active {
      opacity: .5;
      visibilty: visible; }
      .top-jump-button.active:hover {
        opacity: .9; }
      .top-jump-button.active:active {
        opacity: .4; }
    .banner.more-info {
      width: 100%;
      background-color: #f2f2f2;
      color: rgba(0, 0, 0, 0.9);
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      padding-left: 16px;
      padding-right: 16px;
      padding-top: 1rem;
      padding-bottom: 1rem; }
      .banner.more-info:after {
        content: "";
        display: table;
        clear: both; }
      .banner.more-info .banner-title {
        font-family: "Helvetica W01 Blk Cn", HelveticaNeue-Bold, Helvetica Neue Bold, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
        margin-top: 0;
        margin-bottom: 0;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.9); }
      .banner.more-info .banner-text {
        line-height: 24px;
        line-height: 1.5rem;
        margin: 0;
        padding: 0;
        border: 0;
        margin-bottom: 0.5rem; }
        @media (min-width: 770px) {
          .banner.more-info .banner-text {
            line-height: 32px;
            line-height: 2rem; } }
      .banner.more-info .banner-address {
        margin: 0;
        padding: 0;
        border: 0;
        line-height: 16px;
        line-height: 1rem;
        display: inline-block;
        vertical-align: middle; }
        .banner.more-info .banner-address div, .banner.more-info .banner-address span, .banner.more-info .banner-address applet, .banner.more-info .banner-address object, .banner.more-info .banner-address iframe,
        .banner.more-info .banner-address h1, .banner.more-info .banner-address h2, .banner.more-info .banner-address h3, .banner.more-info .banner-address h4, .banner.more-info .banner-address h5, .banner.more-info .banner-address h6, .banner.more-info .banner-address p, .banner.more-info .banner-address blockquote, .banner.more-info .banner-address pre,
        .banner.more-info .banner-address a, .banner.more-info .banner-address abbr, .banner.more-info .banner-address acronym, .banner.more-info .banner-address address, .banner.more-info .banner-address big, .banner.more-info .banner-address cite, .banner.more-info .banner-address code,
        .banner.more-info .banner-address del, .banner.more-info .banner-address dfn, .banner.more-info .banner-address em, .banner.more-info .banner-address img, .banner.more-info .banner-address ins, .banner.more-info .banner-address kbd, .banner.more-info .banner-address q, .banner.more-info .banner-address s, .banner.more-info .banner-address samp,
        .banner.more-info .banner-address small, .banner.more-info .banner-address strike, .banner.more-info .banner-address strong, .banner.more-info .banner-address sub, .banner.more-info .banner-address sup, .banner.more-info .banner-address tt, .banner.more-info .banner-address var,
        .banner.more-info .banner-address b, .banner.more-info .banner-address u, .banner.more-info .banner-address i, .banner.more-info .banner-address center,
        .banner.more-info .banner-address dl, .banner.more-info .banner-address dt, .banner.more-info .banner-address dd, .banner.more-info .banner-address ol, .banner.more-info .banner-address ul, .banner.more-info .banner-address li,
        .banner.more-info .banner-address fieldset, .banner.more-info .banner-address form, .banner.more-info .banner-address label, .banner.more-info .banner-address legend,
        .banner.more-info .banner-address table, .banner.more-info .banner-address caption, .banner.more-info .banner-address tbody, .banner.more-info .banner-address tfoot, .banner.more-info .banner-address thead, .banner.more-info .banner-address tr, .banner.more-info .banner-address th, .banner.more-info .banner-address td,
        .banner.more-info .banner-address article, .banner.more-info .banner-address aside, .banner.more-info .banner-address canvas, .banner.more-info .banner-address details, .banner.more-info .banner-address embed,
        .banner.more-info .banner-address figure, .banner.more-info .banner-address figcaption, .banner.more-info .banner-address footer, .banner.more-info .banner-address header, .banner.more-info .banner-address hgroup,
        .banner.more-info .banner-address menu, .banner.more-info .banner-address nav, .banner.more-info .banner-address output, .banner.more-info .banner-address ruby, .banner.more-info .banner-address section, .banner.more-info .banner-address summary,
        .banner.more-info .banner-address time, .banner.more-info .banner-address mark, .banner.more-info .banner-address audio, .banner.more-info .banner-address video {
          margin: 0;
          padding: 0;
          border: 0;
          font: inherit;
          font-size: 100%;
          vertical-align: baseline; }
        .banner.more-info .banner-address table {
          border-collapse: collapse;
          border-spacing: 0; }
        .banner.more-info .banner-address caption, .banner.more-info .banner-address th, .banner.more-info .banner-address td {
          text-align: left;
          font-weight: normal;
          vertical-align: middle; }
        .banner.more-info .banner-address q, .banner.more-info .banner-address blockquote {
          quotes: none; }
          .banner.more-info .banner-address q:before, .banner.more-info .banner-address q:after, .banner.more-info .banner-address blockquote:before, .banner.more-info .banner-address blockquote:after {
            content: "";
            content: none; }
        .banner.more-info .banner-address a img {
          border: none; }
      .banner.more-info a:not(.btn) {
        color: inherit;
        text-decoration: none;
        font-family: "Helvetica W01 Roman", HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
        margin-left: 16px; }
        .banner.more-info a:not(.btn):active, .banner.more-info a:not(.btn):focus {
          outline: none; }
        .banner.more-info a:not(.btn):hover {
          color: #8c8c8c;
          background-color: transparent; }
      .banner.more-info .btn.action, .banner.more-info button.add.action,
      .banner.more-info button.subtract.action,
      .banner.more-info button.remove.action,
      .banner.more-info button.close.action,
      .banner.more-info .a-button.download.action {
        margin-bottom: 0.5rem; }
        @media (min-width: 600px) {
          .banner.more-info .btn.action, .banner.more-info button.add.action,
          .banner.more-info button.subtract.action,
          .banner.more-info button.remove.action,
          .banner.more-info button.close.action,
          .banner.more-info .a-button.download.action {
            margin-bottom: 0;
            display: inline-block; } }
    /* Preload images */
    body:after {
      content: url(../img/lightbox/close.png) url(../img/lightbox/loading.gif) url(../img/lightbox/prev.png) url(../img/lightbox/next.png);
      display: none; }
    .lightboxOverlay {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9999;
      background-color: black;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      opacity: 0.8;
      display: none; }
    .lightbox {
      position: absolute;
      left: 0;
      width: 100%;
      z-index: 10000;
      text-align: center;
      line-height: 0;
      font-weight: normal; }
    .lightbox .lb-image {
      display: block;
      height: auto;
      max-width: inherit;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }
    .lightbox a img {
      border: none; }
    .lb-outerContainer {
      position: relative;
      background-color: white;
      *zoom: 1;
      width: 250px;
      height: 250px;
      margin: 0 auto;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px; }
    .lb-outerContainer:after {
      content: "";
      display: table;
      clear: both; }
    .lb-container {
      padding: 4px; }
    .lb-loader {
      position: absolute;
      top: 43%;
      left: 0;
      height: 25%;
      width: 100%;
      text-align: center;
      line-height: 0; }
    .lb-cancel {
      display: block;
      width: 32px;
      height: 32px;
      margin: 0 auto;
      background: url(../img/lightbox/loading.gif) no-repeat; }
    .lb-nav {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: 10; }
    .lb-container > .nav {
      left: 0; }
    .lb-nav a {
      outline: none;
      background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }
    .lb-prev, .lb-next {
      height: 100%;
      cursor: pointer;
      display: block; }
    .lb-nav a.lb-prev {
      width: 34%;
      left: 0;
      float: left;
      background: url(../img/lightbox/prev.png) left 48% no-repeat;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -webkit-transition: opacity 0.6s;
      -moz-transition: opacity 0.6s;
      -o-transition: opacity 0.6s;
      transition: opacity 0.6s; }
    .lb-nav a.lb-prev:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }
    .lb-nav a.lb-next {
      width: 64%;
      right: 0;
      float: right;
      background: url(../img/lightbox/next.png) right 48% no-repeat;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -webkit-transition: opacity 0.6s;
      -moz-transition: opacity 0.6s;
      -o-transition: opacity 0.6s;
      transition: opacity 0.6s; }
    .lb-nav a.lb-next:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }
    .lb-dataContainer {
      margin: 0 auto;
      padding-top: 5px;
      *zoom: 1;
      width: 100%;
      -moz-border-radius-bottomleft: 4px;
      -webkit-border-bottom-left-radius: 4px;
      border-bottom-left-radius: 4px;
      -moz-border-radius-bottomright: 4px;
      -webkit-border-bottom-right-radius: 4px;
      border-bottom-right-radius: 4px; }
    .lb-dataContainer:after {
      content: "";
      display: table;
      clear: both; }
    .lb-data {
      padding: 0 4px;
      color: #ccc; }
    .lb-data .lb-details {
      width: 85%;
      float: left;
      text-align: left;
      line-height: 1.1em; }
    .lb-data .lb-caption {
      font-size: 13px;
      font-weight: bold;
      line-height: 1em; }
    .lb-data .lb-number {
      display: block;
      clear: left;
      padding-bottom: 1em;
      font-size: 12px;
      color: #999999; }
    .lb-data .lb-close {
      display: block;
      float: right;
      width: 30px;
      height: 30px;
      background: url(../img/lightbox/close.png) top right no-repeat;
      text-align: right;
      outline: none;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
      opacity: 0.7;
      -webkit-transition: opacity 0.2s;
      -moz-transition: opacity 0.2s;
      -o-transition: opacity 0.2s;
      transition: opacity 0.2s; }
    .lb-data .lb-close:hover {
      cursor: pointer;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }
    /*
    Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com>
    use with highlight.js
    */
    .hljs {
      display: block;
      overflow-x: auto;
      padding: 0.5em;
      background: #ebedeb;
      color: #657b83;
      -webkit-text-size-adjust: none; }
    .hljs-comment,
    .hljs-template_comment,
    .diff .hljs-header,
    .hljs-doctype,
    .hljs-pi,
    .lisp .hljs-string,
    .hljs-javadoc {
      color: #93a1a1; }
    /* Solarized Green */
    .hljs-keyword,
    .hljs-winutils,
    .method,
    .hljs-addition,
    .css .hljs-tag,
    .hljs-request,
    .hljs-status,
    .nginx .hljs-title {
      color: #859900; }
    /* Solarized Cyan */
    .hljs-number,
    .hljs-command,
    .hljs-string,
    .hljs-tag .hljs-value,
    .hljs-rules .hljs-value,
    .hljs-phpdoc,
    .hljs-dartdoc,
    .tex .hljs-formula,
    .hljs-regexp,
    .hljs-hexcolor,
    .hljs-link_url {
      color: #2aa198; }
    /* Solarized Blue */
    .hljs-title,
    .hljs-localvars,
    .hljs-chunk,
    .hljs-decorator,
    .hljs-built_in,
    .hljs-identifier,
    .vhdl .hljs-literal,
    .hljs-id,
    .css .hljs-function {
      color: #268bd2; }
    /* Solarized Yellow */
    .hljs-attribute,
    .hljs-variable,
    .lisp .hljs-body,
    .smalltalk .hljs-number,
    .hljs-constant,
    .hljs-class .hljs-title,
    .hljs-parent,
    .hljs-type,
    .hljs-link_reference {
      color: #b58900; }
    /* Solarized Orange */
    .hljs-preprocessor,
    .hljs-preprocessor .hljs-keyword,
    .hljs-pragma,
    .hljs-shebang,
    .hljs-symbol,
    .hljs-symbol .hljs-string,
    .diff .hljs-change,
    .hljs-special,
    .hljs-attr_selector,
    .hljs-subst,
    .hljs-cdata,
    .clojure .hljs-title,
    .css .hljs-pseudo,
    .hljs-header {
      color: #cb4b16; }
    /* Solarized Red */
    .hljs-deletion,
    .hljs-important {
      color: #dc322f; }
    /* Solarized Violet */
    .hljs-link_label {
      color: #6c71c4; }
    .tex .hljs-formula {
      background: #eee8d5; }
    .modal-open .modal .dropdown-menu {
      z-index: 2050; }
    .modal-open .modal .dropdown.open {
      *z-index: 2050; }
    .modal-open .modal .popover {
      z-index: 2060; }
    .modal-open .modal .tooltip {
      z-index: 2080; }
    .modal-backdrop {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1040;
      background-color: #000000; }
    .modal-backdrop.fade {
      opacity: 0; }
    .modal-backdrop,
    .modal-backdrop.fade.in {
      opacity: 0.8;
      filter: alpha(opacity=80); }
    .modal {
      position: fixed;
      top: 50%;
      left: 50%;
      z-index: 1050;
      overflow: auto;
      width: 560px;
      margin: -250px 0 0 -280px;
      background-color: #ffffff;
      border: 1px solid #999;
      border: 1px solid rgba(0, 0, 0, 0.3);
      *border: 1px solid #999;
      /* IE6-7 */
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
      box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box; }
    .modal.fade {
      -webkit-transition: opacity .3s linear, top .3s ease-out;
      -moz-transition: opacity .3s linear, top .3s ease-out;
      -o-transition: opacity .3s linear, top .3s ease-out;
      transition: opacity .3s linear, top .3s ease-out;
      top: -25%; }
    .modal.fade.in {
      top: 50%; }
    .modal-header {
      padding: 9px 15px;
      border-bottom: 1px solid #eee; }
    .modal-header .close {
      margin-top: 2px; }
    .modal-header h3 {
      margin: 0;
      line-height: 30px; }
    .modal-body {
      overflow-y: auto;
      max-height: 400px;
      padding: 15px; }
    .modal-form {
      margin-bottom: 0; }
    .modal-footer {
      padding: 14px 15px 15px;
      margin-bottom: 0;
      text-align: right;
      background-color: #f5f5f5;
      border-top: 1px solid #ddd;
      -webkit-border-radius: 0 0 6px 6px;
      -moz-border-radius: 0 0 6px 6px;
      border-radius: 0 0 6px 6px;
      -webkit-box-shadow: inset 0 1px 0 #ffffff;
      -moz-box-shadow: inset 0 1px 0 #ffffff;
      box-shadow: inset 0 1px 0 #ffffff;
      *zoom: 1; }
    .modal-footer:before,
    .modal-footer:after {
      display: table;
      content: "";
      line-height: 0; }
    .modal-footer:after {
      clear: both; }
    .modal-footer .btn + .btn {
      margin-left: 5px;
      margin-bottom: 0; }
    .modal-footer .btn-group .btn + .btn {
      margin-left: -1px; }
    @font-face {
      font-family: 'FontAwesome';
      src: url("../fonts/fontawesome-webfont.eot?v=3.2.1");
      src: url("../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
      font-weight: normal;
      font-style: normal; }

Examples and source code

fa-lemon-o hidden-print t1

Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" fa-lemon-o hidden-print t1"></i> fa-lemon-o hidden-print t1
Icon classes are echoed via CSS :before.

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" fa-lemon-o hidden-print t1 icon-large"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-2x"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-3x"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-4x"></i> fa-lemon-o hidden-print t1</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  fa-lemon-o hidden-print t1"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  fa-lemon-o hidden-print t1 icon-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" fa-lemon-o hidden-print t1 icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  icon-rotate-90
  icon-rotate-180
  icon-rotate-270
  icon-flip-horizontal
  icon-flip-vertical

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" fa-lemon-o hidden-print t1"></i>  normal<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" fa-lemon-o hidden-print t1 icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" fa-lemon-o hidden-print t1 icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" fa-lemon-o hidden-print t1 icon-2x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-3x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-lemon-o hidden-print t1 on icon-check-empty
fa-lemon-o hidden-print t1 on icon-circle
fa-lemon-o hidden-print t1l on icon-sign-blank
icon-ban-circle on fa-lemon-o hidden-print t1

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 "></i>
</span>
fa-lemon-o hidden-print t1 on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 icon-light"></i>
</span>
fa-lemon-o hidden-print t1 on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 icon-light "></i>
</span>
fa-lemon-o hidden-print t1 on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" fa-lemon-o hidden-print t1 icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on fa-lemon-o hidden-print t1