@charset "UTF-8";
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,700|Open+Sans:400,600,700);
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700';
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * Change font properties to `inherit` in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  font: inherit; }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 * 2. Show the overflow in Edge, Firefox, and IE.
 */
button,
input,
select {
  /* 2 */
  overflow: visible; }

/**
 * Remove the margin in Safari.
 * 1. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  /* 1 */
  margin: 0; }

/**
 * Remove the inheritence of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritence of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Change the cursor in all browsers (opinionated).
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer; }

/**
 * Restore the default cursor to disabled elements unset by the previous rule.
 */
[disabled] {
  cursor: default; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * Correct the odd appearance of search inputs in Chrome and Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; }

/**
 * Remove the inner padding and cancel buttons in Chrome on OS X and
 * Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/* Breakpoints
=====================*/
/* Colors
=====================*/
/* Icons
==================*/
/* Dimensions
==================*/
/* Fonts
==================*/
/* Misc
==================*/
nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a:focus, nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a:target, nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a.active, nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a.navItem-active {
  color: #00aeff;
  -webkit-box-shadow: inset -2px 0 0 0 #00aeff;
          box-shadow: inset -2px 0 0 0 #00aeff;
  font-weight: bold; }
  @supports (-webkit-background-clip: text) and (-webkit-text-fill-color: transparent) {
    nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a:focus, nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a:target, nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a.active, nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a.navItem-active {
      background: -webkit-linear-gradient(120deg, #00aeff, #00aeff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; } }
  @media (max-width: 960px) {
    nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a:focus, nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a:target, nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a.active, nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a.navItem-active {
      font-weight: bold;
      -webkit-box-shadow: none;
              box-shadow: none;
      color: #fff; } }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    * h1, * h2, * h3, * h4, * h5, * h6, * span, * div, * p, * pre, * code, * a, * strong, * em, * i {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; } }
  @media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi) {
    * h1, * h2, * h3, * h4, * h5, * h6, * span, * div, * p, * pre, * code, * a, * strong, * em, * i {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; } }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    * h1, * h2, * h3, * h4, * h5, * h6, * span, * div, * p, * pre, * code, * a, * strong, * em, * i {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; } }

:root {
  font-size: 14px;
  font-family: "Open Sans", Helvetica Neue, helvetica; }

hr {
  margin: 0; }

figure {
  padding: 0;
  margin: 0; }
  figure figcaption {
    text-indent: -9999px;
    color: transparent; }

[class*="bloc-"] {
  float: left; }

.bloc-1 {
  width: 10%; }

.bloc-2 {
  width: 20%; }

.bloc-3 {
  width: 30%; }

.bloc-4 {
  width: 40%; }

.bloc-5 {
  width: 50%; }

.bloc-6 {
  width: 60%; }

.bloc-7 {
  width: 70%; }

.bloc-8 {
  width: 80%; }

.bloc-9 {
  width: 90%; }

.bloc-10 {
  width: 100%; }

.relative {
  position: relative;
  overflow: hidden; }

.center-text {
  text-align: center; }

.fl-left {
  float: left; }

.fl-right {
  float: right; }

hr {
  border: none;
  float: left;
  clear: both;
  width: 100%;
  height: 1px;
  background: #e5e5e5; }
  hr:before, hr:after {
    content: '';
    display: table;
    clear: both; }

.pipe {
  width: 2px;
  height: 20px;
  background: #00aeff;
  display: inline-block;
  float: left;
  margin: 20px 16px 0;
  line-height: 60px; }
  .pipe + span {
    font-weight: bold;
    width: 0;
    float: left; }
  body.index .pipe {
    display: none; }
    body.index .pipe + span {
      display: none !important; }

.no-desktop {
  display: none !important;
  visibility: hidden; }
  @media (max-width: 960px) {
    .no-desktop {
      display: none !important;
      visibility: hidden; } }
  @media (max-width: 768px) {
    .no-desktop {
      display: block !important;
      visibility: visible; } }
  @media (max-width: 768px) {
    .no-desktop.community-badge {
      display: inline !important;
      visibility: visible; } }
  @media screen and (orientation: landscape) {
    .no-desktop {
      display: none !important;
      visibility: hidden; } }

.no-mobile {
  display: block !important;
  visibility: visible; }
  .no-mobile.nav-icon {
    display: inline !important;
    visibility: visible; }
    @media (max-width: 960px) {
      .no-mobile.nav-icon {
        display: none !important;
        visibility: hidden; } }
  @media (max-width: 960px) {
    .no-mobile {
      display: none !important;
      visibility: hidden; } }

.display-on-small {
  display: none !important;
  visibility: hidden; }
  @media (max-width: 960px) {
    .display-on-small {
      display: inline-block !important;
      visibility: visible; } }

.project-logo > #pin {
  -webkit-animation: bounce 3s ease infinite;
          animation: bounce 3s ease infinite; }

ellipse {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -moz-transform-origin: 50% 40%;
  -webkit-animation: bounceShadow 3s ease infinite;
          animation: bounceShadow 3s ease infinite;
  -moz-animation: mozBounceShadow 3s ease infinite; }

#plan-holder {
  -moz-transform: translateY(10px); }

#plan {
  -moz-transform: scale(1.1); }

@-webkit-keyframes bounce {
  0%, 20%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  10%, 40%, 50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px); }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px); } }

@keyframes bounce {
  0%, 20%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  10%, 40%, 50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px); }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px); } }

@-webkit-keyframes bounceShadow {
  0%, 20%, 80%, 100% {
    -webkit-transform: scale(1) translateY(12px);
            transform: scale(1) translateY(12px); }
  10%, 40%, 50% {
    -webkit-transform: scale(0.75) translateY(12px) ;
            transform: scale(0.75) translateY(12px) ;
    opacity: 0.6; }
  60% {
    -webkit-transform: scale(0.75) translateY(12px) ;
            transform: scale(0.75) translateY(12px) ;
    opacity: 0.6; } }

@keyframes bounceShadow {
  0%, 20%, 80%, 100% {
    -webkit-transform: scale(1) translateY(12px);
            transform: scale(1) translateY(12px); }
  10%, 40%, 50% {
    -webkit-transform: scale(0.75) translateY(12px) ;
            transform: scale(0.75) translateY(12px) ;
    opacity: 0.6; }
  60% {
    -webkit-transform: scale(0.75) translateY(12px) ;
            transform: scale(0.75) translateY(12px) ;
    opacity: 0.6; } }

@-webkit-keyframes mozBounceShadow {
  0%, 20%, 80%, 100% {
    -webkit-transform: scale(1) translateY(16px);
            transform: scale(1) translateY(16px); }
  10%, 40%, 50% {
    -webkit-transform: scale(0.75) translateY(16px) translateX(-8px) ;
            transform: scale(0.75) translateY(16px) translateX(-8px) ;
    opacity: 0.6; }
  60% {
    -webkit-transform: scale(0.75) translateY(16px) translateX(-8px) ;
            transform: scale(0.75) translateY(16px) translateX(-8px) ;
    opacity: 0.6; } }

@keyframes mozBounceShadow {
  0%, 20%, 80%, 100% {
    -webkit-transform: scale(1) translateY(16px);
            transform: scale(1) translateY(16px); }
  10%, 40%, 50% {
    -webkit-transform: scale(0.75) translateY(16px) translateX(-8px) ;
            transform: scale(0.75) translateY(16px) translateX(-8px) ;
    opacity: 0.6; }
  60% {
    -webkit-transform: scale(0.75) translateY(16px) translateX(-8px) ;
            transform: scale(0.75) translateY(16px) translateX(-8px) ;
    opacity: 0.6; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(251, 54, 110, 0.4);
            box-shadow: 0 0 0 0 rgba(251, 54, 110, 0.4); }
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(251, 54, 110, 0);
            box-shadow: 0 0 0 30px rgba(251, 54, 110, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(251, 54, 110, 0);
            box-shadow: 0 0 0 0 rgba(251, 54, 110, 0); } }

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(251, 54, 110, 0.4);
            box-shadow: 0 0 0 0 rgba(251, 54, 110, 0.4); }
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(251, 54, 110, 0);
            box-shadow: 0 0 0 30px rgba(251, 54, 110, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(251, 54, 110, 0);
            box-shadow: 0 0 0 0 rgba(251, 54, 110, 0); } }

@-webkit-keyframes pulseHeart {
  0% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes pulseHeart {
  0% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.icon-love-dark {
  display: block;
  position: relative; }
  .icon-love-dark:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 45%;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    right: 0;
    z-index: -1;
    border-radius: 100%; }

.inner-bloc:hover .icon-love-dark {
  -webkit-animation: pulseHeart 1s ease infinite;
          animation: pulseHeart 1s ease infinite; }
  .inner-bloc:hover .icon-love-dark:before {
    -webkit-animation: pulse 1s ease infinite !important;
            animation: pulse 1s ease infinite !important; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.searchbox {
  display: inline-block;
  position: relative;
  width: 200px;
  height: 33px !important;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  visibility: visible !important; }

.searchbox .algolia-autocomplete {
  display: block;
  width: 100%;
  height: 100%; }

.searchbox__wrapper {
  width: 100%;
  height: 100%;
  z-index: 999;
  position: relative; }

.searchbox__input {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background .4s ease, -webkit-box-shadow .4s ease;
  transition: background .4s ease, -webkit-box-shadow .4s ease;
  transition: box-shadow .4s ease, background .4s ease;
  transition: box-shadow .4s ease, background .4s ease, -webkit-box-shadow .4s ease;
  border: 0;
  border-radius: 17px;
  -webkit-box-shadow: inset 0 0 0 1px #CCCCCC;
          box-shadow: inset 0 0 0 1px #CCCCCC;
  background: #FFFFFF !important;
  padding: 0;
  padding-right: 27px;
  padding-left: 33px;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  white-space: normal;
  font-size: 12px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.searchbox__input::-webkit-search-decoration, .searchbox__input::-webkit-search-cancel-button, .searchbox__input::-webkit-search-results-button, .searchbox__input::-webkit-search-results-decoration {
  display: none; }

.searchbox__input:hover {
  -webkit-box-shadow: inset 0 0 0 1px #b3b3b3;
          box-shadow: inset 0 0 0 1px #b3b3b3; }

.searchbox__input:focus, .searchbox__input:active {
  outline: 0;
  -webkit-box-shadow: inset 0 0 0 1px #AAAAAA;
          box-shadow: inset 0 0 0 1px #AAAAAA;
  background: #FFFFFF; }

.searchbox__input::-webkit-input-placeholder {
  color: #AAAAAA; }

.searchbox__input:-ms-input-placeholder {
  color: #AAAAAA; }

.searchbox__input::placeholder {
  color: #AAAAAA; }

.searchbox__submit {
  position: absolute;
  top: 0;
  margin: 0;
  border: 0;
  border-radius: 16px 0 0 16px;
  background-color: rgba(69, 142, 225, 0);
  padding: 0;
  width: 33px;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  right: inherit;
  left: 0; }

.searchbox__submit::before {
  display: inline-block;
  margin-right: -4px;
  height: 100%;
  vertical-align: middle;
  content: ''; }

.searchbox__submit:hover, .searchbox__submit:active {
  cursor: pointer; }

.searchbox__submit:focus {
  outline: 0; }

.searchbox__submit svg {
  width: 15px;
  height: 15px;
  vertical-align: middle;
  fill: #6D7E96; }

.searchbox__reset {
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  margin: 0;
  border: 0;
  background: none;
  cursor: pointer;
  padding: 0;
  font-size: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  fill: rgba(0, 0, 0, 0.5); }

.searchbox__reset.hide {
  display: none; }

.searchbox__reset:focus {
  outline: 0; }

.searchbox__reset svg {
  display: block;
  margin: 4px;
  width: 9px;
  height: 9px; }

.searchbox__input:valid ~ .searchbox__reset {
  display: block;
  -webkit-animation-name: sbx-reset-in;
          animation-name: sbx-reset-in;
  -webkit-animation-duration: .15s;
          animation-duration: .15s; }

@-webkit-keyframes sbx-reset-in {
  0% {
    -webkit-transform: translate3d(-20%, 0, 0);
            transform: translate3d(-20%, 0, 0);
    opacity: 0; }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

@keyframes sbx-reset-in {
  0% {
    -webkit-transform: translate3d(-20%, 0, 0);
            transform: translate3d(-20%, 0, 0);
    opacity: 0; }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu {
  right: 0 !important;
  left: inherit !important; }

.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu:before {
  right: 48px; }

.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu {
  left: 0 !important;
  right: inherit !important; }

.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu:before {
  left: 48px; }

.algolia-autocomplete .ds-dropdown-menu {
  position: relative;
  top: -6px;
  border-radius: 3px;
  margin: 6px 0 0;
  padding: 0;
  text-align: left;
  height: auto;
  position: relative;
  background: transparent;
  border: none;
  z-index: 999;
  max-width: 800px;
  min-width: 600px;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.algolia-autocomplete .ds-dropdown-menu:before {
  display: block;
  position: absolute;
  content: '';
  width: 14px;
  height: 14px;
  background: #FFFFFF;
  z-index: 1000;
  top: -7px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-radius: 2px; }

.algolia-autocomplete .ds-dropdown-menu .ds-suggestions {
  position: relative;
  z-index: 1000;
  margin-top: 8px; }

.algolia-autocomplete .ds-dropdown-menu .ds-suggestion {
  cursor: pointer; }

.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion.suggestion-layout-simple {
  background-color: rgba(57, 177, 222, 0.05); }

.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content {
  background-color: rgba(57, 177, 222, 0.05); }

.algolia-autocomplete .ds-dropdown-menu [class^="ds-dataset-"] {
  position: relative;
  border: solid 1px #CCCCCC;
  background: #FFFFFF;
  border-radius: 3px;
  overflow: auto;
  padding: 0 8px 8px; }

.algolia-autocomplete .ds-dropdown-menu * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.algolia-autocomplete .algolia-docsearch-suggestion {
  position: relative;
  padding: 0 8px;
  background: #FFFFFF;
  color: #373E40;
  overflow: hidden; }

.algolia-autocomplete .algolia-docsearch-suggestion--highlight {
  color: #156380;
  background: rgba(136, 208, 235, 0.4);
  padding: 0.1em 0.05em; }

.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight,
.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight {
  color: inherit;
  background: inherit; }

.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {
  padding: 0 0 1px;
  background: inherit;
  -webkit-box-shadow: inset 0 -2px 0 0 rgba(57, 177, 222, 0.8);
          box-shadow: inset 0 -2px 0 0 rgba(57, 177, 222, 0.8);
  color: inherit; }

.algolia-autocomplete .algolia-docsearch-suggestion--content {
  display: block;
  float: right;
  width: 66%;
  position: relative;
  padding: 5.33333px 0 5.33333px 10.66667px;
  cursor: pointer; }

.algolia-autocomplete .algolia-docsearch-suggestion--content:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  height: 100%;
  width: 1px;
  background: #ddd;
  left: -1px; }

.algolia-autocomplete .algolia-docsearch-suggestion--category-header {
  position: relative;
  border-bottom: 1px solid #ddd;
  display: none;
  margin-top: 8px;
  padding: 4px 0;
  font-size: 1em;
  color: #43494B; }

.algolia-autocomplete .algolia-docsearch-suggestion--wrapper {
  width: 100%;
  float: left;
  padding: 8px 0 0 0; }

.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column {
  float: left;
  width: 34%;
  display: none;
  padding-left: 0;
  text-align: left;
  position: relative;
  padding: 5.33333px 10.66667px;
  padding-left: 0;
  color: #39B1DE;
  font-size: 0.9em;
  word-wrap: break-word; }

.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  height: 100%;
  width: 1px;
  background: #ddd;
  right: 0; }

.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column .algolia-docsearch-suggestion--highlight {
  background-color: inherit;
  color: inherit; }

.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline {
  display: none; }

.algolia-autocomplete .algolia-docsearch-suggestion--title {
  margin-bottom: 4px;
  color: #373E40;
  font-size: 0.9em;
  font-weight: bold; }

.algolia-autocomplete .algolia-docsearch-suggestion--text {
  display: block;
  line-height: 1.2em;
  font-size: 0.85em;
  color: #737373; }

.algolia-autocomplete .algolia-docsearch-suggestion--no-results {
  width: 100%;
  padding: 8px 0;
  text-align: center;
  font-size: 1.2em; }

.algolia-autocomplete .algolia-docsearch-suggestion--no-results::before {
  display: none; }

.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main .algolia-docsearch-suggestion--category-header {
  display: block; }

.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__secondary .algolia-docsearch-suggestion--subcategory-column {
  display: block; }

.algolia-autocomplete .suggestion-layout-simple.algolia-docsearch-suggestion {
  border-bottom: solid 1px #eee;
  padding: 8px;
  margin: 0; }

.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content {
  width: 100%;
  padding: 0; }

.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content::before {
  display: none; }

.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  border: none; }

.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl0 {
  opacity: .6;
  font-size: 0.85em; }

.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1 {
  opacity: .6;
  font-size: 0.85em; }

.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="10" height="10" viewBox="0 0 20 38" xmlns="http://www.w3.org/2000/svg"><path d="M1.49 4.31l14 16.126.002-2.624-14 16.074-1.314 1.51 3.017 2.626 1.313-1.508 14-16.075 1.142-1.313-1.14-1.313-14-16.125L3.2.18.18 2.8l1.31 1.51z" fill-rule="evenodd" fill="%231D3657" /></svg>');
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block; }

.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--wrapper {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0; }

.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--subcategory-column, .algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--duplicate-content, .algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--subcategory-inline {
  display: none !important; }

.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title {
  margin: 0;
  color: #39B1DE;
  font-size: 0.9em;
  font-weight: normal; }

.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title::before {
  content: "#";
  font-weight: bold;
  color: #39B1DE;
  display: inline-block; }

.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text {
  margin: 4px 0 0;
  display: block;
  line-height: 1.4em;
  padding: 5.33333px 8px;
  background: #f8f8f8;
  font-size: 0.85em;
  opacity: .8; }

.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {
  color: #4d4d4d;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none; }

.algolia-autocomplete .algolia-docsearch-footer {
  width: 130px;
  height: 18px;
  z-index: 2000;
  margin-top: 10.66667px;
  float: right;
  font-size: 0;
  line-height: 0; }

.algolia-autocomplete .algolia-docsearch-footer--logo {
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 130 18' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient x1='-36.868%' y1='134.936%' x2='129.432%' y2='-27.7%' id='a'><stop stop-color='%2300AEFF' offset='0%'/><stop stop-color='%233369E7' offset='100%'/></linearGradient></defs><g fill='none' fill-rule='evenodd'><path d='M59.399.022h13.299a2.372 2.372 0 0 1 2.377 2.364V15.62a2.372 2.372 0 0 1-2.377 2.364H59.399a2.372 2.372 0 0 1-2.377-2.364V2.381A2.368 2.368 0 0 1 59.399.022z' fill='url(%23a)'/><path d='M66.257 4.56c-2.815 0-5.1 2.272-5.1 5.078 0 2.806 2.284 5.072 5.1 5.072 2.815 0 5.1-2.272 5.1-5.078 0-2.806-2.279-5.072-5.1-5.072zm0 8.652c-1.983 0-3.593-1.602-3.593-3.574 0-1.972 1.61-3.574 3.593-3.574 1.983 0 3.593 1.602 3.593 3.574a3.582 3.582 0 0 1-3.593 3.574zm0-6.418v2.664c0 .076.082.131.153.093l2.377-1.226c.055-.027.071-.093.044-.147a2.96 2.96 0 0 0-2.465-1.487c-.055 0-.11.044-.11.104l.001-.001zm-3.33-1.956l-.312-.311a.783.783 0 0 0-1.106 0l-.372.37a.773.773 0 0 0 0 1.101l.307.305c.049.049.121.038.164-.011.181-.245.378-.479.597-.697.225-.223.455-.42.707-.599.055-.033.06-.109.016-.158h-.001zm5.001-.806v-.616a.781.781 0 0 0-.783-.779h-1.824a.78.78 0 0 0-.783.779v.632c0 .071.066.12.137.104a5.736 5.736 0 0 1 1.588-.223c.52 0 1.035.071 1.534.207a.106.106 0 0 0 .131-.104z' fill='%23FFF'/><path d='M102.162 13.762c0 1.455-.372 2.517-1.123 3.193-.75.676-1.895 1.013-3.44 1.013-.564 0-1.736-.109-2.673-.316l.345-1.689c.783.163 1.819.207 2.361.207.86 0 1.473-.174 1.84-.523.367-.349.548-.866.548-1.553v-.349a6.374 6.374 0 0 1-.838.316 4.151 4.151 0 0 1-1.194.158 4.515 4.515 0 0 1-1.616-.278 3.385 3.385 0 0 1-1.254-.817 3.744 3.744 0 0 1-.811-1.351c-.192-.539-.29-1.504-.29-2.212 0-.665.104-1.498.307-2.054a3.925 3.925 0 0 1 .904-1.433 4.124 4.124 0 0 1 1.441-.926 5.31 5.31 0 0 1 1.945-.365c.696 0 1.337.087 1.961.191a15.86 15.86 0 0 1 1.588.332v8.456h-.001zm-5.954-4.206c0 .893.197 1.885.592 2.299.394.414.904.621 1.528.621.34 0 .663-.049.964-.142a2.75 2.75 0 0 0 .734-.332v-5.29a8.531 8.531 0 0 0-1.413-.18c-.778-.022-1.369.294-1.786.801-.411.507-.619 1.395-.619 2.223zm16.12 0c0 .719-.104 1.264-.318 1.858a4.389 4.389 0 0 1-.904 1.52c-.389.42-.854.746-1.402.975-.548.229-1.391.36-1.813.36-.422-.005-1.26-.125-1.802-.36a4.088 4.088 0 0 1-1.397-.975 4.486 4.486 0 0 1-.909-1.52 5.037 5.037 0 0 1-.329-1.858c0-.719.099-1.411.318-1.999.219-.588.526-1.09.92-1.509.394-.42.865-.741 1.402-.97a4.547 4.547 0 0 1 1.786-.338 4.69 4.69 0 0 1 1.791.338c.548.229 1.019.55 1.402.97.389.42.69.921.909 1.509.23.588.345 1.28.345 1.999h.001zm-2.191.005c0-.921-.203-1.689-.597-2.223-.394-.539-.948-.806-1.654-.806-.707 0-1.26.267-1.654.806-.394.539-.586 1.302-.586 2.223 0 .932.197 1.558.592 2.098.394.545.948.812 1.654.812.707 0 1.26-.272 1.654-.812.394-.545.592-1.166.592-2.098h-.001zm6.962 4.707c-3.511.016-3.511-2.822-3.511-3.274L113.583.926l2.142-.338v10.003c0 .256 0 1.88 1.375 1.885v1.792h-.001zm3.774 0h-2.153V5.072l2.153-.338v9.534zm-1.079-10.542c.718 0 1.304-.578 1.304-1.291 0-.714-.581-1.291-1.304-1.291-.723 0-1.304.578-1.304 1.291 0 .714.586 1.291 1.304 1.291zm6.431 1.013c.707 0 1.304.087 1.786.262.482.174.871.42 1.156.73.285.311.488.735.608 1.182.126.447.186.937.186 1.476v5.481a25.24 25.24 0 0 1-1.495.251c-.668.098-1.419.147-2.251.147a6.829 6.829 0 0 1-1.517-.158 3.213 3.213 0 0 1-1.178-.507 2.455 2.455 0 0 1-.761-.904c-.181-.37-.274-.893-.274-1.438 0-.523.104-.855.307-1.215.208-.36.487-.654.838-.883a3.609 3.609 0 0 1 1.227-.49 7.073 7.073 0 0 1 2.202-.103c.263.027.537.076.833.147v-.349c0-.245-.027-.479-.088-.697a1.486 1.486 0 0 0-.307-.583c-.148-.169-.34-.3-.581-.392a2.536 2.536 0 0 0-.915-.163c-.493 0-.942.06-1.353.131-.411.071-.75.153-1.008.245l-.257-1.749c.268-.093.668-.185 1.183-.278a9.335 9.335 0 0 1 1.66-.142l-.001-.001zm.181 7.731c.657 0 1.145-.038 1.484-.104v-2.168a5.097 5.097 0 0 0-1.978-.104c-.241.033-.46.098-.652.191a1.167 1.167 0 0 0-.466.392c-.121.169-.175.267-.175.523 0 .501.175.79.493.981.323.196.75.289 1.293.289h.001zM84.109 4.794c.707 0 1.304.087 1.786.262.482.174.871.42 1.156.73.29.316.487.735.608 1.182.126.447.186.937.186 1.476v5.481a25.24 25.24 0 0 1-1.495.251c-.668.098-1.419.147-2.251.147a6.829 6.829 0 0 1-1.517-.158 3.213 3.213 0 0 1-1.178-.507 2.455 2.455 0 0 1-.761-.904c-.181-.37-.274-.893-.274-1.438 0-.523.104-.855.307-1.215.208-.36.487-.654.838-.883a3.609 3.609 0 0 1 1.227-.49 7.073 7.073 0 0 1 2.202-.103c.257.027.537.076.833.147v-.349c0-.245-.027-.479-.088-.697a1.486 1.486 0 0 0-.307-.583c-.148-.169-.34-.3-.581-.392a2.536 2.536 0 0 0-.915-.163c-.493 0-.942.06-1.353.131-.411.071-.75.153-1.008.245l-.257-1.749c.268-.093.668-.185 1.183-.278a8.89 8.89 0 0 1 1.66-.142l-.001-.001zm.186 7.736c.657 0 1.145-.038 1.484-.104v-2.168a5.097 5.097 0 0 0-1.978-.104c-.241.033-.46.098-.652.191a1.167 1.167 0 0 0-.466.392c-.121.169-.175.267-.175.523 0 .501.175.79.493.981.318.191.75.289 1.293.289h.001zm8.682 1.738c-3.511.016-3.511-2.822-3.511-3.274L89.461.926l2.142-.338v10.003c0 .256 0 1.88 1.375 1.885v1.792h-.001z' fill='%23182359'/><path d='M5.027 11.025c0 .698-.252 1.246-.757 1.644-.505.397-1.201.596-2.089.596-.888 0-1.615-.138-2.181-.414v-1.214c.358.168.739.301 1.141.397.403.097.778.145 1.125.145.508 0 .884-.097 1.125-.29a.945.945 0 0 0 .363-.779.978.978 0 0 0-.333-.747c-.222-.204-.68-.446-1.375-.725-.716-.29-1.221-.621-1.515-.994-.294-.372-.44-.82-.44-1.343 0-.655.233-1.171.698-1.547.466-.376 1.09-.564 1.875-.564.752 0 1.5.165 2.245.494l-.408 1.047c-.698-.294-1.321-.44-1.869-.44-.415 0-.73.09-.945.271a.89.89 0 0 0-.322.717c0 .204.043.379.129.524.086.145.227.282.424.411.197.129.551.299 1.063.51.577.24.999.464 1.268.671.269.208.466.442.591.704.125.261.188.569.188.924l-.001.002zm3.98 2.24c-.924 0-1.646-.269-2.167-.808-.521-.539-.782-1.281-.782-2.226 0-.97.242-1.733.725-2.288.483-.555 1.148-.833 1.993-.833.784 0 1.404.238 1.858.714.455.476.682 1.132.682 1.966v.682H7.357c.018.577.174 1.02.467 1.329.294.31.707.465 1.241.465.351 0 .678-.033.98-.099a5.1 5.1 0 0 0 .975-.33v1.026a3.865 3.865 0 0 1-.935.312 5.723 5.723 0 0 1-1.08.091l.002-.001zm-.231-5.199c-.401 0-.722.127-.964.381s-.386.625-.432 1.112h2.696c-.007-.491-.125-.862-.354-1.115-.229-.252-.544-.379-.945-.379l-.001.001zm7.692 5.092l-.252-.827h-.043c-.286.362-.575.608-.865.739-.29.131-.662.196-1.117.196-.584 0-1.039-.158-1.367-.473-.328-.315-.491-.761-.491-1.337 0-.612.227-1.074.682-1.386.455-.312 1.148-.482 2.079-.51l1.026-.032v-.317c0-.38-.089-.663-.266-.851-.177-.188-.452-.282-.824-.282-.304 0-.596.045-.876.134a6.68 6.68 0 0 0-.806.317l-.408-.902a4.414 4.414 0 0 1 1.058-.384 4.856 4.856 0 0 1 1.085-.132c.756 0 1.326.165 1.711.494.385.329.577.847.577 1.552v4.002h-.902l-.001-.001zm-1.88-.859c.458 0 .826-.128 1.104-.384.278-.256.416-.615.416-1.077v-.516l-.763.032c-.594.021-1.027.121-1.297.298s-.406.448-.406.814c0 .265.079.47.236.615.158.145.394.218.709.218h.001zm7.557-5.189c.254 0 .464.018.628.054l-.124 1.176a2.383 2.383 0 0 0-.559-.064c-.505 0-.914.165-1.227.494-.313.329-.47.757-.47 1.284v3.105h-1.262V7.218h.988l.167 1.047h.064c.197-.354.454-.636.771-.843a1.83 1.83 0 0 1 1.023-.312h.001zm4.125 6.155c-.899 0-1.582-.262-2.049-.787-.467-.525-.701-1.277-.701-2.259 0-.999.244-1.767.733-2.304.489-.537 1.195-.806 2.119-.806.627 0 1.191.116 1.692.349l-.381 1.015c-.534-.208-.974-.312-1.321-.312-1.028 0-1.542.682-1.542 2.046 0 .666.128 1.166.384 1.501.256.335.631.502 1.125.502a3.23 3.23 0 0 0 1.595-.419v1.101a2.53 2.53 0 0 1-.722.285 4.356 4.356 0 0 1-.932.086v.002zm8.277-.107h-1.268V9.506c0-.458-.092-.8-.277-1.026-.184-.226-.477-.338-.878-.338-.53 0-.919.158-1.168.475-.249.317-.373.848-.373 1.593v2.949h-1.262V4.801h1.262v2.122c0 .34-.021.704-.064 1.09h.081a1.76 1.76 0 0 1 .717-.666c.306-.158.663-.236 1.072-.236 1.439 0 2.159.725 2.159 2.175v3.873l-.001-.001zm7.649-6.048c.741 0 1.319.269 1.732.806.414.537.62 1.291.62 2.261 0 .974-.209 1.732-.628 2.275-.419.542-1.001.814-1.746.814-.752 0-1.336-.27-1.751-.811h-.086l-.231.704h-.945V4.801h1.262v1.987l-.021.655-.032.553h.054c.401-.591.992-.886 1.772-.886zm-.328 1.031c-.508 0-.875.149-1.098.448-.224.299-.339.799-.346 1.501v.086c0 .723.115 1.247.344 1.571.229.324.603.486 1.123.486.448 0 .787-.177 1.018-.532.231-.354.346-.867.346-1.536 0-1.35-.462-2.025-1.386-2.025l-.001.001zm3.244-.924h1.375l1.209 3.368c.183.48.304.931.365 1.354h.043c.032-.197.091-.436.177-.717.086-.281.541-1.616 1.364-4.004h1.364l-2.541 6.73c-.462 1.235-1.232 1.853-2.31 1.853-.279 0-.551-.03-.816-.091v-.999c.19.043.406.064.65.064.609 0 1.037-.353 1.284-1.058l.22-.559-2.385-5.941h.001z' fill='%231D3657'/></g></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  overflow: hidden;
  text-indent: -9000px;
  padding: 0 !important;
  width: 100%;
  height: 100%;
  display: block; }

.cm-navigation .algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu {
  right: 0 !important;
  left: -436px !important;
  top: 40px !important;
  min-width: 420px !important;
  width: 420px !important;
  line-height: 1.2 !important; }

.code-sample {
  position: relative;
  margin: 15px 0 15px 0;
  background-color: #fff;
  white-space: normal; }
  .code-sample .code-wrap {
    padding: 15px 0 15px 15px;
    overflow-x: auto;
    overflow-scrolling: touch; }
  .code-sample code {
    cursor: text;
    color: #333;
    background-color: #fff;
    text-indent: 0;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    -webkit-font-smoothing: auto;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
    font-size: 14px;
    line-height: 23px;
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
            text-size-adjust: 100%;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    padding: 0;
    font-family: "Operator Mono", "Fira Code", "Ubuntu Mono", "Droid Sans Mono", "Liberation Mono", "Source Code Pro", Menlo, Consolas, Courier, monospace; }
    .code-sample code span {
      -webkit-font-smoothing: auto; }
    .code-sample code .cs-keyword {
      color: #a71d5d; }
    .code-sample code .cs-comment {
      color: #969896; }
    .code-sample code .cs-string {
      color: #183691; }
    .code-sample code .cs-property {
      color: #795da3; }
    .code-sample code .cs-number {
      color: #0086b3; }
    .code-sample code .cs-tag.cs-bracket {
      color: #a71d5d; }
    .code-sample code .cs-variable {
      color: #795da3; }
  .code-sample .clipboard {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 22px;
    text-align: center;
    padding: 0 1em;
    width: 13em;
    background-color: #ebebeb;
    z-index: 20;
    color: #999; }
    .code-sample .clipboard:hover {
      background-color: gainsboro; }
    .code-sample .clipboard.clipboard-done {
      color: #555; }
  .code-sample .heading {
    position: relative;
    padding: 3px 7px;
    color: #999;
    background-color: rgba(240, 240, 240, 0.8);
    z-index: 10; }

.ac-footer {
  min-height: 550px;
  float: left;
  width: 100%;
  min-height: 830px !important;
  position: relative;
  text-align: center;
  color: rgba(255, 255, 255, 0.75);
  background-color: #263748;
  background-image: url("../images/background_footer-d9bb54ad47c809788dbb028f72fc938b.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1420px;
  font-family: "Raleway", Helvetica Neue, helvetica !important;
  font-weight: 600;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10; }
  .ac-footer p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.75);
    font-family: "Raleway", Helvetica Neue, helvetica !important;
    line-height: inherit; }
  .ac-footer .ac-footer-brand {
    max-width: 740px;
    max-height: 400px;
    width: 70vw;
    height: 100%;
    position: absolute;
    top: 48%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .ac-footer .ac-footer-brand:hover .ac-icon-love-dark {
      background: url("../images/icon-heart-light-6961c70b145a45152a15ebd1454728bc.svg") no-repeat center center/contain; }
    .ac-footer .ac-footer-brand .ac-footer-brand-icon {
      width: 110px;
      margin-top: 20px; }
    .ac-footer .ac-footer-brand figure {
      margin: 20px 0 0; }
      .ac-footer .ac-footer-brand figure .ac-footer-brand-logo {
        margin: 0;
        width: inherit; }
      .ac-footer .ac-footer-brand figure figcaption {
        text-indent: -9999px;
        color: transparent; }
  .ac-footer .ac-footer-brand p,
  .ac-footer .ac-footer-version {
    color: #496F92;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0;
    font-weight: 600;
    float: none; }
  .ac-footer .ac-footer-links {
    width: 100%;
    padding: 1em 0;
    float: left;
    margin: 0; }
    @media (min-width: 960px) {
      .ac-footer .ac-footer-links br {
        display: none; } }
  .ac-footer .ac-footer-link-item {
    font-size: 12px;
    color: #39b1de;
    font-weight: 400;
    margin-left: 16px;
    text-decoration: none; }
    .ac-footer .ac-footer-link-item:not(:first-of-type):before {
      content: '•';
      position: relative;
      margin-right: 16px;
      color: rgba(255, 255, 255, 0.75);
      font-size: 1.2em; }
  .ac-footer .ac-footer-container {
    padding-top: 0;
    padding-bottom: 0; }
  .ac-footer .ac-footer-btn.ac-footer-btn-cta {
    max-width: 160px;
    margin: 32px auto; }
  .ac-footer .ac-footer-version {
    position: relative;
    width: 100%;
    top: 620px;
    margin-bottom: 2em; }
  .ac-footer .ac-footer-actions {
    width: 100%;
    background: #0a1724;
    position: absolute;
    bottom: 0;
    min-height: 60px; }
    .ac-footer .ac-footer-actions p {
      display: inline;
      line-height: 60px;
      padding: 0;
      margin: 0;
      font-size: 14px;
      color: #788795;
      text-transform: uppercase; }
    .ac-footer .ac-footer-actions a {
      display: inline-block;
      margin-left: 0; }
      .ac-footer .ac-footer-actions a:nth-child(2) {
        margin-left: 32px;
        margin-right: 16px; }
  .ac-footer .ac-footer-btn,
  .ac-footer [class*="ac-footer-btn-ghost"] {
    background: #0a1724;
    border: 1px solid #232e3a;
    color: #FFFFFF;
    height: 40px;
    margin: 32px auto;
    line-height: 40px;
    padding: 0 1em;
    display: block;
    text-decoration: none;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: background .1s ease;
    transition: background .1s ease;
    cursor: pointer; }
    .ac-footer .ac-footer-btn:hover, .ac-footer .ac-footer-btn:active,
    .ac-footer [class*="ac-footer-btn-ghost"]:hover,
    .ac-footer [class*="ac-footer-btn-ghost"]:active {
      background: #fb366e; }
  .ac-footer [class*="ac-footer-btn-ghost"] {
    background: transparent;
    border-color: currentColor;
    font-weight: bold;
    max-width: inherit;
    padding: 0 32px; }
  .ac-footer .ac-footer-btn-ghost-grey {
    color: #788795; }
    .ac-footer .ac-footer-btn-ghost-grey:hover {
      background: #788795;
      border-color: #788795;
      color: #FFFFFF; }
      .ac-footer .ac-footer-btn-ghost-grey:hover .ico-triangle {
        border-left-color: #FFFFFF; }
  .ac-footer .ac-footer-btn-ghost-blue {
    color: #00aeff; }
    .ac-footer .ac-footer-btn-ghost-blue:hover {
      background: #00aeff;
      border-color: #00aeff;
      color: #fff; }
  .ac-footer .ac-icon {
    position: absolute;
    left: 0;
    right: 0;
    width: 20px;
    height: 30px;
    margin: auto; }
  .ac-footer .ac-icon-love-dark {
    background: url("../images/icon-heart-dark-cab5aa79727a8ee2972c9f75e052132f.svg") no-repeat center center/contain; }

/*! On small devices */
@media (max-width: 960px) {
  .ac-footer {
    background-size: cover;
    background-position: 50% 70px; }
    .ac-footer .ac-footer-links {
      text-align: center; }
      .ac-footer .ac-footer-links .ac-footer-links:nth-child(2) {
        margin-bottom: 16px;
        display: block; }
      .ac-footer .ac-footer-links .ac-footer-links:nth-child(3):before {
        display: none; }
    .ac-footer hr {
      display: none; }
    .ac-footer .ac-footer-actions {
      width: calc(16px + 100%);
      left: -16px;
      padding-bottom: 16px;
      text-align: center; }
      .ac-footer .ac-footer-actions p {
        font-size: 12px;
        float: left;
        width: 100%;
        text-align: center; }
      .ac-footer .ac-footer-actions .ac-footer-btn,
      .ac-footer .ac-footer-actions a:nth-child(2) {
        width: calc(100% - 32px);
        max-width: calc(100% - 32px);
        margin: 0 auto;
        margin-bottom: 8px;
        float: none;
        position: relative;
        left: 8px; } }

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(251, 54, 110, 0.4);
            box-shadow: 0 0 0 0 rgba(251, 54, 110, 0.4); }
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(251, 54, 110, 0);
            box-shadow: 0 0 0 30px rgba(251, 54, 110, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(251, 54, 110, 0);
            box-shadow: 0 0 0 0 rgba(251, 54, 110, 0); } }

@keyframes pulseHeart {
  0% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.ac-icon-love-dark {
  display: block;
  position: relative; }
  .ac-icon-love-dark:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 45%;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    right: 0;
    z-index: -1;
    border-radius: 100%; }

.ac-footer-container:hover .ac-icon-love-dark {
  -webkit-animation: pulseHeart 1s ease infinite;
          animation: pulseHeart 1s ease infinite; }
  .ac-footer-container:hover .ac-icon-love-dark:before {
    -webkit-animation: pulse 1s ease infinite !important;
            animation: pulse 1s ease infinite !important; }

.ac-icon-triangle {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #788795;
  position: relative;
  display: inline-block;
  margin-left: 8px; }

.icon {
  text-indent: -99999px;
  color: transparent;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease; }
  .icon-love {
    background: url("data:image/svg+xml;utf8,<svg width='16' height='15' viewBox='0 0 16 15' xmlns='http://www.w3.org/2000/svg'><title>icon-heart</title><path d='M7.996 14.35c.155 0 .285-.053.392-.16l5.57-5.37c.058-.048.14-.125.244-.232.104-.107.27-.302.495-.585.227-.282.43-.572.607-.87.18-.297.338-.657.478-1.08.14-.42.21-.83.21-1.23 0-1.308-.378-2.33-1.134-3.07-.755-.736-1.8-1.105-3.132-1.105-.37 0-.745.064-1.13.192-.383.128-.74.3-1.07.517-.33.217-.614.42-.852.61-.238.192-.464.394-.678.608-.214-.214-.44-.416-.678-.607-.238-.19-.522-.394-.853-.61-.33-.218-.687-.39-1.07-.518-.384-.128-.76-.192-1.13-.192-1.332 0-2.376.37-3.13 1.106C.377 2.492 0 3.514 0 4.824c0 1.313.68 2.652 2.044 4.013l5.56 5.353c.106.107.237.16.392.16z' fill='%23FD336E' fill-rule='evenodd'/></svg>") no-repeat center center/contain; }
  .icon-love-dark {
    background: url("data:image/svg+xml;utf8,<svg width='16' height='15' viewBox='0 0 16 15' xmlns='http://www.w3.org/2000/svg'><title>icon-heart</title><path d='M7.996 14.35c.155 0 .285-.053.392-.16l5.57-5.37c.058-.048.14-.125.244-.232.104-.107.27-.302.495-.585.227-.282.43-.572.607-.87.18-.297.338-.657.478-1.08.14-.42.21-.83.21-1.23 0-1.308-.378-2.33-1.134-3.07-.755-.736-1.8-1.105-3.132-1.105-.37 0-.745.064-1.13.192-.383.128-.74.3-1.07.517-.33.217-.614.42-.852.61-.238.192-.464.394-.678.608-.214-.214-.44-.416-.678-.607-.238-.19-.522-.394-.853-.61-.33-.218-.687-.39-1.07-.518-.384-.128-.76-.192-1.13-.192-1.332 0-2.376.37-3.13 1.106C.377 2.492 0 3.514 0 4.824c0 1.313.68 2.652 2.044 4.013l5.56 5.353c.106.107.237.16.392.16z' fill='%2311233a' fill-rule='evenodd'/></svg>") no-repeat center center/contain; }
  .icon-algolia {
    background: url("data:image/svg+xml;utf8,<svg width='59' height='19' viewBox='0 0 59 19' xmlns='http://www.w3.org/2000/svg'><title>logo-algolia-small</title><g fill='none' fill-rule='evenodd'><path d='M35.454 7.42l-.776 2.796 2.5-1.392c-.364-.677-.983-1.188-1.724-1.403zm-6.13 2.855c0 2.995 2.386 5.423 5.333 5.423 2.945 0 5.333-2.427 5.333-5.42 0-2.996-2.388-5.424-5.333-5.424-2.947 0-5.334 2.428-5.334 5.423v-.002zm5.333-3.873c2.1 0 3.81 1.737 3.81 3.87 0 2.136-1.712 3.874-3.813 3.874-2.098 0-3.808-1.738-3.808-3.87 0-2.137 1.71-3.874 3.812-3.874zm1.84-2.223c0-.023.005-.042.005-.065v-.488c0-.54-.428-.978-.956-.978H33.87c-.53 0-.957.436-.957.977v.48c.533-.154 1.095-.237 1.675-.237.666 0 1.306.107 1.908.308zm-5.85.956c-.373-.382-.978-.382-1.353 0l-.17.172c-.373.38-.373 1 0 1.383l.18.184c.385-.627.875-1.182 1.44-1.637l-.096-.1z' fill='%2300B7E5'/><path d='M10.415 15.152c-.22-.565-.425-1.12-.616-1.667-.194-.544-.393-1.1-.598-1.667H3.158l-1.213 3.334H0c.513-1.38.995-2.658 1.444-3.83.45-1.175.888-2.288 1.318-3.343.433-1.053.862-2.058 1.284-3.017.425-.96.866-1.91 1.33-2.853h1.712c.46.942.905 1.89 1.328 2.853.425.96.85 1.966 1.28 3.02.43 1.056.87 2.17 1.32 3.343.448 1.175.93 2.45 1.444 3.83h-2.042l-.003-.004zm-1.75-4.838c-.414-1.092-.82-2.15-1.224-3.17-.404-1.024-.825-2.006-1.262-2.948-.448.946-.873 1.928-1.28 2.95-.402 1.023-.805 2.08-1.202 3.172h4.968v-.004zm8.885 5.49c-1.097-.026-1.876-.26-2.336-.706-.46-.445-.688-1.14-.688-2.08V1.11L16.31.802v11.93c0 .292.022.534.073.725.052.19.135.343.248.46.12.112.272.2.464.255.19.054.427.102.708.142l-.248 1.49h-.004zm8.214-1.43c-.153.102-.448.23-.885.39S23.93 15 23.346 15c-.595 0-1.156-.093-1.682-.283-.526-.19-.987-.485-1.38-.886-.393-.398-.703-.896-.933-1.49-.227-.595-.342-1.305-.342-2.13 0-.72.108-1.385.324-1.988.216-.603.53-1.123.942-1.56.413-.438.916-.78 1.513-1.027.595-.248 1.266-.372 2.014-.372.826 0 1.546.06 2.16.18.613.12 1.132.232 1.55.332v8.83c0 1.52-.393 2.626-1.18 3.31-.786.685-1.978 1.027-3.575 1.027-.623 0-1.21-.05-1.76-.153-.554-.102-1.032-.22-1.437-.36l.32-1.54c.353.136.79.26 1.303.368.513.11 1.05.163 1.607.163 1.05 0 1.81-.207 2.27-.625.465-.42.698-1.086.698-2v-.417l.004-.003zm-.73-7.487c-.3-.043-.704-.067-1.21-.067-.95 0-1.684.312-2.197.934-.514.62-.77 1.445-.77 2.47 0 .573.07 1.06.218 1.467.146.407.342.743.59 1.01.248.266.53.463.855.59.324.127.658.19 1 .19.468 0 .9-.067 1.293-.202.393-.132.703-.287.932-.464V7.03c-.177-.05-.415-.098-.714-.143h.003zm19.295 8.917c-1.1-.026-1.88-.26-2.34-.706-.46-.445-.69-1.14-.69-2.08V1.11l1.782-.308v11.93c0 .292.026.534.078.725.05.19.133.343.247.457.116.12.27.2.46.26.193.06.43.107.71.142l-.247 1.49v-.002zM47.855 3.074c-.364 0-.673-.107-.928-.322-.26-.215-.387-.504-.387-.868s.128-.654.384-.868c.252-.214.563-.32.926-.32.366 0 .673.106.93.32.255.213.384.504.384.868s-.13.653-.383.868c-.252.213-.565.322-.926.322zm-1.003 1.832h2.03v10.138h-2.03V4.906zm8.263-.298c.725 0 1.337.1 1.835.295.5.198.9.476 1.204.836.307.356.523.784.65 1.28.13.496.196 1.042.196 1.64v6.627l-.65.11c-.28.05-.593.096-.943.134-.35.042-.728.08-1.136.113-.408.036-.814.05-1.215.05-.568 0-1.092-.058-1.572-.18s-.893-.316-1.242-.58c-.35-.266-.62-.614-.816-1.052-.193-.432-.29-.956-.29-1.567 0-.586.112-1.088.34-1.51.225-.42.532-.76.922-1.02.39-.253.842-.443 1.36-.567.517-.12 1.062-.183 1.63-.183.183 0 .37.012.565.03.194.02.378.048.555.084l.456.09c.13.028.22.048.272.062v-.533c0-.312-.032-.62-.096-.927-.065-.308-.182-.58-.35-.816-.168-.236-.4-.427-.69-.57-.295-.142-.673-.214-1.14-.214-.596 0-1.116.044-1.563.133-.446.088-.78.18-1 .274L52.18 5.08c.232-.113.62-.218 1.164-.32.543-.102 1.133-.154 1.767-.154l.005.002zm.156 9.5c.428 0 .807-.013 1.138-.032.33-.017.605-.054.826-.108v-3.164c-.13-.068-.343-.125-.633-.172-.29-.048-.643-.072-1.057-.072-.272 0-.56.02-.864.06-.306.042-.584.127-.837.256-.252.13-.463.305-.63.53-.17.224-.253.52-.253.886 0 .68.21 1.152.625 1.417.413.265.98.397 1.69.397h-.004z' fill='%232B395C'/></g></svg>") no-repeat center center/contain; }
  .icon-algolia-light {
    background: url("data:image/svg+xml;utf8,<svg width='49' height='16' viewBox='0 0 49 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><title>Algolia_logo_bg-dark Copy 4</title><defs><path d='M28.897 5.944l-.632 2.252 2.037-1.122c-.296-.545-.8-.957-1.405-1.13zM23.9 8.242c0 2.413 1.946 4.37 4.347 4.37 2.4 0 4.346-1.957 4.346-4.37 0-2.412-1.945-4.368-4.346-4.368-2.4 0-4.347 1.956-4.347 4.368zm4.347-3.12c1.712 0 3.105 1.4 3.105 3.12 0 1.72-1.393 3.12-3.105 3.12s-3.105-1.4-3.105-3.12c0-1.72 1.393-3.12 3.105-3.12zm1.5-1.788c0-.017.005-.033.005-.05v-.395c0-.435-.35-.788-.78-.788h-1.366c-.43 0-.78.352-.78.787v.386c.435-.123.892-.19 1.365-.19.544 0 1.067.088 1.557.248zm-4.767.77c-.305-.307-.8-.307-1.104 0l-.138.14c-.304.307-.304.806 0 1.114l.147.148c.313-.507.71-.954 1.174-1.322l-.08-.08z' id='a'/></defs><g fill='none' fill-rule='evenodd'><g><use fill='%2300B7E5' xlink:href='%23a'/><use xlink:href='%23a'/></g><path d='M8.49 11.56c-.18-.455-.346-.902-.503-1.342-.157-.44-.32-.887-.487-1.342H2.573l-.988 2.684H0c.418-1.112.81-2.14 1.177-3.086.366-.945.724-1.843 1.075-2.692.35-.85.698-1.66 1.043-2.434.345-.773.706-1.54 1.083-2.297h1.396c.377.76.738 1.525 1.083 2.298.345.774.693 1.585 1.044 2.434.35.85.71 1.747 1.075 2.692.366.945.76 1.974 1.177 3.086H8.49zM7.06 7.663c-.334-.88-.666-1.732-.995-2.556-.33-.824-.673-1.615-1.028-2.373-.367.758-.714 1.55-1.044 2.373-.33.824-.656 1.676-.98 2.556H7.06zM13.69 12.085c-.897-.02-1.532-.21-1.907-.57-.375-.357-.562-.916-.562-1.674V.247L12.675 0v9.61c0 .236.02.43.062.584.042.154.11.277.203.37.093.09.218.16.374.207.157.047.35.086.578.116l-.203 1.2M21 11.545c-.125.082-.365.187-.722.315-.356.127-.772.19-1.248.19-.486 0-.943-.076-1.372-.23-.43-.152-.804-.39-1.124-.71-.32-.324-.574-.724-.76-1.205-.186-.48-.28-1.052-.28-1.716 0-.584.09-1.118.265-1.603.175-.485.43-.904.766-1.257.336-.352.747-.628 1.233-.827.485-.2 1.032-.3 1.642-.3.672 0 1.258.05 1.76.146.5.097.922.186 1.263.267v7.112c0 1.226-.32 2.114-.96 2.666-.642.552-1.613.828-2.916.828-.507 0-.985-.04-1.435-.123-.45-.08-.84-.178-1.17-.29l.264-1.24c.288.11.642.21 1.06.297.42.087.856.13 1.31.13.858 0 1.476-.168 1.853-.505.378-.337.566-.874.566-1.61v-.337zm-.598-6.03c-.243-.036-.57-.055-.984-.055-.775 0-1.372.25-1.79.752-.42.5-.63 1.164-.63 1.992 0 .46.06.853.18 1.18.118.327.28.598.48.813.202.214.434.373.698.475.263.102.535.153.814.153.382 0 .733-.054 1.054-.16.32-.108.574-.233.76-.376V5.63c-.145-.042-.34-.08-.582-.116zM36.13 12.085c-.895-.02-1.53-.21-1.905-.57-.375-.357-.563-.916-.563-1.674V.247L35.115 0v9.61c0 .236.02.43.063.584.04.154.11.277.203.37.094.09.22.16.376.207.156.047.348.085.578.116l-.203 1.2M39.005 2.442c-.297 0-.55-.087-.757-.26-.208-.172-.31-.405-.31-.698 0-.294.102-.527.31-.7.208-.172.46-.26.757-.26s.55.088.757.26c.208.173.312.406.312.7 0 .293-.104.526-.312.7-.208.17-.46.258-.757.258zm-.82 1.476h1.657v8.167h-1.656V3.918zM44.922 3.678c.59 0 1.09.08 1.497.238.405.16.732.383.98.673.248.29.425.635.53 1.034.106.4.16.84.16 1.322v5.337l-.532.09c-.227.038-.482.074-.767.106-.284.032-.593.062-.925.09-.333.027-.663.04-.99.04-.465 0-.892-.048-1.282-.147-.39-.098-.73-.255-1.014-.468-.286-.213-.507-.495-.666-.846-.158-.35-.237-.772-.237-1.265 0-.47.092-.876.277-1.215.184-.34.435-.613.752-.82.317-.21.686-.362 1.108-.46.422-.1.865-.15 1.33-.15.148 0 .3.01.46.026.157.016.308.04.45.066.143.027.267.052.373.074.105.022.18.038.22.05v-.428c0-.252-.025-.5-.078-.747-.054-.246-.15-.464-.286-.656-.137-.19-.325-.345-.562-.46-.238-.115-.546-.172-.926-.172-.486 0-.91.035-1.275.107-.363.07-.635.144-.814.22l-.174-1.264c.19-.088.507-.172.95-.255.443-.08.923-.122 1.44-.122zm.127 7.652c.347 0 .656-.008.925-.025.27-.016.494-.046.673-.09V8.67c-.106-.055-.277-.1-.514-.14-.238-.038-.526-.057-.863-.057-.22 0-.456.016-.704.05-.248.032-.475.1-.68.204-.206.105-.378.247-.515.427-.136.18-.205.42-.205.715 0 .546.17.926.507 1.14.337.213.797.32 1.377.32z' fill='%23FFF'/></g></svg>") no-repeat center bottom/contain; }
  .icon-mail {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125'><path fill='%237183a7' d='M92.956 35.31v37.693c0 3.956-3.207 7.163-7.163 7.163h-71.63C10.207 80.166 7 76.96 7 73.003V35.31l42.978 28.65 42.978-28.65zm0-6.136c0-3.956-3.207-7.163-7.163-7.163h-71.63C10.208 22.01 7 25.22 7 29.175l42.978 28.61 42.978-28.61z'/></svg>") no-repeat 8px 7px/70%; }
  .icon-algolia-small {
    background: url("data:image/svg+xml;utf8,<svg width='74' height='86' viewBox='0 0 74 86' xmlns='http://www.w3.org/2000/svg'><title>logos/logo-algolia-avatar</title><g fill='%2346AEDA' fill-rule='evenodd'><path d='M44.506 30.714l-5.744 20.184 18.5-10.054c-2.687-4.885-7.27-8.58-12.756-10.13zM12.542 16.78c-2.6-2.482-6.817-2.48-9.416 0L1.95 17.9c-2.6 2.48-2.6 6.504 0 8.985L3.2 28.082c2.668-4.086 6.065-7.69 10.012-10.66l-.672-.643zM51.056 9.653c.01-.133.04-.26.04-.395V6.172C51.093 2.765 48.255.002 44.75 0h-11.1C30.15.002 27.31 2.764 27.31 6.172v3.032c3.534-.963 7.253-1.49 11.1-1.49 4.41 0 8.658.686 12.646 1.94'/><path d='M38.762 25.45c14.086 0 25.548 11.416 25.548 25.448s-11.462 25.45-25.548 25.45c-14.086 0-25.548-11.418-25.548-25.45s11.462-25.45 25.548-25.45M2.642 50.46C2.643 70.087 18.615 86 38.323 86 58.028 86 74 70.086 74 50.46c0-19.627-15.97-35.542-35.68-35.542-19.706 0-35.677 15.915-35.677 35.54z'/></g></svg>") no-repeat center center/contain; }
  .icon-algolia-small_white {
    background: url("data:image/svg+xml;utf8,<svg width='74' height='86' viewBox='0 0 74 86' xmlns='http://www.w3.org/2000/svg'><title>logos/logo-algolia-avatar</title><g fill='%23FFF' fill-rule='evenodd'><path d='M44.506 30.714l-5.744 20.184 18.5-10.054c-2.687-4.885-7.27-8.58-12.756-10.13zM12.542 16.78c-2.6-2.482-6.817-2.48-9.416 0L1.95 17.9c-2.6 2.48-2.6 6.504 0 8.985L3.2 28.082c2.668-4.086 6.065-7.69 10.012-10.66l-.672-.643zM51.056 9.653c.01-.133.04-.26.04-.395V6.172C51.093 2.765 48.255.002 44.75 0h-11.1C30.15.002 27.31 2.764 27.31 6.172v3.032c3.534-.963 7.253-1.49 11.1-1.49 4.41 0 8.658.686 12.646 1.94'/><path d='M38.762 25.45c14.086 0 25.548 11.416 25.548 25.448s-11.462 25.45-25.548 25.45c-14.086 0-25.548-11.418-25.548-25.45s11.462-25.45 25.548-25.45M2.642 50.46C2.643 70.087 18.615 86 38.323 86 58.028 86 74 70.086 74 50.46c0-19.627-15.97-35.542-35.68-35.542-19.706 0-35.677 15.915-35.677 35.54z'/></g></svg>") no-repeat center center/contain; }

.ico-triangle {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #788795;
  position: relative;
  display: inline-block;
  margin-left: 8px; }

body {
  overflow-y: scroll;
  background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ebf1f5));
  background: linear-gradient(to right, #ffffff, #ebf1f5); }

/* Containers
================*/
.container {
  margin: auto;
  width: 100%;
  max-width: 1100px;
  float: none; }

.row {
  float: left; }
  body.example .row {
    float: inherit; }

.text-right {
  text-align: right; }

body:not(.example) section {
  min-height: 550px;
  width: 100%;
  float: left;
  position: relative;
  z-index: 1; }
  body:not(.example) section.oddbg {
    background-color: #f9fafb; }
  @media (max-width: 960px) {
    body:not(.example) section {
      padding: 0 16px; } }

.desc-icon {
  width: 34px;
  height: 34px; }

[class*="is-section__"] {
  min-height: inherit; }
  [class*="is-section__"] > .container {
    max-width: 980px; }
  [class*="is-section__"] [class*="__graphic"],
  [class*="is-section__"] [class*="__description"] {
    width: 50%;
    float: left;
    padding: 0 1em; }
    @media (max-width: 768px) {
      [class*="is-section__"] [class*="__graphic"],
      [class*="is-section__"] [class*="__description"] {
        width: 100%;
        text-align: center; } }
  [class*="is-section__"].is-section__intro, [class*="is-section__"].is-section__widgets, [class*="is-section__"].is-section__code-samples, [class*="is-section__"].is-section__community, [class*="is-section__"].is-section__live, [class*="is-section__"].is-section__twitter, [class*="is-section__"].is-section__marketing, [class*="is-section__"].is-section__features, [class*="is-section__"].is-section__footer {
    z-index: 0; }
    @media (max-width: 768px) {
      [class*="is-section__"].is-section__intro:before, [class*="is-section__"].is-section__intro:after, [class*="is-section__"].is-section__widgets:before, [class*="is-section__"].is-section__widgets:after, [class*="is-section__"].is-section__code-samples:before, [class*="is-section__"].is-section__code-samples:after, [class*="is-section__"].is-section__community:before, [class*="is-section__"].is-section__community:after, [class*="is-section__"].is-section__live:before, [class*="is-section__"].is-section__live:after, [class*="is-section__"].is-section__twitter:before, [class*="is-section__"].is-section__twitter:after, [class*="is-section__"].is-section__marketing:before, [class*="is-section__"].is-section__marketing:after, [class*="is-section__"].is-section__features:before, [class*="is-section__"].is-section__features:after, [class*="is-section__"].is-section__footer:before, [class*="is-section__"].is-section__footer:after {
        display: none !important; } }

.is-section__intro {
  background: #f6f9fc;
  z-index: 1 !important;
  min-height: 350px !important; }
  .is-section__intro:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 170px;
    background: #f6f9fc;
    -webkit-transform: skewY(-2deg) !important;
            transform: skewY(-2deg) !important;
    top: -100px;
    z-index: 0; }
  .is-section__intro:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 170px;
    background: #fff;
    -webkit-transform: skewY(2deg) !important;
            transform: skewY(2deg) !important;
    top: 210px;
    z-index: -1; }
  .is-section__intro .intro-illu {
    position: absolute;
    top: -200px;
    max-width: 930px;
    width: 60%;
    margin: auto;
    left: 0;
    right: 0;
    display: block;
    z-index: 2; }
  @media (max-width: 768px) {
    .is-section__intro {
      display: none; } }
  @media (min-width: 1500px) {
    .is-section__intro:before {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 200px;
      background: #f6f9fc;
      -webkit-transform: skewY(-2deg) !important;
              transform: skewY(-2deg) !important;
      top: -100px;
      z-index: 0; }
    .is-section__intro:after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 200px;
      background: #fff;
      -webkit-transform: skewY(2deg) !important;
              transform: skewY(2deg) !important;
      top: 210px;
      z-index: -1; } }

.is-section__widgets {
  background: #fff;
  z-index: 0;
  padding-top: 60px;
  padding-bottom: 160px; }
  .is-section__widgets figure.widgets-illu {
    width: 104px;
    margin: auto; }
    .is-section__widgets figure.widgets-illu img {
      width: 100%; }
    .is-section__widgets figure.widgets-illu ~ h2.title {
      margin-top: 1em; }
  .is-section__widgets .section__graphic img {
    max-width: 100%; }
  @media (max-width: 768px) {
    .is-section__widgets .section__graphic {
      text-align: center; }
      .is-section__widgets .section__graphic img {
        max-width: 80%;
        margin: 1em 0; } }
  .is-section__widgets .section__description {
    padding-left: 3em; }
    .is-section__widgets .section__description svg {
      stroke: #00aeff; }
  .is-section__widgets:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 120px;
    background: #1b192b;
    -webkit-transform: skewY(-2deg) !important;
            transform: skewY(-2deg) !important;
    top: 340px;
    position: relative;
    z-index: 3; }
  @media (max-width: 768px) {
    .is-section__widgets {
      padding: 60px 0 !important; } }

.is-section__code-samples {
  background: #1b192b;
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden; }
  @media (max-width: 960px) {
    .is-section__code-samples {
      overflow: hidden; } }
  .is-section__code-samples .section__description {
    padding-right: 3em;
    margin-top: 120px; }
    .is-section__code-samples .section__description svg {
      stroke: #00aeff; }
  .is-section__code-samples .light-link {
    float: right;
    clear: both; }
    @media (max-width: 768px) {
      .is-section__code-samples .light-link {
        float: none;
        margin: auto;
        width: 100%;
        display: block;
        margin-bottom: 2em; } }
  .is-section__code-samples .title,
  .is-section__code-samples p {
    color: #fff; }
  .is-section__code-samples p {
    max-width: 400px;
    float: right; }
  .is-section__code-samples pre {
    background: url("../images/lines-code-4ed2c6ee32c800b5534658dd2dd364fe.png") no-repeat center left 20%/102%;
    color: #fff; }
    .is-section__code-samples pre code {
      position: relative;
      display: block; }
  @media (max-width: 960px) {
    .is-section__code-samples p {
      max-width: 100%; } }
  @media (max-width: 768px) {
    .is-section__code-samples {
      overflow: hidden; } }

.is-section__community {
  background: #f6f9fc;
  padding-top: 100px; }
  .is-section__community .section__graphic {
    position: relative;
    min-height: 200px; }
    .is-section__community .section__graphic .phone_illustration,
    .is-section__community .section__graphic .computer_illustration {
      position: absolute; }
    .is-section__community .section__graphic .computer_illustration {
      max-width: 720px;
      display: block;
      left: -200px; }
    .is-section__community .section__graphic .phone_illustration {
      z-index: 4;
      max-width: 200px;
      left: 50%;
      top: 50px; }
  .is-section__community .section__description {
    position: relative;
    top: 100px;
    left: 3em;
    z-index: 5; }
    .is-section__community .section__description svg {
      stroke: #00aeff; }
  .is-section__community ul.subtle-check-list {
    position: absolute;
    z-index: 9;
    top: 70%;
    right: 20px;
    width: 170px; }
    .is-section__community ul.subtle-check-list li {
      width: 100%; }
    .is-section__community ul.subtle-check-list svg {
      width: 12px;
      float: right;
      margin-top: 4px; }
    .is-section__community ul.subtle-check-list use {
      fill: #8e43e7;
      width: 12px; }
  .is-section__community:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100px;
    background: #1b192b;
    -webkit-transform: skewY(-2deg) !important;
            transform: skewY(-2deg) !important;
    top: -140px;
    position: relative;
    z-index: 3; }
  .is-section__community:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 180px;
    background: #FFF;
    -webkit-transform: skewY(2deg) !important;
            transform: skewY(2deg) !important;
    top: 480px;
    position: absolute;
    z-index: 0; }
  @media (min-width: 1500px) {
    .is-section__community:after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 140px;
      background: #1b192b;
      -webkit-transform: skewY(-2deg) !important;
              transform: skewY(-2deg) !important;
      top: -180px;
      position: relative;
      z-index: 3; } }
  @media (max-width: 768px) {
    .is-section__community .phone_illustration,
    .is-section__community .computer_illustration {
      display: none !important; }
    .is-section__community .section__description {
      left: 0; }
    .is-section__community ul.subtle-check-list {
      position: absolute;
      z-index: 9;
      top: 40%;
      left: 0;
      right: 0;
      margin: auto; } }

.is-section__live {
  background: #fff;
  padding-top: 40px;
  padding-bottom: 4em; }

.is-section__twitter {
  overflow: hidden;
  background: #f6f9fc;
  padding: 100px 0;
  min-height: 500px; }
  .is-section__twitter:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 180px;
    background: #FFF;
    -webkit-transform: skewY(-2deg) !important;
            transform: skewY(-2deg) !important;
    top: -100px;
    position: absolute;
    z-index: 0; }
  @media (max-width: 768px) {
    .is-section__twitter {
      display: none; } }

.is-section__features {
  background: #fff; }
  .is-section__features .container {
    top: 50%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .is-section__features:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 180px;
    background: #FFF;
    -webkit-transform: skewY(-2deg) !important;
            transform: skewY(-2deg) !important;
    top: -20px;
    position: absolute;
    z-index: 0; }
  @media (max-width: 768px) {
    .is-section__features {
      border-top: 1px solid rgba(0, 0, 0, 0.1); }
      .is-section__features .container {
        position: relative;
        top: inherit;
        left: inherit;
        -webkit-transform: none;
                transform: none; } }

.is-section__marketing {
  background: #222432;
  color: #fff;
  text-align: center;
  padding-top: 100px; }
  .is-section__marketing .container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .is-section__marketing h2 {
    font-size: 36px;
    font-weight: 400; }
  .is-section__marketing h3 {
    font-family: "Open Sans", Helvetica Neue, helvetica;
    font-size: 16px;
    font-weight: 400;
    margin-top: 1.5em; }
  .is-section__marketing a.icon {
    margin: auto; }
    .is-section__marketing a.icon svg {
      width: 40px;
      height: 40px;
      margin: 20px auto; }
      .is-section__marketing a.icon svg use {
        fill: #fff; }
  .is-section__marketing .brands-list {
    list-style: none;
    width: 100%;
    margin-top: 50px; }
    .is-section__marketing .brands-list li {
      display: inline-block;
      opacity: 0.5;
      padding: 0 20px;
      max-width: calc(100% / 6);
      -webkit-transition: opacity 0.1s ease;
      transition: opacity 0.1s ease;
      will-change: opacity; }
      .is-section__marketing .brands-list li img {
        vertical-align: middle;
        max-width: 100%; }
      .is-section__marketing .brands-list li:hover {
        opacity: 1; }
      @media (max-width: 768px) {
        .is-section__marketing .brands-list li {
          max-width: calc(100% / 3);
          margin-bottom: 1em; } }
    @media (max-width: 768px) {
      .is-section__marketing .brands-list {
        padding: 0; } }
    .is-section__marketing .brands-list:hover li:not(:hover) {
      opacity: 0.3; }
  .is-section__marketing:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 180px;
    background: #FFF;
    -webkit-transform: skewY(-2deg) !important;
            transform: skewY(-2deg) !important;
    top: -120px;
    position: absolute;
    z-index: 0; }

.is-section__footer {
  background-image: linear-gradient(45deg, #3369e7, #00aeff), linear-gradient(#fafafa, #fafafa); }
  .is-section__footer > div[class^="footer__"] {
    width: 50%;
    float: left;
    position: relative;
    min-height: 550px; }
    @media (max-width: 768px) {
      .is-section__footer > div[class^="footer__"] {
        width: 100%; } }
  .is-section__footer .container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 3;
    max-width: 60%; }
    @media (max-width: 768px) {
      .is-section__footer .container {
        max-width: 90%; } }
  .is-section__footer .footer__community {
    color: #fff; }
    .is-section__footer .footer__community:after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 800px;
      background: -webkit-gradient(linear, left top, right top, from(#12161e), to(#222432)), -webkit-gradient(linear, left top, left bottom, from(#30373b), to(#30373b));
      background: linear-gradient(to right, #12161e, #222432), linear-gradient(#30373b, #30373b);
      -webkit-transform: skewY(-2deg);
              transform: skewY(-2deg);
      -webkit-transform: skewX(-8deg);
              transform: skewX(-8deg);
      top: -20px;
      left: -80px;
      width: 100%; }
      @media (max-width: 768px) {
        .is-section__footer .footer__community:after {
          display: none; } }
    .is-section__footer .footer__community h3 {
      font-size: 24px; }
    .is-section__footer .footer__community figure svg {
      width: 33px; }
      .is-section__footer .footer__community figure svg use {
        width: 100%; }
      .is-section__footer .footer__community figure svg.icon-react {
        stroke: #00aeff; }
      .is-section__footer .footer__community figure svg.icon-heart {
        fill: #8e43e7;
        width: 14px;
        margin: 0 8px; }
      .is-section__footer .footer__community figure svg.icon-al {
        fill: #fff; }
    @media (max-width: 768px) {
      .is-section__footer .footer__community figure {
        text-align: center; } }
    .is-section__footer .footer__community ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .is-section__footer .footer__community ul li {
        display: inline-block;
        width: 100%;
        color: #9299ad;
        padding: 1em 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      .is-section__footer .footer__community ul svg {
        width: 19px;
        height: 20px;
        display: inline-block;
        float: right; }
        .is-section__footer .footer__community ul svg use {
          fill: #8e43e7; }
    .is-section__footer .footer__community .btn {
      margin-top: 3em;
      font-size: 15px;
      max-width: 300px; }
      .is-section__footer .footer__community .btn:hover {
        font-size: 15px; }
      @media (max-width: 768px) {
        .is-section__footer .footer__community .btn {
          margin: 3em auto 0;
          max-width: 100%;
          width: 100%; } }
    @media (max-width: 768px) {
      .is-section__footer .footer__community {
        background: -webkit-gradient(linear, left top, right top, from(#12161e), to(#222432)), -webkit-gradient(linear, left top, left bottom, from(#30373b), to(#30373b));
        background: linear-gradient(to right, #12161e, #222432), linear-gradient(#30373b, #30373b); }
        .is-section__footer .footer__community .btn {
          width: 100%; } }
  .is-section__footer .footer__call-to-action h2 {
    font-size: 36px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 36px; }
  .is-section__footer .footer__call-to-action .btn {
    display: block;
    float: left;
    margin-right: 24px;
    max-width: inherit;
    color: #fff;
    min-width: 160px;
    font-size: 15px;
    max-width: 300px; }
    .is-section__footer .footer__call-to-action .btn:hover {
      font-size: 15px; }
  @media (max-width: 768px) {
    .is-section__footer .footer__call-to-action {
      text-align: center; }
      .is-section__footer .footer__call-to-action .btn {
        max-width: 100%;
        width: 100%;
        margin-bottom: 2em; } }
  .is-section__footer:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 140px;
    background: #222432;
    -webkit-transform: skewY(2deg) !important;
            transform: skewY(2deg) !important;
    top: -140px;
    position: absolute;
    z-index: 8; }
  @media (max-width: 768px) {
    .is-section__footer {
      padding: 0 !important; } }

ul.subtle-check-list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 200px; }
  ul.subtle-check-list li {
    display: inline-block;
    color: #00aeff;
    font-weight: 400;
    padding: 0 16px;
    height: 40px;
    min-width: 150px;
    margin-bottom: 20px;
    line-height: 40px;
    clear: both;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 18px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(40, 120, 236, 0.2);
            box-shadow: 0 2px 10px 0 rgba(40, 120, 236, 0.2);
    text-transform: uppercase; }
    ul.subtle-check-list li svg {
      width: 33px;
      height: 33px; }
      ul.subtle-check-list li svg use {
        fill: red; }

.cm-large-tiles {
  width: 100%;
  list-style: none;
  position: relative;
  float: left;
  padding: 0; }
  .cm-large-tiles figure,
  .cm-large-tiles img {
    height: 64px; }
  .cm-large-tiles figure {
    margin-bottom: 30px; }
  .cm-large-tiles img {
    width: 64px; }
  .cm-large-tiles .tile {
    width: 33%;
    text-align: center;
    height: 284px;
    border-radius: 3px;
    float: left;
    position: relative;
    will-change: transform, box-shadow;
    -webkit-transition: background 0.25s ease, -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
    transition: background 0.25s ease, -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease; }
    .cm-large-tiles .tile .item-title {
      color: #686d7d;
      font-size: 20px; }
    .cm-large-tiles .tile > a {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
    .cm-large-tiles .tile .light-link {
      margin-top: 8px;
      display: inline-block; }
    .cm-large-tiles .tile .tile-container {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .cm-large-tiles .tile:not(:last-child):hover {
      -webkit-box-shadow: 0 2px 10px 0 rgba(40, 120, 236, 0.2);
              box-shadow: 0 2px 10px 0 rgba(40, 120, 236, 0.2);
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }
    .cm-large-tiles .tile:last-child:hover {
      background: rgba(0, 0, 0, 0.035); }
    @media (max-width: 768px) {
      .cm-large-tiles .tile {
        width: 50%; } }
  @media (max-width: 768px) {
    .cm-large-tiles {
      padding: 1em; } }
  .cm-large-tiles a {
    display: inline-block; }

.cm--feature-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .cm--feature-list .list-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 30%;
            flex: 0 1 30%;
    border-radius: 3px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(40, 120, 236, 0.2);
            box-shadow: 0 2px 10px 0 rgba(40, 120, 236, 0.2);
    padding: 24px;
    max-height: 74px;
    margin-bottom: 20px;
    margin-right: 30px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .cm--feature-list .list-item_muted {
      border: solid 2px #e3e4e8;
      padding: 35px;
      -webkit-box-shadow: none;
              box-shadow: none;
      background: transparent; }
    .cm--feature-list .list-item svg {
      display: block;
      float: left;
      width: 40px; }
    .cm--feature-list .list-item span {
      color: #333;
      margin-bottom: 8px;
      line-height: 1.8;
      font-family: "Open Sans", Helvetica Neue, helvetica;
      font-weight: 400;
      padding-left: 28px;
      font-size: 14px; }
    .cm--feature-list .list-item a {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      text-decoration: none;
      border-radius: 3px; }
      .cm--feature-list .list-item a svg {
        display: inline-block;
        max-width: 26px;
        margin: -2px 24px 0; }
      .cm--feature-list .list-item a span {
        line-height: 74px; }
      .cm--feature-list .list-item a:hover {
        background: #1D96C7; }
        .cm--feature-list .list-item a:hover span {
          color: #fff; }
        .cm--feature-list .list-item a:hover svg path {
          fill: #fff !important; }
    .cm--feature-list .list-item:last-of-type span {
      padding-left: 0; }
    .cm--feature-list .list-item:last-of-type a svg {
      position: relative;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    @media (max-width: 768px) {
      .cm--feature-list .list-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 100%;
                flex: 0 1 100%;
        margin-right: 0; }
        .cm--feature-list .list-item:last-of-type {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 100%;
                  flex: 0 1 100%; } }
  @media (max-width: 768px) {
    .cm--feature-list {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-top: 30px; } }

pre.al-snippet code {
  -webkit-transform: scale(0.765);
          transform: scale(0.765);
  font-size: 13px; }

pre.al-snippet {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: initial;
  word-break: initial;
  word-wrap: initial;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  display: inline-block;
  margin: initial !important;
  position: relative;
  line-height: 18.36px;
  font-size: 13px; }
  pre.al-snippet:before {
    content: '1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28';
    display: block;
    padding: 0 0  !important;
    position: absolute;
    width: 3.5em;
    top: 0;
    left: 2em;
    z-index: 9;
    height: 100%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    word-spacing: 3.5em;
    white-space: pre-line;
    line-height: 18.36px;
    font-size: 13px;
    text-align: center;
    -webkit-transform: scale(0.765);
            transform: scale(0.765);
    opacity: 0.2;
    top: -0.5em; }
  pre.al-snippet:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(#1b192b), to(rgba(27, 25, 43, 0)));
    background: linear-gradient(to left, #1b192b, rgba(27, 25, 43, 0));
    pointer-events: none; }
  pre.al-snippet code {
    position: relative;
    top: -0.5em; }
  pre.al-snippet[data-snippet-theme="dark"] .sn-keyword {
    color: #8e43e7; }
  pre.al-snippet[data-snippet-theme="dark"] .sn-operator {
    color: #f95faa; }
  pre.al-snippet[data-snippet-theme="dark"] .sn-property {
    color: #75de00; }
  pre.al-snippet[data-snippet-theme="dark"] .sn-variable {
    color: #3369e7; }
  pre.al-snippet[data-snippet-theme="dark"] .sn-string {
    color: #00aeff; }
  pre.al-snippet[data-snippet-theme="dark"] .sn-comment {
    color: #bbbbbb; }

[debug-code-snippet] pre.al-snippet {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, rgba(69, 142, 209, 0.04)));
  background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
  background-size: 13px 13px;
  background-origin: content-box; }

.btn {
  display: inline-block;
  position: relative;
  padding: 1.083em 2.000em;
  border-radius: 3px;
  letter-spacing: 0.9px;
  font-family: 'Open Sans', Segoe UI, sans-serif;
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: background 0.1s ease, font-size 0.05s ease, -webkit-transform 0.1s ease;
  transition: background 0.1s ease, font-size 0.05s ease, -webkit-transform 0.1s ease;
  transition: background 0.1s ease, transform 0.1s ease, font-size 0.05s ease;
  transition: background 0.1s ease, transform 0.1s ease, font-size 0.05s ease, -webkit-transform 0.1s ease;
  will-change: background, transform, font-size;
  cursor: pointer;
  background: #00aeff;
  color: #fff; }
  .btn:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  .btn:active {
    top: 2px; }
  .btn[class*="-cta"] {
    padding: 1.167em 4.000em;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.22);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.22); }
  .btn[class*="-fat"] {
    padding: 1.329em 1.999em;
    font-size: 16px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2); }
  .btn[class*="-uc"] {
    text-transform: uppercase; }
  .btn[class*="-rd"] {
    border-radius: 50px; }
  .btn[class*="-primary"] {
    background: #2897c6;
    color: #fff; }
    .btn[class*="-primary"]:hover {
      background: #32a5d6; }
  .btn[class*="-blue"] {
    background: #00aeff;
    color: #fff; }
    .btn[class*="-blue"]:hover {
      background: #1ab6ff; }
  .btn[class*="-grey"] {
    background: #686C7C;
    color: #fff; }
    .btn[class*="-grey"]:hover {
      background: #74788a; }
  .btn[class*="-black"] {
    background: #33383e;
    color: #fff; }
    .btn[class*="-black"]:hover {
      background: #3f454c; }
  .btn[class*="-pink"] {
    background: #fb366e;
    color: #fff; }
    .btn[class*="-pink"]:hover {
      background: #fb4f80; }
  .btn[class*="-green"] {
    background: #94be46;
    color: #fff; }
    .btn[class*="-green"]:hover {
      background: #9fc559; }
  .btn[class*="-greenish"] {
    background: #3ecf8e;
    color: #fff; }
    .btn[class*="-greenish"]:hover {
      background: #52d49a; }
  .btn[class*="-wine"] {
    background: #6e205f;
    color: #fff; }
    .btn[class*="-wine"]:hover {
      background: #822670; }
  .btn[class*="-white"] {
    background: #fff;
    color: #33383e; }
    .btn[class*="-white"]:hover {
      background: white; }
  .btn[class*="-ghost"] {
    max-width: inherit;
    padding: 0.783em 2em 0.683em;
    background: transparent;
    border: 1px solid;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-weight: 800; }
    .btn[class*="-ghost"]:hover {
      font-size: 12px; }
    .btn[class*="-ghost"][class*="-primary"] {
      color: #2897c6;
      border-color: currentColor; }
      .btn[class*="-ghost"][class*="-primary"]:hover {
        background: #32a5d6;
        border-color: #2897c6;
        color: #fff; }
    .btn[class*="-ghost"][class*="-blue"] {
      color: #00aeff;
      border-color: currentColor; }
      .btn[class*="-ghost"][class*="-blue"]:hover {
        background: #1ab6ff;
        border-color: #00aeff;
        color: #fff; }
    .btn[class*="-ghost"][class*="-grey"] {
      color: #686C7C;
      border-color: currentColor; }
      .btn[class*="-ghost"][class*="-grey"]:hover {
        background: #74788a;
        border-color: #686C7C;
        color: #fff; }
    .btn[class*="-ghost"][class*="-black"] {
      color: #33383e;
      border-color: currentColor; }
      .btn[class*="-ghost"][class*="-black"]:hover {
        background: #3f454c;
        border-color: #33383e;
        color: #fff; }
    .btn[class*="-ghost"][class*="-pink"] {
      color: #fb366e;
      border-color: currentColor; }
      .btn[class*="-ghost"][class*="-pink"]:hover {
        background: #fb4f80;
        border-color: #fb366e;
        color: #fff; }
    .btn[class*="-ghost"][class*="-green"] {
      color: #94be46;
      border-color: currentColor; }
      .btn[class*="-ghost"][class*="-green"]:hover {
        background: #9fc559;
        border-color: #94be46;
        color: #fff; }
    .btn[class*="-ghost"][class*="-greenish"] {
      color: #3ecf8e;
      border-color: currentColor; }
      .btn[class*="-ghost"][class*="-greenish"]:hover {
        background: #52d49a;
        border-color: #3ecf8e;
        color: #fff; }
    .btn[class*="-ghost"][class*="-wine"] {
      color: #6e205f;
      border-color: currentColor; }
      .btn[class*="-ghost"][class*="-wine"]:hover {
        background: #822670;
        border-color: #6e205f;
        color: #fff; }
    .btn[class*="-ghost"][class*="-white"] {
      color: #fff;
      border-color: currentColor; }
      .btn[class*="-ghost"][class*="-white"]:hover {
        background: white;
        border-color: #fff;
        color: #33383e; }

input {
  outline: none;
  border-radius: 4px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important; }
  input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration {
    display: none !important; }

.hero-section .algolia-places {
  top: 50px;
  font-family: 'Open Sans', helvetica Neue; }
  .hero-section .algolia-places:before {
    content: 'Try it!';
    position: absolute;
    top: -44px;
    left: 2px;
    width: 100px;
    height: 44px;
    text-align: right;
    font-style: italic;
    font-weight: 600;
    line-height: 44px;
    color: #c2d5ff;
    background-image: url("data:image/svg+xml;utf8,<svg width='19' height='11' viewBox='0 0 19 11' xmlns='http://www.w3.org/2000/svg'><title>Group 27 Copy</title><g stroke='%23C2D6FD' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'><path d='M18.908.918S6.936-2.067 2.026 9.298M3.43 1.513C1.85 5.19.745 8.693 1.33 9.923c.587 1.23 4.884-3.644 6.515-3.237'/></g></svg>");
    background-repeat: no-repeat;
    background-position: bottom 12px left 24px;
    background-size: 24px; }
  .hero-section .algolia-places .hero-searchbar {
    border: solid 1px rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    color: #8f94ad;
    font-family: "Raleway", Helvetica Neue, helvetica;
    height: 56px;
    padding-left: 16px;
    padding-right: 48px;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .hero-section .algolia-places .ap-suggestion {
    color: #262626;
    text-align: left; }
  .hero-section .algolia-places .ap-footer {
    color: #797979; }

p a,
a {
  color: #21A4D7;
  text-decoration: none; }

/* heading settings
=======================*/
h1, h2, h3, h4 {
  padding: 0;
  margin: 0;
  font-family: 'Raleway', Helvetica Neue, helvetica, sans-serif; }

h1 {
  font-size: 46px; }

h3 {
  font-size: 20px; }

h3 {
  font-size: 18px; }

/* Paragraphs
======================*/
p {
  font-family: 'Open Sans', Helvetica Neue, helvetica, sans-serif;
  font-size: 20px;
  line-height: 32px;
  color: #5c7080; }
  @media (max-width: 960px) {
    p {
      font-size: 16px; } }
  p + ul,
  p + ol {
    font-size: 20px;
    line-height: 32px;
    color: rgba(74, 74, 76, 0.75); }

li {
  color: #5c7080; }

/* Big titles
======================*/
h2.title {
  text-align: center;
  width: 100%;
  font-size: 1.8em;
  color: #686d7d;
  display: block;
  position: relative;
  margin-top: 120px;
  margin-bottom: 80px;
  font-weight: 300;
  font-family: 'Open Sans Light', 'Open Sans'; }
  h2.title:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 3px;
    background: #8e43e7;
    top: 2.8em;
    left: 0;
    right: 0;
    margin: auto; }
  h2.title ~ p {
    font-size: 1.3em;
    text-align: center;
    margin: 1em; }
    @media (max-width: 960px) {
      h2.title ~ p {
        font-size: 16px; } }
  @media (max-width: 960px) {
    h2.title {
      margin-top: 60px;
      font-size: 22px; } }

/* Small titles
======================*/
h3.title {
  font-size: 20px;
  color: #4a4a4a;
  margin: 0;
  padding: 0;
  line-height: 1.2em;
  font-family: "Open Sans", "Open Sans", Helvetica Neue, helvetica;
  font-weight: 600; }
  h3.title ~ p {
    font-size: 14px;
    margin: 1em 0;
    padding: 8px 0 0; }

h4 {
  font-size: 18px; }

/* Anchors / links
====================*/
.link {
  text-transform: uppercase;
  font-size: 16px;
  color: #00aeff;
  font-weight: 600;
  text-decoration: none;
  padding: 0 8px; }

/* Glyphs
====================*/
.glyph {
  opacity: 0.8;
  font-size: 0.75em; }

/* codes
====================*/
pre code {
  border: none;
  padding: inherit;
  border-radius: none; }

nav.sidebar {
  float: left;
  width: 100%;
  height: 100%;
  position: absolute;
  max-width: 240px;
  border-right: 1px solid #d8d8d8;
  overflow: hidden;
  padding-top: 60px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  nav.sidebar .sidebar-container {
    width: 100%;
    max-width: 240px;
    -webkit-user-select: all;
       -moz-user-select: all;
        -ms-user-select: all;
            user-select: all; }
    nav.sidebar .sidebar-container.fixed {
      position: fixed;
      top: 60px;
      z-index: 9; }
      nav.sidebar .sidebar-container.fixed .sidebar-elements {
        overflow: auto; }
    nav.sidebar .sidebar-container h2.sidebar-header {
      font-weight: normal;
      font-size: 1.8em;
      line-height: 1.5em;
      padding-bottom: 5px; }
    nav.sidebar .sidebar-container ul {
      list-style: none;
      padding: 0; }
    nav.sidebar .sidebar-container .sidebar-elements .sidebar-element {
      width: 100%;
      line-height: 32px;
      margin-bottom: .5em; }
      nav.sidebar .sidebar-container .sidebar-elements .sidebar-element.level-h3 {
        line-height: 24px;
        font-size: 12px;
        padding-left: 12px;
        font-family: "Open sans"; }
      nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a {
        text-decoration: none;
        display: block;
        width: 100%;
        color: rgba(74, 74, 76, 0.75);
        font-weight: 400;
        padding: 0 0.15em;
        line-height: 1.5;
        -webkit-transition: color 0.2s ease, font-weight 0.2s ease, -webkit-box-shadow 0.2s ease;
        transition: color 0.2s ease, font-weight 0.2s ease, -webkit-box-shadow 0.2s ease;
        transition: color 0.2s ease, box-shadow 0.2s ease, font-weight 0.2s ease;
        transition: color 0.2s ease, box-shadow 0.2s ease, font-weight 0.2s ease, -webkit-box-shadow 0.2s ease;
        font-size: 14px; }
        nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a.active {
          -webkit-transition: color 0.2s ease, -webkit-box-shadow 0.2s ease;
          transition: color 0.2s ease, -webkit-box-shadow 0.2s ease;
          transition: color 0.2s ease, box-shadow 0.2s ease;
          transition: color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease; }
      nav.sidebar .sidebar-container .sidebar-elements .sidebar-element.guide a.navItem-active {
        -webkit-box-shadow: none;
                box-shadow: none; }
  @media (max-width: 960px) {
    nav.sidebar {
      width: calc(100% + 16px);
      max-width: 320px;
      position: fixed;
      left: 0;
      top: 16px;
      border: none;
      padding-top: 0;
      background: #fefefe;
      z-index: 9;
      display: block;
      top: 0;
      padding: 1em;
      -webkit-box-shadow: -20px 0 100px rgba(0, 0, 0, 0.25);
              box-shadow: -20px 0 100px rgba(0, 0, 0, 0.25);
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      will-change: transform;
      -webkit-transition: -webkit-transform 0.3s ease;
      transition: -webkit-transform 0.3s ease;
      transition: transform 0.3s ease;
      transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
      nav.sidebar .sidebar-header {
        max-width: calc(100% - 1em); }
      nav.sidebar.Showed {
        -webkit-transform: translateX(0);
                transform: translateX(0); }
      nav.sidebar .sidebar-container {
        width: 100%;
        max-width: 100%; } }

.sidebar-opener {
  position: fixed;
  left: 2em;
  bottom: 2em;
  height: 52px;
  width: 52px;
  background: #39b1de;
  background-image: url(../images/open-doc-menu_icon-c1546a285b71b7c61cd10a79a6e9fa79.svg), -webkit-gradient(linear, left top, right top, from(#8f64f3), color-stop(90%, #39b1de));
  background-image: url(../images/open-doc-menu_icon-c1546a285b71b7c61cd10a79a6e9fa79.svg), linear-gradient(to right, #8f64f3 0%, #39b1de 90%);
  background-repeat: no-repeat;
  background-position: 65% center, center center;
  background-size: 60%, 100%;
  z-index: 1000;
  border-radius: 50%;
  -webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -webkit-transition: left 0.2s ease, -webkit-transform 0.2s ease;
  transition: left 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, left 0.2s ease;
  transition: transform 0.2s ease, left 0.2s ease, -webkit-transform 0.2s ease;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  cursor: pointer;
  display: none;
  pointer-events: all; }
  @media (max-width: 960px) {
    .sidebar-opener {
      display: block; } }
  .sidebar-opener:active {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  .sidebar-opener.Showed {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    background-image: url(../images/open-doc-menu_icon-c1546a285b71b7c61cd10a79a6e9fa79.svg), -webkit-gradient(linear, right top, left top, from(#8f64f3), color-stop(90%, #39b1de));
    background-image: url(../images/open-doc-menu_icon-c1546a285b71b7c61cd10a79a6e9fa79.svg), linear-gradient(to left, #8f64f3 0%, #39b1de 90%);
    left: 340px; }

.documentation-section .container article, .examples-section .container article {
  width: 100%;
  position: relative;
  margin-top: 60px; }

.documentation-section .guide-nav, .examples-section .guide-nav {
  padding: 1em 0;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8; }

.documentation-section .guide-nav:after, .examples-section .guide-nav:after {
  clear: both;
  content: '';
  display: block; }

.documentation-section .guide-nav-left, .examples-section .guide-nav-left {
  float: left; }

.documentation-section .guide-nav-right, .examples-section .guide-nav-right {
  float: right; }

.documentation-section p, .documentation-section ul, .documentation-section ol, .examples-section p, .examples-section ul, .examples-section ol {
  font-size: 16px;
  line-height: 22px; }

.documentation-section h2, .examples-section h2 {
  color: #4a4a4c;
  font-size: 28px;
  padding-right: 1em;
  border-bottom: 1px solid #d8d8d8;
  margin-top: 32px;
  padding-bottom: 8px; }
  .documentation-section h2:first-of-type, .examples-section h2:first-of-type {
    margin-top: 0; }
    .content .documentation-section h2:first-of-type, .content .examples-section h2:first-of-type {
      margin-top: -10px; }
  @media (max-width: 960px) {
    .documentation-section h2, .examples-section h2 {
      font-size: 22px; } }

.documentation-section h4, .examples-section h4 {
  font-weight: normal;
  text-decoration: underline; }

.documentation-section .api-entry, .examples-section .api-entry {
  font-weight: bold;
  position: relative; }
  .documentation-section .api-entry code, .examples-section .api-entry code {
    font-size: 100%;
    font-weight: bold; }

.documentation-section .api tr td:first-child, .examples-section .api tr td:first-child {
  vertical-align: top; }
  .documentation-section .api tr td:first-child p, .documentation-section .api tr td:first-child ul, .examples-section .api tr td:first-child p, .examples-section .api tr td:first-child ul {
    font-size: 90%;
    margin: .5em 0;
    line-height: 1.5em; }
  .documentation-section .api tr td:first-child ul, .examples-section .api tr td:first-child ul {
    padding-left: 1.5em; }
  .documentation-section .api tr td:first-child em, .examples-section .api tr td:first-child em {
    text-decoration: underline;
    font-style: normal; }

.documentation-section .css-class, .examples-section .css-class {
  white-space: nowrap; }

.documentation-section .chapter-summary, .examples-section .chapter-summary {
  background: #fef5e6;
  padding: 10px;
  border-radius: 4px; }

.documentation-section .documentation-container, .examples-section .documentation-container {
  float: left;
  position: relative;
  left: 240px;
  width: calc(100% - 240px);
  min-height: 1000px;
  padding-left: 30px;
  padding-bottom: 200px;
  padding-top: 60px; }
  .documentation-section .documentation-container .editThisPage, .examples-section .documentation-container .editThisPage {
    position: absolute;
    font-size: 12px;
    right: 12px;
    top: 12px;
    padding: 3px 6px;
    border: 1px solid #21A4D7;
    border-radius: 3px;
    text-transform: uppercase;
    opacity: .7; }
    .documentation-section .documentation-container .editThisPage:hover, .examples-section .documentation-container .editThisPage:hover {
      background: #21A4D7;
      color: #ebf1f5;
      opacity: 1; }
  .documentation-section .documentation-container p, .documentation-section .documentation-container ul, .documentation-section .documentation-container ol, .examples-section .documentation-container p, .examples-section .documentation-container ul, .examples-section .documentation-container ol {
    font-size: 16px;
    line-height: 22px; }
    .documentation-section .documentation-container p li, .documentation-section .documentation-container ul li, .documentation-section .documentation-container ol li, .examples-section .documentation-container p li, .examples-section .documentation-container ul li, .examples-section .documentation-container ol li {
      clear: both;
      margin-bottom: 10px; }
    .documentation-section .documentation-container p ul, .documentation-section .documentation-container ul ul, .documentation-section .documentation-container ol ul, .examples-section .documentation-container p ul, .examples-section .documentation-container ul ul, .examples-section .documentation-container ol ul {
      font-weight: normal;
      font-size: 14px;
      position: relative; }
      .documentation-section .documentation-container p ul li, .documentation-section .documentation-container ul ul li, .documentation-section .documentation-container ol ul li, .examples-section .documentation-container p ul li, .examples-section .documentation-container ul ul li, .examples-section .documentation-container ol ul li {
        height: 26px;
        line-height: 26px; }
        .documentation-section .documentation-container p ul li:before, .documentation-section .documentation-container ul ul li:before, .documentation-section .documentation-container ol ul li:before, .examples-section .documentation-container p ul li:before, .examples-section .documentation-container ul ul li:before, .examples-section .documentation-container ol ul li:before {
          content: '-';
          float: left;
          margin-right: 6px;
          color: #a4a4a4; }
  .documentation-section .documentation-container .content h2:first-child, .examples-section .documentation-container .content h2:first-child {
    margin-top: -16px; }
  .documentation-section .documentation-container .content p:first-child, .examples-section .documentation-container .content p:first-child {
    margin-top: 0; }
  .documentation-section .documentation-container h2, .documentation-section .documentation-container h3, .documentation-section .documentation-container .api-entry, .documentation-section .documentation-container .css-class, .examples-section .documentation-container h2, .examples-section .documentation-container h3, .examples-section .documentation-container .api-entry, .examples-section .documentation-container .css-class {
    overflow: hidden; }
    .documentation-section .documentation-container h2:before, .documentation-section .documentation-container h3:before, .documentation-section .documentation-container .api-entry:before, .documentation-section .documentation-container .css-class:before, .examples-section .documentation-container h2:before, .examples-section .documentation-container h3:before, .examples-section .documentation-container .api-entry:before, .examples-section .documentation-container .css-class:before {
      content: "";
      display: block;
      height: 80px;
      margin-top: -80px;
      -webkit-box-sizing: content-box;
              box-sizing: content-box; }
    .documentation-section .documentation-container h2:target, .documentation-section .documentation-container h3:target, .documentation-section .documentation-container .api-entry:target, .documentation-section .documentation-container .css-class:target, .examples-section .documentation-container h2:target, .examples-section .documentation-container h3:target, .examples-section .documentation-container .api-entry:target, .examples-section .documentation-container .css-class:target {
      overflow: visible; }
  .documentation-section .documentation-container table.api, .examples-section .documentation-container table.api {
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 0; }
    .documentation-section .documentation-container table.api tbody, .examples-section .documentation-container table.api tbody {
      border: 1px solid #ccc; }
    .documentation-section .documentation-container table.api tr, .examples-section .documentation-container table.api tr {
      background-color: white;
      margin: 0;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .documentation-section .documentation-container table.api tr:not(:last-child), .documentation-section .documentation-container table.api tr:not(:only-child), .examples-section .documentation-container table.api tr:not(:last-child), .examples-section .documentation-container table.api tr:not(:only-child) {
        border-bottom: 1px solid #ccc; }
      .documentation-section .documentation-container table.api tr:nth-child(2n), .examples-section .documentation-container table.api tr:nth-child(2n) {
        background-color: #f8f8f8; }
      .documentation-section .documentation-container table.api tr th, .examples-section .documentation-container table.api tr th {
        font-weight: bold;
        text-align: left;
        margin: 0;
        padding: 6px 13px; }
        .documentation-section .documentation-container table.api tr th:first-child, .examples-section .documentation-container table.api tr th:first-child {
          margin-top: 0; }
        .documentation-section .documentation-container table.api tr th:last-child, .examples-section .documentation-container table.api tr th:last-child {
          margin-bottom: 0; }
      .documentation-section .documentation-container table.api tr td, .examples-section .documentation-container table.api tr td {
        text-align: left;
        margin: 0;
        padding: .5em;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        white-space: normal; }
        .documentation-section .documentation-container table.api tr td:first-child, .examples-section .documentation-container table.api tr td:first-child {
          margin-top: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          min-width: 170px;
          border-right: 1px solid #CCC;
          white-space: normal; }
          .documentation-section .documentation-container table.api tr td:first-child:only-child, .examples-section .documentation-container table.api tr td:first-child:only-child {
            border: none; }
          .documentation-section .documentation-container table.api tr td:first-child[colspan], .examples-section .documentation-container table.api tr td:first-child[colspan] {
            -webkit-box-flex: 100%;
                -ms-flex: 100%;
                    flex: 100%;
            border-right: none; }
        .documentation-section .documentation-container table.api tr td:nth-child(3), .examples-section .documentation-container table.api tr td:nth-child(3) {
          margin-bottom: 0; }
        .documentation-section .documentation-container table.api tr td + td:empty, .examples-section .documentation-container table.api tr td + td:empty {
          display: none; }
        .documentation-section .documentation-container table.api tr td + td:nth-child(3):not(:empty), .examples-section .documentation-container table.api tr td + td:nth-child(3):not(:empty) {
          border-left: 1px solid #CCC; }
    .documentation-section .documentation-container table.api + h2, .documentation-section .documentation-container table.api + h3, .examples-section .documentation-container table.api + h2, .examples-section .documentation-container table.api + h3 {
      margin-top: 2em; }
    .documentation-section .documentation-container table.api tr, .documentation-section .documentation-container table.api td, .examples-section .documentation-container table.api tr, .examples-section .documentation-container table.api td {
      white-space: nowrap; }
    @media (max-width: 960px) {
      .documentation-section .documentation-container table.api, .examples-section .documentation-container table.api {
        display: block;
        float: left;
        margin-bottom: 2em; }
        .documentation-section .documentation-container table.api thead, .documentation-section .documentation-container table.api tbody, .documentation-section .documentation-container table.api th, .documentation-section .documentation-container table.api td, .documentation-section .documentation-container table.api tr, .examples-section .documentation-container table.api thead, .examples-section .documentation-container table.api tbody, .examples-section .documentation-container table.api th, .examples-section .documentation-container table.api td, .examples-section .documentation-container table.api tr {
          display: block;
          float: left;
          width: 100%; }
        .documentation-section .documentation-container table.api tr, .examples-section .documentation-container table.api tr {
          border-left: 1px solid #ccc; }
          .documentation-section .documentation-container table.api tr th, .examples-section .documentation-container table.api tr th {
            border: none; }
            .documentation-section .documentation-container table.api tr th:nth-of-type(2), .examples-section .documentation-container table.api tr th:nth-of-type(2) {
              border-left: 1px solid #cccccc; }
        .documentation-section .documentation-container table.api tr td, .examples-section .documentation-container table.api tr td {
          border: none;
          overflow: auto; }
          .documentation-section .documentation-container table.api tr td:nth-of-type(2), .examples-section .documentation-container table.api tr td:nth-of-type(2) {
            border-left: 1px solid #cccccc; }
        .documentation-section .documentation-container table.api th, .documentation-section .documentation-container table.api td, .examples-section .documentation-container table.api th, .examples-section .documentation-container table.api td {
          width: 50%;
          float: left; }
        .documentation-section .documentation-container table.api tr:nth-child(even), .examples-section .documentation-container table.api tr:nth-child(even) {
          background: #f8f8f8; } }
  .documentation-section .documentation-container .anchor, .examples-section .documentation-container .anchor {
    margin-left: .2em;
    display: inline;
    visibility: hidden; }
  .documentation-section .documentation-container .algolia-places, .examples-section .documentation-container .algolia-places {
    color: #000000; }
  .documentation-section .documentation-container h2 .anchor, .documentation-section .documentation-container h3 .anchor, .documentation-section .documentation-container .api-entry .anchor, .examples-section .documentation-container h2 .anchor, .examples-section .documentation-container h3 .anchor, .examples-section .documentation-container .api-entry .anchor {
    text-decoration: none;
    position: absolute;
    z-index: 2;
    pointer-events: all; }
  .documentation-section .documentation-container h2 .anchor:after, .documentation-section .documentation-container h3 .anchor:after, .documentation-section .documentation-container .api-entry .anchor:after, .examples-section .documentation-container h2 .anchor:after, .examples-section .documentation-container h3 .anchor:after, .examples-section .documentation-container .api-entry .anchor:after {
    content: '#';
    color: #00aeff; }
  .documentation-section .documentation-container h2:hover .anchor, .documentation-section .documentation-container h3:hover .anchor, .documentation-section .documentation-container .api-entry:hover .anchor, .examples-section .documentation-container h2:hover .anchor, .examples-section .documentation-container h3:hover .anchor, .examples-section .documentation-container .api-entry:hover .anchor {
    visibility: visible; }
  .documentation-section .documentation-container h2:target .anchor, .documentation-section .documentation-container h3:target .anchor, .documentation-section .documentation-container .api-entry:target .anchor, .examples-section .documentation-container h2:target .anchor, .examples-section .documentation-container h3:target .anchor, .examples-section .documentation-container .api-entry:target .anchor {
    visibility: visible; }
  .documentation-section .documentation-container img, .examples-section .documentation-container img {
    max-width: 50%;
    margin: 0 25%; }

.documentation-section tr.api-entry-values .api-entry-type, .examples-section tr.api-entry-values .api-entry-type {
  white-space: nowrap; }

.documentation-section .DocProps .Prop, .documentation-section .DocProps .Type .Entry, .examples-section .DocProps .Prop, .examples-section .DocProps .Type .Entry {
  padding: 1.2em 0.8em;
  background-color: #EEE; }

.documentation-section .DocProps .Prop:nth-child(even), .documentation-section .DocProps .Type .Entry:nth-child(even), .examples-section .DocProps .Prop:nth-child(even), .examples-section .DocProps .Type .Entry:nth-child(even) {
  background-color: #E5E5E5; }

.documentation-section .DocProps .Entry__head, .examples-section .DocProps .Entry__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 1em; }

.documentation-section .DocProps .Entry__badge, .examples-section .DocProps .Entry__badge {
  padding: .3em .5em;
  font-size: 0.8em;
  background-color: #7FDBFF;
  margin-right: 0.5em; }

.documentation-section .DocProps .Entry__name, .examples-section .DocProps .Entry__name {
  font-weight: 700;
  margin-right: 0.5em; }

.documentation-section .DocProps .Entry__description ~ .Entry__default, .examples-section .DocProps .Entry__description ~ .Entry__default {
  padding-top: 1em; }

.documentation-section .DocProps .Entry__description p, .examples-section .DocProps .Entry__description p {
  margin: 0; }

.documentation-section .DocProps .Entry__link, .examples-section .DocProps .Entry__link {
  display: none;
  margin-left: 0.5em; }

.documentation-section .DocProps .Entry__head:hover .Entry__link, .examples-section .DocProps .Entry__head:hover .Entry__link {
  display: inline; }

.documentation-section .DocProps .Prop__types, .examples-section .DocProps .Prop__types {
  padding-top: 1em; }

.documentation-section .DocProps .Type__head, .examples-section .DocProps .Type__head {
  padding-bottom: 0.7em; }

.documentation-section .DocProps .Type__name, .examples-section .DocProps .Type__name {
  font-weight: 700; }

.documentation-section .DocProps .Type__link, .examples-section .DocProps .Type__link {
  display: none; }

.documentation-section .DocProps .Type__head:hover .Type__link, .examples-section .DocProps .Type__head:hover .Type__link {
  display: inline; }

.documentation-section .DocProps .Type__entries, .examples-section .DocProps .Type__entries {
  font-size: 0.9em;
  border: 1px solid #BBB; }

@media (max-width: 960px) {
  .documentation-section, .examples-section {
    padding-top: 32px; }
    .documentation-section .container .documentation-container, .examples-section .container .documentation-container {
      left: 0;
      width: 100%;
      padding: 32px 0; }
    .documentation-section .container article, .examples-section .container article {
      float: left;
      margin-top: 40px; }
    .documentation-section .documentation .hero-section .fl-left, .examples-section .documentation .hero-section .fl-left {
      max-width: 300px !important;
      width: 300px !important; } }

.examples-section > .container {
  padding-top: 120px; }

.storybook-section {
  margin-top: 20px;
  text-align: center;
  line-height: 42px; }

.highlight-key-part {
  background-color: rgba(5, 165, 209, 0.05);
  font-size: 16px;
  line-height: 22px;
  color: #5c7080;
  padding: 10px;
  border-left: 4px solid #05A5D1; }

.highlight-key-part__title {
  font-size: 18px;
  font-weight: 600; }

.badge {
  font-size: 14px;
  line-height: 18px;
  padding: 2px 4px;
  border-radius: 5px;
  display: inline;
  margin-top: 0.5em; }
  .badge.badge-event {
    background: #c2d5ff; }
  .badge.badge-chainable {
    background: #1D96C7;
    color: white; }

.method, .property, .typedef, .event {
  margin: 10px 0;
  width: 100%;
  font-size: 16px;
  line-height: 22px;
  border: 1px solid #d4d9de;
  border-radius: 5px; }
  .method > *, .property > *, .typedef > *, .event > * {
    padding: 0.5em; }
  .method .api-entry, .property .api-entry, .typedef .api-entry, .event .api-entry {
    text-decoration: none;
    color: black;
    font-weight: 500; }
    .method .api-entry:hover, .property .api-entry:hover, .typedef .api-entry:hover, .event .api-entry:hover {
      color: #00aeff; }
    .method .api-entry:focus, .property .api-entry:focus, .typedef .api-entry:focus, .event .api-entry:focus {
      outline: none; }
  .method .summary, .property .summary, .typedef .summary, .event .summary {
    border-bottom: 1px solid #f2f4f6;
    font-size: 1.3em; }
    .method .summary .name, .property .summary .name, .typedef .summary .name, .event .summary .name {
      margin-bottom: 5px; }
      .method .summary .name .param:after, .property .summary .name .param:after, .typedef .summary .name .param:after, .event .summary .name .param:after {
        content: ', '; }
      .method .summary .name .param:last-child:after, .property .summary .name .param:last-child:after, .typedef .summary .name .param:last-child:after, .event .summary .name .param:last-child:after {
        content: initial; }
      .method .summary .name .param.optional:before, .property .summary .name .param.optional:before, .typedef .summary .name .param.optional:before, .event .summary .name .param.optional:before {
        content: '['; }
      .method .summary .name .param.optional:after, .property .summary .name .param.optional:after, .typedef .summary .name .param.optional:after, .event .summary .name .param.optional:after {
        content: '], '; }
      .method .summary .name .param.optional:last-child:after, .property .summary .name .param.optional:last-child:after, .typedef .summary .name .param.optional:last-child:after, .event .summary .name .param.optional:last-child:after {
        content: ']'; }
  .method .parameters, .property .parameters, .typedef .parameters, .event .parameters {
    list-style-type: none;
    margin: 0;
    display: table;
    width: 100%; }
    .method .parameters:before, .property .parameters:before, .typedef .parameters:before, .event .parameters:before {
      content: 'Parameters';
      font-size: 1.2em; }
    .method .parameters .parameter, .property .parameters .parameter, .typedef .parameters .parameter, .event .parameters .parameter {
      display: table-row;
      width: 100%;
      margin-top: 3px; }
      .method .parameters .parameter .param, .method .parameters .parameter .type, .method .parameters .parameter .description, .property .parameters .parameter .param, .property .parameters .parameter .type, .property .parameters .parameter .description, .typedef .parameters .parameter .param, .typedef .parameters .parameter .type, .typedef .parameters .parameter .description, .event .parameters .parameter .param, .event .parameters .parameter .type, .event .parameters .parameter .description {
        display: table-cell; }
      .method .parameters .parameter .param, .property .parameters .parameter .param, .typedef .parameters .parameter .param, .event .parameters .parameter .param {
        width: 20%;
        font-family: "inconsolata", monospace; }
      .method .parameters .parameter .type, .property .parameters .parameter .type, .typedef .parameters .parameter .type, .event .parameters .parameter .type {
        width: 15%;
        padding-left: 3px; }
      .method .parameters .parameter .description, .property .parameters .parameter .description, .typedef .parameters .parameter .description, .event .parameters .parameter .description {
        padding-left: 3px;
        width: 65%; }
  .method .type-properties, .property .type-properties, .typedef .type-properties, .event .type-properties {
    list-style-type: none;
    margin: 0;
    display: table;
    width: 100%; }
    .method .type-properties:before, .property .type-properties:before, .typedef .type-properties:before, .event .type-properties:before {
      content: 'Properties';
      font-size: 1.2em; }
    .method .type-properties .type-property, .property .type-properties .type-property, .typedef .type-properties .type-property, .event .type-properties .type-property {
      display: table-row;
      width: 100%;
      margin-top: 3px; }
      .method .type-properties .type-property .param, .method .type-properties .type-property .type, .method .type-properties .type-property .description, .property .type-properties .type-property .param, .property .type-properties .type-property .type, .property .type-properties .type-property .description, .typedef .type-properties .type-property .param, .typedef .type-properties .type-property .type, .typedef .type-properties .type-property .description, .event .type-properties .type-property .param, .event .type-properties .type-property .type, .event .type-properties .type-property .description {
        display: table-cell; }
      .method .type-properties .type-property .param, .property .type-properties .type-property .param, .typedef .type-properties .type-property .param, .event .type-properties .type-property .param {
        width: 20%;
        font-family: "inconsolata", monospace; }
      .method .type-properties .type-property .type, .property .type-properties .type-property .type, .typedef .type-properties .type-property .type, .event .type-properties .type-property .type {
        width: 15%;
        padding-left: 3px; }
      .method .type-properties .type-property .description, .property .type-properties .type-property .description, .typedef .type-properties .type-property .description, .event .type-properties .type-property .description {
        padding-left: 3px;
        width: 65%; }
  .method .type, .property .type, .typedef .type, .event .type {
    font-family: "inconsolata", monospace;
    font-size: 0.9em; }
    .method .type span:after, .property .type span:after, .typedef .type span:after, .event .type span:after {
      content: ' | '; }
    .method .type span:last-child:after, .property .type span:last-child:after, .typedef .type span:last-child:after, .event .type span:last-child:after {
      content: initial; }
  .method .returns, .property .returns, .typedef .returns, .event .returns {
    display: table;
    width: 100%; }
    .method .returns:before, .property .returns:before, .typedef .returns:before, .event .returns:before {
      content: 'Returns';
      font-size: 1.2em;
      display: block; }
    .method .returns .return, .property .returns .return, .typedef .returns .return, .event .returns .return {
      display: table-row;
      width: 100%; }
      .method .returns .return .type, .method .returns .return .description, .property .returns .return .type, .property .returns .return .description, .typedef .returns .return .type, .typedef .returns .return .description, .event .returns .return .type, .event .returns .return .description {
        display: table-cell; }
      .method .returns .return .type, .property .returns .return .type, .typedef .returns .return .type, .event .returns .return .type {
        width: 35%; }
        .method .returns .return .type span:after, .property .returns .return .type span:after, .typedef .returns .return .type span:after, .event .returns .return .type span:after {
          content: ' or '; }
        .method .returns .return .type span:last-child:after, .property .returns .return .type span:last-child:after, .typedef .returns .return .type span:last-child:after, .event .returns .return .type span:last-child:after {
          content: initial; }
      .method .returns .return .description, .property .returns .return .description, .typedef .returns .return .description, .event .returns .return .description {
        font-family: "Raleway", Helvetica Neue, helvetica;
        width: 65%;
        padding-left: 3px; }
  .method .examples:before, .property .examples:before, .typedef .examples:before, .event .examples:before {
    content: 'Examples';
    font-size: 1.2em; }

.signature .type {
  font-family: "Raleway", Helvetica Neue, helvetica;
  font-size: 1em; }

.examples-intro {
  margin-top: 4em;
  margin-bottom: 6em;
  float: left;
  width: 100%;
  display: none; }
  @media (max-width: 960px) {
    .examples-intro {
      margin-bottom: 1.5em; } }
  body.examples .examples-intro {
    display: block; }
  .examples-intro .items-holder {
    margin: 2em auto 2em;
    display: block;
    max-width: 940px;
    padding: 0em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    @media (max-width: 960px) {
      .examples-intro .items-holder {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 0; } }
    .examples-intro .items-holder a {
      text-decoration: none;
      color: inherit; }
    .examples-intro .items-holder .item {
      max-width: 120px;
      height: 120px;
      float: left;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      margin: 0 22px;
      text-align: center; }
      .examples-intro .items-holder .item:first-of-type {
        margin-left: 0; }
      .examples-intro .items-holder .item:last-of-type {
        margin-right: 0; }
      @media (max-width: 960px) {
        .examples-intro .items-holder .item {
          margin: auto auto 58px;
          width: 50%; }
          .examples-intro .items-holder .item:first-of-type {
            margin-left: auto; }
          .examples-intro .items-holder .item:last-of-type {
            margin-right: auto; } }
      .examples-intro .items-holder .item span.square {
        display: block;
        position: relative;
        max-width: 120px;
        height: 120px;
        border-radius: 16px;
        -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
                box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
        -webkit-transition: -webkit-box-shadow 0.3s ease, -webkit-transform 0.1s ease;
        transition: -webkit-box-shadow 0.3s ease, -webkit-transform 0.1s ease;
        transition: box-shadow 0.3s ease, transform 0.1s ease;
        transition: box-shadow 0.3s ease, transform 0.1s ease, -webkit-box-shadow 0.3s ease, -webkit-transform 0.1s ease; }
        .examples-intro .items-holder .item span.square.input {
          background: linear-gradient(135deg, #13c4a5 0, #10a4b8 100%); }
        .examples-intro .items-holder .item span.square.form {
          background: linear-gradient(138deg, #af84e3 0, #5071c7 100%); }
        .examples-intro .items-holder .item span.square.city {
          background: linear-gradient(314deg, #ec4918 0, #e25d8d 100%); }
        .examples-intro .items-holder .item span.square.country {
          background: linear-gradient(134deg, #fad961 0, #f76b1c 100%); }
        .examples-intro .items-holder .item span.square.map {
          background: linear-gradient(135deg, #81bf30 0, #00bdbd 100%); }
        .examples-intro .items-holder .item span.square.advanced {
          background: linear-gradient(135deg, #bfbfbf 0, #8a8a8a 100%); }
        .examples-intro .items-holder .item span.square:hover {
          -webkit-box-shadow: none;
                  box-shadow: none;
          -webkit-transform: scale(1.05);
                  transform: scale(1.05); }
          .examples-intro .items-holder .item span.square:hover ~ .name {
            opacity: 1; }
      .examples-intro .items-holder .item svg {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      .examples-intro .items-holder .item .name {
        font-family: 'Open Sans', Helvetica Neue, helvetica, sans-serif;
        opacity: 0.8;
        font-size: 16px;
        font-weight: 300;
        line-height: 52px;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease; }

.examples-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 0 60px; }
  .examples-container .example-tile {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 47%;
            flex: 0 1 47%;
    margin-bottom: 4em;
    padding: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .examples-container .example-tile h2 {
      border-bottom: none;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .examples-container .example-tile a {
      background: #fefefe;
      padding: 1em;
      border: 1px solid #ebebeb;
      -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.08);
              box-shadow: 0 20px 20px rgba(0, 0, 0, 0.08);
      border-radius: 3px;
      position: relative;
      text-align: center;
      display: block;
      width: 100%;
      position: relative; }
      @media (max-width: 960px) {
        .examples-container .example-tile a figcaption {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 100%;
          display: block;
          height: 50px;
          line-height: 1;
          font-size: 12px;
          top: 30px; } }
      .examples-container .example-tile a:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0, 174, 255, 0.95);
        opacity: 0;
        z-index: 0;
        border-radius: 3px;
        -webkit-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease;
        pointer-events: none; }
      .examples-container .example-tile a figure img {
        width: 100%; }
      .examples-container .example-tile a figcaption {
        width: 100%;
        text-indent: 0;
        color: inherit;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        text-transform: uppercase;
        font-size: 1.6em;
        font-weight: bold;
        color: #fff;
        -webkit-transform: scale(0);
                transform: scale(0);
        z-index: 2;
        line-height: 0;
        -webkit-transition: -webkit-transform 0.2s ease;
        transition: -webkit-transform 0.2s ease;
        transition: transform 0.2s ease;
        transition: transform 0.2s ease, -webkit-transform 0.2s ease; }
      .examples-container .example-tile a:hover:after {
        opacity: 1; }
      .examples-container .example-tile a:hover figcaption {
        -webkit-transform: scale(1);
                transform: scale(1); }

.form-control {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 16px;
  line-height: 40px;
  height: 40px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  outline: none; }

.form-group {
  margin-bottom: 1em;
  clear: both; }
  .form-group label {
    display: block;
    font-weight: bold;
    font-size: .8em; }

#map-example-container,
#map-example-container-paris {
  position: relative;
  z-index: 0; }

body.example .cm-navigation {
  z-index: 99999;
  top: 0;
  border-bottom: 1px solid #0d151d; }

body.example aside {
  float: left;
  top: 130px; }

body.example .content-wrapper {
  top: 60px; }

body.example #results-topbar {
  min-height: 60px; }

body.example .btn {
  color: black; }

.tagline a {
  color: #3a5395; }

.hero-section {
  background: url("../images/react-atom-7f1fd3f44bdf1b688a1f755e39c87a0f.svg"), -webkit-gradient(linear, left top, right bottom, from(#322f4c), to(#1c1b2f));
  background: url("../images/react-atom-7f1fd3f44bdf1b688a1f755e39c87a0f.svg"), linear-gradient(to bottom right, #322f4c, #1c1b2f);
  background-repeat: no-repeat, repeat;
  background-position: top center, top left;
  background-size: 800px, 100%;
  color: #FFF;
  padding-top: 90px;
  overflow: hidden;
  position: relative;
  z-index: 5;
  height: 500px;
  margin-top: 60px;
  text-align: center; }
  .hero-section:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?> <!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version='1.1' baseProfile='basic' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 52.2 90.4' xml:space='preserve'> <style type='text/css'> .st0{fill:none;stroke:%23FFF;stroke-miterlimit:10;} </style> <polygon class='st0' points='0,90.4 52.2,0 0,0 52.2,90.4 '/> <line class='st0' x1='0' y1='45.2' x2='52.2' y2='45.2'/> </svg>");
    background-position: center center;
    background-size: 60px;
    opacity: 0.05; }
  .hero-section .container,
  .hero-section .hero-container {
    position: relative;
    z-index: 5; }
  .hero-section .relative {
    margin-top: 4em;
    float: left;
    width: 100%;
    display: none; }
    body.index .hero-section .relative {
      display: block; }
  .hero-section .btn.btn-fat-uc {
    max-width: 230px;
    margin-top: 2.25em; }
    .hero-section .btn.btn-fat-uc:hover {
      font-size: 16px; }
  .hero-section .article-title {
    width: 70%;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
    .hero-section .article-title a {
      text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.2); }
    .hero-section .article-title .algolia-website-logo-link {
      width: 20px;
      display: inline-block;
      position: relative;
      z-index: 9; }
    .hero-section .article-title figure {
      margin-top: 1em;
      position: relative; }
      .hero-section .article-title figure img {
        max-width: 500px;
        margin: 0.5em 0; }
    .hero-section .article-title h2 {
      font-weight: 300; }
    .hero-section .article-title.doc-only {
      width: 100%; }
  .hero-section h1.project-title {
    position: relative;
    top: -10px;
    font-size: 14px !important;
    font-weight: 800;
    text-transform: uppercase; }
  .hero-section h2 {
    font-size: 42px;
    font-weight: 300; }
  .hero-section .icon {
    width: 20px;
    height: 20px;
    display: block;
    position: relative; }
    .hero-section .icon:after {
      position: absolute;
      display: block;
      content: '';
      width: 16px;
      height: 2px;
      background: #FFF;
      top: 30px;
      left: 0;
      right: 0;
      margin: auto;
      opacity: 0.5; }
  @media (max-width: 960px) {
    .hero-section {
      text-align: center;
      padding-top: 16px;
      position: relative;
      max-width: 100%;
      background-position: center center, center center;
      background-size: 500px, 100%; }
      .hero-section .hero-container {
        top: 70px; }
      .hero-section .fl-left {
        width: 100%;
        margin-top: 90px;
        padding-left: 2em;
        max-width: 500px;
        float: none; }
        body.documentation .hero-section .fl-left {
          margin-top: 0; }
      .hero-section .fl-left.project-logo {
        display: none; }
      .hero-section .fl-right {
        display: none; }
      .hero-section .small-illustration {
        max-width: 30%;
        display: block;
        margin: auto; }
        .hero-section .small-illustration img {
          width: 100%; }
      .hero-section h1.project-title {
        font-size: 28px; }
      .hero-section .btn {
        max-width: 100%; }
      .hero-section #json-response-text {
        text-align: left; } }
  .hero-section.shrink {
    min-height: 314px; }
  .hero-section .fl-right svg {
    max-width: 260px;
    position: relative;
    top: -20px; }
    .hero-section .fl-right svg path,
    .hero-section .fl-right svg ellipse {
      -webkit-transform: translateY(12px);
              transform: translateY(12px); }
  body.documentation .hero-section {
    min-height: 150px;
    height: 150px;
    line-height: 150px;
    padding: 0;
    background-size: 250px, 100%;
    background-position: center right 10vw, center center;
    text-align: left; }
    body.documentation .hero-section .doc-only {
      display: block; }
      body.documentation .hero-section .doc-only figure {
        line-height: 150px; }
        body.documentation .hero-section .doc-only figure img {
          max-width: 46px;
          margin-right: 16px;
          vertical-align: middle; }
        body.documentation .hero-section .doc-only figure figcaption {
          position: relative;
          vertical-align: middle;
          text-indent: inherit;
          top: inherit;
          color: #fff;
          display: inline-block; }
          @media (max-width: 960px) {
            body.documentation .hero-section .doc-only figure figcaption {
              width: calc(100% - 90px); }
              body.documentation .hero-section .doc-only figure figcaption h1 {
                font-size: 28px;
                line-height: 1.2; } }
    body.documentation .hero-section .btn {
      display: none; }
    body.documentation .hero-section .fl-left {
      height: 150px;
      line-height: 150px;
      padding-top: 0 !important; }
    body.documentation .hero-section figure {
      margin-top: 0;
      height: 150px; }
    body.documentation .hero-section h1.project-title {
      font-size: 2.6em !important;
      font-weight: 600;
      text-transform: none; }
    body.documentation .hero-section .tagline {
      display: none; }
    body.documentation .hero-section:before {
      z-index: -1;
      -webkit-transform: translateZ(0);
              transform: translateZ(0); }
    body.documentation .hero-section .container,
    body.documentation .hero-section .relative {
      margin-top: 0; }
    body.documentation .hero-section .fl-right,
    body.documentation .hero-section .fl-left {
      padding-top: 2.5em; }
    body.documentation .hero-section .project-logo svg {
      max-width: 20% !important;
      top: 0px; }
    body.documentation .hero-section .article-title h1.project-title {
      padding-top: 0.25em; }

@-webkit-keyframes fill {
  0% {
    fill-opacity: 0; }
  100% {
    fill-opacity: 1; } }

@keyframes fill {
  0% {
    fill-opacity: 0; }
  100% {
    fill-opacity: 1; } }

@-webkit-keyframes swan-dash {
  100% {
    stroke-dashoffset: 0; } }

@keyframes swan-dash {
  100% {
    stroke-dashoffset: 0; } }

.documentation .hero-container {
  top: 0; }

nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a:focus, nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a:target, nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a.active, nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a.navItem-active {
  color: #00aeff;
  -webkit-box-shadow: inset -2px 0 0 0 #00aeff;
          box-shadow: inset -2px 0 0 0 #00aeff;
  font-weight: bold; }
  @supports (-webkit-background-clip: text) and (-webkit-text-fill-color: transparent) {
    nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a:focus, nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a:target, nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a.active, nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a.navItem-active {
      background: -webkit-linear-gradient(120deg, #00aeff, #00aeff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; } }
  @media (max-width: 960px) {
    nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a:focus, nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a:target, nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a.active, nav.sidebar .sidebar-container .sidebar-elements .sidebar-element a.navItem-active {
      font-weight: bold;
      -webkit-box-shadow: none;
              box-shadow: none;
      color: #fff; } }

.cm-navigation {
  background: #1d2f40;
  width: 100%;
  height: 60px;
  font-family: "Open Sans", open sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  float: left;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 2000px;
          perspective: 2000px;
  position: fixed;
  z-index: 100; }
  .cm-navigation a {
    color: #fff;
    text-decoration: none;
    font-weight: 300; }
  .cm-navigation .cm-navigation__brands {
    max-width: 560px;
    width: auto;
    height: 60px;
    float: left;
    overflow: hidden; }
    .cm-navigation .cm-navigation__brands > div {
      float: left;
      text-align: center;
      line-height: 60px;
      position: relative;
      -webkit-transition: -webkit-transform 0.4s ease;
      transition: -webkit-transform 0.4s ease;
      transition: transform 0.4s ease;
      transition: transform 0.4s ease, -webkit-transform 0.4s ease; }
    .cm-navigation .cm-navigation__brands a {
      display: block;
      width: 100%;
      height: 100%;
      float: left; }
    @media (max-width: 1140px) {
      .cm-navigation .cm-navigation__brands {
        max-width: auto;
        width: auto;
        -webkit-transform: translateX(-204px);
                transform: translateX(-204px);
        float: left;
        overflow: visible; } }
    @media (max-width: 960px) {
      .cm-navigation .cm-navigation__brands {
        width: 600px; } }
    .cm-navigation .cm-navigation__brands--algolia {
      width: 180px;
      background: #2f404f;
      z-index: 10;
      height: 60px; }
      .cm-navigation .cm-navigation__brands--algolia:after {
        content: '';
        display: block;
        position: absolute;
        z-index: 10;
        height: 100%;
        width: 40px;
        top: 0;
        right: -34px;
        background: url("data:image/svg+xml;utf8,<svg width='31' height='62' viewBox='0 0 31 62' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><title>Rectangle</title><defs><path id='b' d='M6 1l23 30L6 61H0V1z'/><filter x='-50%' y='-50%' width='200%' height='200%' filterUnits='objectBoundingBox' id='a'><feOffset dx='1' in='SourceAlpha' result='shadowOffsetOuter1'/><feGaussianBlur stdDeviation='.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0' in='shadowBlurOuter1'/></filter></defs><g fill='%232f404f' fill-rule='evenodd'><use filter='url(%23a)' xlink:href='%23b'/><use xlink:href='%23b'/></g></svg>") no-repeat; }
      .cm-navigation .cm-navigation__brands--algolia img {
        max-width: 100%;
        vertical-align: middle; }
      .cm-navigation .cm-navigation__brands--algolia:hover svg path:nth-child(1) {
        fill: #46AEDA; }
      .cm-navigation .cm-navigation__brands--algolia:hover svg {
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
    .cm-navigation .cm-navigation__brands--community {
      width: 180px;
      background: #263748; }
      .cm-navigation .cm-navigation__brands--community:after {
        content: '';
        display: block;
        position: absolute;
        z-index: 10;
        height: 100%;
        width: 40px;
        top: 0;
        right: -34px;
        background: url("data:image/svg+xml;utf8,<svg width='31' height='62' viewBox='0 0 31 62' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><title>Rectangle</title><defs><path id='b' d='M6 1l23 30L6 61H0V1z'/><filter x='-50%' y='-50%' width='200%' height='200%' filterUnits='objectBoundingBox' id='a'><feOffset dx='1' in='SourceAlpha' result='shadowOffsetOuter1'/><feGaussianBlur stdDeviation='.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0' in='shadowBlurOuter1'/></filter></defs><g fill='%23263748' fill-rule='evenodd'><use filter='url(%23a)' xlink:href='%23b'/><use xlink:href='%23b'/></g></svg>") no-repeat; }
      .cm-navigation .cm-navigation__brands--community img {
        display: inline;
        width: 32px;
        vertical-align: middle;
        margin-right: 0.5em;
        margin-left: 1em; }
      .cm-navigation .cm-navigation__brands--community.dropdownActive ~ .cm-navigation__dropdown-holder .cm-navigation__brands-dropdown,
      .cm-navigation .cm-navigation__brands--community.dropdownActive .cm-navigation__dropdown-holder:hover {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
        z-index: 11;
        visibility: visible;
        pointer-events: auto; }
      @media (max-width: 960px) {
        .cm-navigation .cm-navigation__brands--community {
          max-width: 80px; }
          .cm-navigation .cm-navigation__brands--community svg {
            left: 16px; }
          .cm-navigation .cm-navigation__brands--community span {
            display: none; } }
    .cm-navigation .cm-navigation__brands--project {
      padding-left: 2.5em; }
      @media (max-width: 960px) {
        .cm-navigation .cm-navigation__brands--project {
          width: 200px;
          padding-left: 0; } }
  .cm-navigation .cm-navigation__dropdown-holder {
    position: absolute !important;
    top: 60px;
    left: 0;
    max-width: 490px;
    width: 100%;
    height: 800px;
    -webkit-perspective: 500px;
            perspective: 500px;
    pointer-events: none;
    z-index: 999; }
    @media (max-width: 960px) {
      .cm-navigation .cm-navigation__dropdown-holder {
        display: none; } }
  .cm-navigation .cm-navigation__brands-dropdown {
    width: 490px;
    position: absolute !important;
    z-index: -1;
    top: 10px;
    left: 1em;
    background: #FFF;
    border-radius: 8px;
    -webkit-box-shadow: 0 32px 44px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 32px 44px 0 rgba(0, 0, 0, 0.2);
    opacity: 0;
    -webkit-transform: rotateX(-20deg) translateZ(20px) scale(0.95);
            transform: rotateX(-20deg) translateZ(20px) scale(0.95);
    -webkit-transform-origin: 50% -50px;
            transform-origin: 50% -50px;
    opacity: 0;
    will-change: transform, opacity, visibility;
    transition-property: transform, opacity, -webkit-transform ,visibility;
    -webkit-transition-duration: .35s;
            transition-duration: .35s;
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media (max-width: 1140px) {
      .cm-navigation .cm-navigation__brands-dropdown {
        left: 50%; } }
    @media (max-width: 768px) {
      .cm-navigation .cm-navigation__brands-dropdown {
        display: none; } }
    .cm-navigation .cm-navigation__brands-dropdown:after {
      content: '';
      display: block;
      width: 24px;
      height: 24px;
      background: #fff;
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      margin: auto;
      -webkit-transform: rotate(-45deg) translateY(-10px);
              transform: rotate(-45deg) translateY(-10px);
      -webkit-transform-origin: 50% 0;
              transform-origin: 50% 0;
      border-radius: 3px; }
      @media (max-width: 1140px) {
        .cm-navigation .cm-navigation__brands-dropdown:after {
          right: inherit;
          left: 2em; } }
    .cm-navigation .cm-navigation__brands-dropdown__container {
      margin: 2em 0 0;
      float: left;
      width: 100%;
      background: #f6f9fc; }
    .cm-navigation .cm-navigation__brands-dropdown__footer {
      font-size: 18px; }
      .cm-navigation .cm-navigation__brands-dropdown__footer img,
      .cm-navigation .cm-navigation__brands-dropdown__footer svg {
        vertical-align: middle; }
      .cm-navigation .cm-navigation__brands-dropdown__footer a {
        color: #000; }
    .cm-navigation .cm-navigation__brands-dropdown p {
      font-size: 16px;
      font-weight: 600;
      color: #1d3657; }
    .cm-navigation .cm-navigation__brands-dropdown [data-inject-community] {
      padding: 0 1em; }
    .cm-navigation .cm-navigation__brands-dropdown .dropdown-item {
      -webkit-box-flex: 50%;
          -ms-flex: 50%;
              flex: 50%;
      margin: 0.5em auto;
      border-radius: 3px; }
      .cm-navigation .cm-navigation__brands-dropdown .dropdown-item:hover {
        background: rgba(0, 0, 0, 0.1); }
        .cm-navigation .cm-navigation__brands-dropdown .dropdown-item:hover .item-icon {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1); }
          .cm-navigation .cm-navigation__brands-dropdown .dropdown-item:hover .item-icon img {
            -webkit-transform: scale(1.1);
                    transform: scale(1.1); }
      .cm-navigation .cm-navigation__brands-dropdown .dropdown-item a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #1d2f40; }
      .cm-navigation .cm-navigation__brands-dropdown .dropdown-item h4 {
        -webkit-box-flex: 60%;
            -ms-flex: 60%;
                flex: 60%;
        text-align: center;
        text-transform: capitalize;
        text-align: left; }
      .cm-navigation .cm-navigation__brands-dropdown .dropdown-item .item-icon {
        width: 38px;
        height: 38px;
        margin: 8px;
        border-radius: 4px;
        padding: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
        .cm-navigation .cm-navigation__brands-dropdown .dropdown-item .item-icon img {
          max-width: 100%;
          -webkit-transition: -webkit-transform 0.3s ease 0.15s;
          transition: -webkit-transform 0.3s ease 0.15s;
          transition: transform 0.3s ease 0.15s;
          transition: transform 0.3s ease 0.15s, -webkit-transform 0.3s ease 0.15s; }
      .cm-navigation .cm-navigation__brands-dropdown .dropdown-item svg,
      .cm-navigation .cm-navigation__brands-dropdown .dropdown-item img {
        margin: 0 16px;
        -webkit-box-flex: 20%;
            -ms-flex: 20%;
                flex: 20%;
        max-width: 32px;
        text-align: center;
        vertical-align: middle;
        margin: auto; }
    .cm-navigation .cm-navigation__brands-dropdown .community-logo {
      max-width: 140px;
      margin-right: 6px; }
    .cm-navigation .cm-navigation__brands-dropdown .algolia-logo {
      max-width: 80px; }
  .cm-navigation .cm-navigation__menu-mobile-trigger {
    float: right;
    height: 60px;
    line-height: 60px;
    display: none; }
    .cm-navigation .cm-navigation__menu-mobile-trigger button {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      border: none;
      background: transparent;
      padding: 0 1em; }
    @media (max-width: 768px) {
      .cm-navigation .cm-navigation__menu-mobile-trigger {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9999; } }
  .cm-navigation .cm-navigation__menu {
    float: right;
    width: auto;
    height: 60px;
    line-height: 60px; }
    @media (max-width: 960px) {
      .cm-navigation .cm-navigation__menu {
        position: absolute;
        right: 0;
        top: 0; } }
    .cm-navigation .cm-navigation__menu .cm-menu__list {
      list-style: none;
      padding: 0;
      margin: 0;
      float: left;
      position: relative; }
      .cm-navigation .cm-navigation__menu .cm-menu__list__item {
        display: inline-block;
        padding: 0;
        margin: 0;
        height: 60px;
        line-height: 60px;
        float: left;
        margin-right: 20px;
        position: relative; }
        .cm-navigation .cm-navigation__menu .cm-menu__list__item:hover, .cm-navigation .cm-navigation__menu .cm-menu__list__item.active {
          border-bottom: 4px solid #00aeff; }
          @media (max-width: 960px) {
            .cm-navigation .cm-navigation__menu .cm-menu__list__item:hover, .cm-navigation .cm-navigation__menu .cm-menu__list__item.active {
              border-bottom: none; } }
        .cm-navigation .cm-navigation__menu .cm-menu__list__item.active:after {
          content: "";
          width: 100%;
          height: 4px;
          position: absolute;
          bottom: 0;
          left: 0;
          -webkit-animation: slidebg 0.8s ease;
                  animation: slidebg 0.8s ease;
          will-change: background-size; }
        .cm-navigation .cm-navigation__menu .cm-menu__list__item a:not([href]) {
          cursor: pointer; }
        .cm-navigation .cm-navigation__menu .cm-menu__list__item a {
          display: block;
          height: 100%; }
      .cm-navigation .cm-navigation__menu .cm-menu__list.shrinked-nav .cm-menu__list__item {
        display: none; }
      .cm-navigation .cm-navigation__menu .cm-menu__list.shrinked-nav ~ .hidden-nav {
        display: block; }
    .cm-navigation .cm-navigation__menu .hidden-nav {
      display: none;
      width: 180px;
      position: relative; }
    .cm-navigation .cm-navigation__menu .github-icon {
      height: 22px;
      line-height: 60px; }
      .cm-navigation .cm-navigation__menu .github-icon svg {
        max-height: 100%;
        vertical-align: middle; }
        .cm-navigation .cm-navigation__menu .github-icon svg use {
          fill: #fff; }
    .cm-navigation .cm-navigation__menu .cm-menu__search {
      width: auto;
      padding: 0 16px;
      height: 60px;
      float: left; }
      .cm-navigation .cm-navigation__menu .cm-menu__search--holder {
        float: left;
        position: relative;
        width: 32px;
        height: 60px; }
      .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input {
        position: relative;
        width: auto;
        overflow: visible;
        -webkit-transition: width 0.28s ease;
        transition: width 0.28s ease; }
        .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input button {
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          border: none;
          background: transparent;
          position: absolute;
          z-index: 3;
          top: 0;
          bottom: 0;
          margin: auto;
          outline: none;
          display: none;
          width: 16px;
          height: 16px;
          -webkit-transition: -webkit-transform 0.28s ease;
          transition: -webkit-transform 0.28s ease;
          transition: transform 0.28s ease;
          transition: transform 0.28s ease, -webkit-transform 0.28s ease; }
          .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input button#search, .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input button#search-mobile {
            display: block;
            left: 8px; }
            .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input button#search svg, .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input button#search-mobile svg {
              pointer-events: none;
              max-width: 16px;
              max-height: 60px;
              display: inline-block;
              vertical-align: middle;
              z-index: 1;
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              margin: auto;
              -webkit-transition: opacity 0.28s ease 0.15s;
              transition: opacity 0.28s ease 0.15s;
              pointer-events: all;
              margin: auto; }
              .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input button#search svg use, .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input button#search-mobile svg use {
                fill: #fff; }
          .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input button#cancel svg, .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input button#cancel-mobile svg {
            max-width: 16px;
            display: inline-block;
            vertical-align: middle;
            max-height: 60px;
            z-index: 1;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            -webkit-transition: opacity 0.28s ease 0.15s;
            transition: opacity 0.28s ease 0.15s;
            pointer-events: all;
            opacity: 0;
            right: 16px; }
            .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input button#cancel svg use, .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input button#cancel-mobile svg use {
              fill: #fff; }
          .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input button#cancel:active svg, .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input button#cancel-mobile:active svg {
            -webkit-transform: scale(0.9);
                    transform: scale(0.9); }
        .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input .algolia-autocomplete {
          position: inherit !important;
          display: initial !important; }
        .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input input[type=search] {
          padding: 0;
          margin: 0;
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          background: transparent;
          width: 32px;
          height: 32px;
          border: 1px solid;
          border: none;
          position: relative;
          left: 0;
          z-index: 1;
          cursor: pointer;
          -webkit-transition: background 0.28s ease, border-radius 0.28s ease, width 0.28s ease, -webkit-transform 0.28s ease;
          transition: background 0.28s ease, border-radius 0.28s ease, width 0.28s ease, -webkit-transform 0.28s ease;
          transition: background 0.28s ease, transform 0.28s ease, border-radius 0.28s ease, width 0.28s ease;
          transition: background 0.28s ease, transform 0.28s ease, border-radius 0.28s ease, width 0.28s ease, -webkit-transform 0.28s ease;
          color: transparent;
          padding: 8px; }
          .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input input[type=search]::-webkit-input-placeholder {
            color: transparent; }
          .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input input[type=search]:-moz-placeholder {
            color: transparent; }
          .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input input[type=search]::-moz-placeholder {
            color: transparent; }
          .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input input[type=search]:-ms-input-placeholder {
            color: transparent; }
          .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input input[type=search]#searchbox {
            vertical-align: middle !important; }
        .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input.open {
          width: 300px; }
          .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input.open .algolia-autocomplete input {
            background: #2e3f4f;
            width: 100%;
            border-radius: 3px;
            -webkit-transform: translateX(calc(-300px + 1.5em));
                    transform: translateX(calc(-300px + 1.5em));
            outline: none;
            padding-left: 2.1em;
            cursor: auto;
            color: #fff; }
            .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input.open .algolia-autocomplete input::-webkit-input-placeholder {
              color: rgba(255, 255, 255, 0.3); }
            .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input.open .algolia-autocomplete input:-moz-placeholder {
              color: rgba(255, 255, 255, 0.3); }
            .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input.open .algolia-autocomplete input::-moz-placeholder {
              color: rgba(255, 255, 255, 0.3); }
            .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input.open .algolia-autocomplete input:-ms-input-placeholder {
              color: rgba(255, 255, 255, 0.3); }
          .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input.open button#search {
            -webkit-transform: translateX(calc(-300px + 1.6em));
                    transform: translateX(calc(-300px + 1.6em)); }
          .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input.open button#cancel {
            display: block; }
            .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input.open button#cancel svg {
              opacity: 0.8; }
              .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input.open button#cancel svg:hover {
                -webkit-transform: scale(1.1);
                        transform: scale(1.1);
                opacity: 1; }
          @media (max-width: 1200px) {
            .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input.open {
              width: 200px; }
              .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input.open .algolia-autocomplete input {
                -webkit-transform: translateX(calc(-200px + 1.5em));
                        transform: translateX(calc(-200px + 1.5em)); }
              .cm-navigation .cm-navigation__menu .cm-menu__search .cm-search__input.open button#search {
                -webkit-transform: translateX(calc(-200px + 1.6em));
                        transform: translateX(calc(-200px + 1.6em)); } }
    @media (max-width: 768px) {
      .cm-navigation .cm-navigation__menu {
        width: 100%;
        height: calc(100vh - 60px);
        background: #fff;
        float: left;
        -webkit-transition: -webkit-transform 0.18s ease;
        transition: -webkit-transform 0.18s ease;
        transition: transform 0.18s ease;
        transition: transform 0.18s ease, -webkit-transform 0.18s ease;
        will-change: transform;
        -webkit-perspective: 2000px;
                perspective: 2000px; } }
  @media (max-width: 768px) and (max-width: 768px) {
    .cm-navigation .cm-navigation__menu:not(.mobile-navigation-wrapper) {
      display: none; } }
    @media (max-width: 768px) {
        .cm-navigation .cm-navigation__menu .cm-menu__list {
          width: 100%; }
          .cm-navigation .cm-navigation__menu .cm-menu__list__item {
            width: 100%;
            border-bottom: 1px solid rgba(29, 54, 87, 0.1); }
            .cm-navigation .cm-navigation__menu .cm-menu__list__item:first-child {
              border-top: 1px solid rgba(29, 54, 87, 0.1); }
          .cm-navigation .cm-navigation__menu .cm-menu__list a {
            color: #1D2F40;
            font-weight: bold;
            padding: 0 1em;
            float: left;
            display: block;
            width: 100%;
            height: 100%; }
            .cm-navigation .cm-navigation__menu .cm-menu__list a:hover {
              background: #e3ecf6; }
          .cm-navigation .cm-navigation__menu .cm-menu__list figure svg,
          .cm-navigation .cm-navigation__menu .cm-menu__list figure img {
            display: none; }
          .cm-navigation .cm-navigation__menu .cm-menu__list figure figcaption {
            text-indent: 0;
            display: inline-block;
            position: relative; }
        .cm-navigation .cm-navigation__menu:not(.opened) {
          -webkit-transform: translateX(100%) rotateY(10deg) skewY(10deg);
                  transform: translateX(100%) rotateY(10deg) skewY(10deg); } }
  .cm-navigation .mobile-navigation-wrapper {
    position: absolute;
    z-index: 998;
    top: 60px;
    left: 0;
    width: 100%;
    height: 100vh;
    -webkit-transform-origin: 50% -100%;
            transform-origin: 50% -100%;
    background-color: #f6f9fc; }
    .cm-navigation .mobile-navigation-wrapper:not(.opened) {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%); }
    .cm-navigation .mobile-navigation-wrapper #mobile-searchbox,
    .cm-navigation .mobile-navigation-wrapper .cm-menu__search,
    .cm-navigation .mobile-navigation-wrapper .cm-menu__search--holder {
      width: 100%; }
    .cm-navigation .mobile-navigation-wrapper #mobile-searchbox {
      display: block;
      height: 60px; }
    .cm-navigation .mobile-navigation-wrapper .cm-menu__search {
      padding: 0; }
    .cm-navigation .mobile-navigation-wrapper .cm-menu__search--holder {
      background-color: #edf0f4; }
    .cm-navigation .mobile-navigation-wrapper.cm-navigation__menu .cm-menu__search .cm-search__input button#search-mobile {
      left: 1em; }
    .cm-navigation .mobile-navigation-wrapper.cm-navigation__menu .cm-menu__search .cm-search__input button#cancel-mobile {
      right: 1em;
      opacity: 1;
      display: block; }
      .cm-navigation .mobile-navigation-wrapper.cm-navigation__menu .cm-menu__search .cm-search__input button#cancel-mobile svg {
        opacity: 1; }
    .cm-navigation .mobile-navigation-wrapper.cm-navigation__menu .cm-menu__search .cm-search__input button#search-mobile svg use,
    .cm-navigation .mobile-navigation-wrapper.cm-navigation__menu .cm-menu__search .cm-search__input button#cancel-mobile svg use {
      fill: #2f404f !important; }
    .cm-navigation .mobile-navigation-wrapper.cm-navigation__menu .cm-menu__search .cm-search__input input {
      color: #2f404f;
      padding-left: 2.5em; }
    .cm-navigation .mobile-navigation-wrapper .algolia-autocomplete {
      width: 100%;
      height: 60px;
      position: relative !important; }
      .cm-navigation .mobile-navigation-wrapper .algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu {
        right: 0 !important !important;
        left: 0 !important;
        top: 0 !important;
        min-width: 100% !important;
        width: 100vw !important;
        position: absolute; }

/**
 *
 */
[data-inject-community] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

/**
 * Interactions
*/
.cm-badge svg {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  display: inline-block;
  position: relative; }

.cm-navigation__brands--community:hover .cm-badge svg {
  -webkit-transform: scale(1.3) rotate(-6deg);
          transform: scale(1.3) rotate(-6deg); }

/**
 * Animatitons
 */
/**
 * a11y
*/
figure figcaption {
  position: absolute;
  text-indent: -99999px;
  top: 0; }

@-webkit-keyframes slidebg {
  0%, 40% {
    background-size: 0 100%; }
  100% {
    background-size: 100% 100%; } }

@keyframes slidebg {
  0%, 40% {
    background-size: 0 100%; }
  100% {
    background-size: 100% 100%; } }

/**
 * Dropdown style starts here
 *
 */
ul.simple-dropdown {
  position: absolute;
  right: 0;
  top: 60px;
  z-index: 1000;
  display: none;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  border: 1px solid #ccc;
  border-radius: 0 0 3px 3px;
  background: white;
  border: none;
  padding: 0;
  -webkit-box-shadow: 0 1px 4px 0 rgba(31, 59, 93, 0.5);
          box-shadow: 0 1px 4px 0 rgba(31, 59, 93, 0.5);
  -webkit-animation: fadeInDown 0.1s cubic-bezier(0.23, 1, 0.32, 1);
          animation: fadeInDown 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  padding: 0;
  margin: 0;
  overflow: hidden;
  will-change: opacity, transform; }
  ul.simple-dropdown li {
    border-bottom: solid 1px #eee;
    padding: 0;
    margin: 0; }
    ul.simple-dropdown li:hover {
      background: #f9f9f9; }
  ul.simple-dropdown a {
    text-transform: none;
    margin: 0;
    width: 100%;
    border: none;
    color: #325f96;
    display: block;
    padding: 1em 2em;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap;
    font-size: 1em; }
  ul.simple-dropdown.opened {
    display: block; }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  20% {
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.press__tweets {
  position: relative;
  width: 100%;
  display: block;
  overflow: visible;
  white-space: nowrap;
  padding: 0;
  -webkit-transition: opacity 0.3s linear, -webkit-transform 0.5s ease;
  transition: opacity 0.3s linear, -webkit-transform 0.5s ease;
  transition: opacity 0.3s linear, transform 0.5s ease;
  transition: opacity 0.3s linear, transform 0.5s ease, -webkit-transform 0.5s ease; }

.press__tweets::-webkit-scrollbar {
  width: 0px !important; }

.press__tweets--loading {
  opacity: 0; }

body.safari ul.press__tweets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.press__tweet {
  border-radius: 4px;
  display: inline-block;
  opacity: .5;
  vertical-align: middle;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
  body.safari .press__tweet {
    min-width: 420px; }

.press__tweet:last-child {
  margin-right: 0; }

.press__tweet--current {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  position: relative; }

.press__tweet__arrow {
  position: absolute;
  top: calc(50% - 14px);
  cursor: pointer;
  display: block;
  height: 28px;
  width: 48px;
  display: none;
  text-align: center; }

.press__tweet--current .press__tweet__arrow {
  display: block; }

.press__tweet__arrow svg:hover {
  cursor: pointer; }

.press__tweet__arrow svg:hover path {
  stroke: #575757; }

.press__tweet__arrow svg path {
  -webkit-transition: stroke 0.12s ease-in;
  transition: stroke 0.12s ease-in; }

.press__tweet__arrow--prev {
  left: -47px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

.press__tweet:first-child .press__tweet__arrow--prev {
  display: none; }

.press__tweet__arrow--next {
  right: -47px; }

.press__tweet:last-child .press__tweet__arrow--next {
  display: none; }

@media (max-width: 768px) {
  .press__tweet--current {
    max-width: 100%; }
  .press__tweet--current .press__tweet__arrow--prev,
  .press__tweet--current .press__tweet__arrow--next {
    width: 20% !important;
    left: -25% !important; }
  .press__tweet--current .press__tweet__arrow--next {
    left: 52% !important; }
  .twitter-tweet {
    min-width: inherit !important;
    width: 60% !important;
    -webkit-transform: translateX(-10%) rotate(0) !important;
            transform: translateX(-10%) rotate(0) !important; } }