@charset "UTF-8";
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

article,
aside,
footer,
header,
hgroup,
main,
nav,
section {
  display: block; }

li {
  list-style: none; }

img {
  height: auto;
  max-width: 100%;
  vertical-align: top; }

button,
input,
select,
textarea {
  font: inherit; }

address {
  font-style: normal; }

html {
  font-size: 1rem;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth; }

body {
  background: #ffffff;
  color: #6a7081;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  line-height: 1.7;
  min-height: 100vh;
  position: relative; }

a {
  color: #343a41;
  text-decoration: none;
  -webkit-transition: all 0.14s ease-out;
  -o-transition: all 0.14s ease-out;
  transition: all 0.14s ease-out; }

a:hover {
  color: #2a8ad8; }

a:active {
  color: #2a8ad8; }

a:focus {
  color: #2a8ad8; }

.invert {
  color: #2a8ad8;
  text-decoration: none;
  -webkit-transition: all 0.14s ease-out;
  -o-transition: all 0.14s ease-out;
  transition: all 0.14s ease-out; }

.invert:hover {
  color: #343a41; }

.invert:active {
  color: #343a41; }

.invert:focus {
  color: #343a41; }

p,
ul,
ol,
dl,
table {
  margin-top: calc(1.06667rem + 0.25vw); }

blockquote,
figure {
  margin-top: calc(1.86667rem + 0.25vw);
  margin-bottom: calc(1.86667rem + 0.25vw); }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #343a41;
  font-weight: 400;
  line-height: 1.2;
  margin-top: calc(1.86667rem + 0.5vw); }

h1 {
  margin-top: calc(1.86667rem + 1vw); }
  h1 {
    font-size: 1.60181rem; }
    @media screen and (min-width: 20rem) {
      h1 {
        font-size: calc(1.60181rem + 1.2847 * ((100vw - 20rem) / 113)); } }
    @media screen and (min-width: 133rem) {
      h1 {
        font-size: 2.88651rem; } }

h2 {
  font-size: 1.26562rem; }
  @media screen and (min-width: 20rem) {
    h2 {
      font-size: calc(1.26562rem + 0.76166 * ((100vw - 20rem) / 113)); } }
  @media screen and (min-width: 133rem) {
    h2 {
      font-size: 2.02729rem; } }

h3 {
  font-size: 1.125rem; }
  @media screen and (min-width: 20rem) {
    h3 {
      font-size: calc(1.125rem + 0.47681 * ((100vw - 20rem) / 113)); } }
  @media screen and (min-width: 133rem) {
    h3 {
      font-size: 1.60181rem; } }

h4 {
  font-size: 1rem; }
  @media screen and (min-width: 20rem) {
    h4 {
      font-size: calc(1rem + 0.42383 * ((100vw - 20rem) / 113)); } }
  @media screen and (min-width: 133rem) {
    h4 {
      font-size: 1.42383rem; } }

h5 {
  font-size: 1rem; }
  @media screen and (min-width: 20rem) {
    h5 {
      font-size: calc(1rem + 0.26562 * ((100vw - 20rem) / 113)); } }
  @media screen and (min-width: 133rem) {
    h5 {
      font-size: 1.26562rem; } }

h6 {
  font-size: 1rem; }
  @media screen and (min-width: 20rem) {
    h6 {
      font-size: calc(1rem + 0.125 * ((100vw - 20rem) / 113)); } }
  @media screen and (min-width: 133rem) {
    h6 {
      font-size: 1.125rem; } }

h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
  margin-top: calc(0.8rem + 0.25vw); }

b,
strong {
  font-weight: 600; }

blockquote {
  font-family: Georgia, Times, Times New Roman, serif;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 3.2rem 0 2.13333rem;
  position: relative;
  text-align: center; }
  blockquote {
    font-size: 1.125rem; }
    @media screen and (min-width: 20rem) {
      blockquote {
        font-size: calc(1.125rem + 0.29883 * ((100vw - 20rem) / 113)); } }
    @media screen and (min-width: 133rem) {
      blockquote {
        font-size: 1.42383rem; } }
  blockquote::before {
    color: #42a5f5;
    content: "“";
    font: normal 320%/0.9 Georgia, Times, Times New Roman, serif;
    top: 0.53333rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  blockquote > :nth-child(1) {
    margin-top: 0;
    margin-bottom: 0; }
  blockquote figcaption {
    font-size: 1rem; }

ul,
ol {
  margin-left: 2rem; }
  ul > li,
  ol > li {
    list-style: inherit;
    padding: 0 0 0.53333rem 0.53333rem; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: calc(0.53333rem + 0.5vw);
    margin-top: calc(0.53333rem + 0.5vw); }

dl dt {
  font-weight: 700; }

pre {
  background-color: #f7f8fb;
  margin: calc(1.06667rem + 0.25vw) 0;
  padding: 1.6rem 3.2rem;
  white-space: pre-wrap;
  word-wrap: break-word; }

code {
  background-color: #f7f8fb;
  font-family: monospace;
  font-size: 0.88889rem; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }
  table thead th {
    background: #f7f8fb; }
  table th {
    border: 1px solid #dedee9;
    font-size: 0.88889rem;
    padding: 0.8rem 1.33333rem;
    text-align: left; }
    @media all and (max-width: 44.9375em) {
      table th {
        display: none; } }
  table td {
    border: 1px solid #dedee9;
    padding: 0.8rem 1.33333rem; }
    @media all and (max-width: 44.9375em) {
      table td {
        display: block; }
        table td:nth-child(1) {
          margin-top: 1.06667rem; }
        table td:nth-child(2) {
          border-top: none; } }

figcaption {
  color: #6a7081;
  font-weight: 400;
  font-size: 0.79012rem;
  margin: 1.06667rem 0 0;
  text-align: center; }

sub,
sup {
  font-size: 65%; }

small {
  font-size: 0.79012rem; }

.btn, [type=button],
[type=submit],
button {
  background: #42a5f5;
  border: 1px solid #42a5f5;
  border-radius: 30px;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.1), 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.1), 0 1px 1px rgba(0, 0, 0, 0.08);
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font: 400 0.88889rem -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  padding: 0.69333rem 1.33333rem;
  vertical-align: middle;
  text-align: center;
  -webkit-transition: all 0.24s ease;
  -o-transition: all 0.24s ease;
  transition: all 0.24s ease;
  overflow: hidden;
  will-change: transform; }
  @media all and (max-width: 19.9375em) {
    .btn, [type=button],
    [type=submit],
    button {
      width: 100%; } }
  @media all and (max-width: 37.4375em) {
    .btn, [type=button],
    [type=submit],
    button {
      margin-bottom: 0.53333rem; } }
  .btn:hover, :hover[type=button],
  :hover[type=submit],
  button:hover, .btn:focus, :focus[type=button],
  :focus[type=submit],
  button:focus, .btn:active, :active[type=button],
  :active[type=submit],
  button:active {
    background: #2a8ad8;
    border-color: #2a8ad8;
    color: #ffffff; }
  .btn:hover, :hover[type=button],
  :hover[type=submit],
  button:hover {
    -webkit-box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    text-decoration: none !important; }
  @media all and (min-width: 27.5em) {
    .btn + .btn, [type=button] + .btn, [type=submit] + .btn, button + .btn, .btn + [type=button], [type=button] + [type=button], [type=submit] + [type=button], button + [type=button],
    .btn + [type=submit],
    [type=button] + [type=submit],
    [type=submit] + [type=submit],
    button + [type=submit],
    .btn + button,
    [type=button] + button,
    [type=submit] + button,
    button + button {
      margin-left: 0.8rem; } }
  .btn.white, .white[type=button],
  .white[type=submit],
  button.white {
    background: #ffffff;
    border-color: #ffffff;
    color: #6a7081; }
    .btn.white > svg, .white[type=button] > svg, .white[type=submit] > svg, button.white > svg {
      fill: #6a7081; }
  .btn.green, .green[type=button],
  .green[type=submit],
  button.green {
    background: #5cb884;
    border-color: #5cb884; }
  .btn.gray, .gray[type=button],
  .gray[type=submit],
  button.gray {
    background: #6a7081;
    border-color: #6a7081; }
  .btn.yelow, .yelow[type=button],
  .yelow[type=submit],
  button.yelow {
    background: #FFC439;
    border-color: #FFC439; }
  .btn.pink, .pink[type=button],
  .pink[type=submit],
  button.pink {
    background: -webkit-linear-gradient(135deg, #FA5865, #FC4C7F);
    background: -o-linear-gradient(135deg, #FA5865, #FC4C7F);
    background: linear-gradient(-45deg, #FA5865, #FC4C7F);
    border-color: transparent; }
  .btn.outline, .outline[type=button],
  .outline[type=submit],
  button.outline {
    background: none;
    border: 1px solid #dedee9;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #6a7081; }
    .btn.outline:hover, .outline:hover[type=button],
    .outline:hover[type=submit],
    button.outline:hover {
      border-color: #9ea2ad;
      color: #343a41; }
    .btn.outline.white, .outline.white[type=button],
    .outline.white[type=submit],
    button.outline.white {
      border-color: #ffffff;
      color: #ffffff;
      fill: #ffffff; }
      .btn.outline.white > svg, .outline.white[type=button] > svg, .outline.white[type=submit] > svg, button.outline.white > svg {
        fill: #ffffff; }
  .btn.with-icon, .with-icon[type=button],
  .with-icon[type=submit],
  button.with-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap; }
    @media all and (max-width: 37.4375em) {
      .btn.with-icon, .with-icon[type=button],
      .with-icon[type=submit],
      button.with-icon {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%; } }
  .btn > svg, [type=button] > svg, [type=submit] > svg, button > svg {
    fill: #ffffff;
    margin-right: 0.8rem;
    vertical-align: middle; }
  .btn.github > svg, .github[type=button] > svg, .github[type=submit] > svg, button.github > svg {
    fill: #6a7081; }

[type=button],
[type=submit],
button {
  -webkit-appearance: none;
  -moz-appearance: none; }

fieldset {
  border: none;
  margin: 0 0 3.2rem; }
  fieldset > legend {
    color: #343a41;
    font-weight: 400; }
    fieldset > legend {
      font-size: 1rem; }
      @media screen and (min-width: 20rem) {
        fieldset > legend {
          font-size: calc(1rem + 0.42383 * ((100vw - 20rem) / 113)); } }
      @media screen and (min-width: 133rem) {
        fieldset > legend {
          font-size: 1.42383rem; } }

legend {
  font-weight: 700; }

label {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 1.06667rem 0.26667rem 0; }

option {
  font-weight: 400; }

[type=text],
[type=url],
[type=tel],
[type=number],
[type=email],
[type=search],
[type=password],
[type=file],
textarea,
select {
  background-color: #ffffff;
  border: 1px solid #dedee9;
  border-radius: 5px;
  font-size: 1rem;
  outline: none;
  padding: 0.58667rem 0.8rem;
  width: 100%;
  -webkit-transition: all 0.24s ease;
  -o-transition: all 0.24s ease;
  transition: all 0.24s ease;
  -webkit-appearance: none;
  -moz-appearance: none; }
  @media all and (min-width: 37.5em) {
    [type=text],
    [type=url],
    [type=tel],
    [type=number],
    [type=email],
    [type=search],
    [type=password],
    [type=file],
    textarea,
    select {
      width: auto; } }
  [type=text]:focus,
  [type=url]:focus,
  [type=tel]:focus,
  [type=number]:focus,
  [type=email]:focus,
  [type=search]:focus,
  [type=password]:focus,
  [type=file]:focus,
  textarea:focus,
  select:focus {
    -webkit-box-shadow: inset 0 0 0 1px #dedee9;
    box-shadow: inset 0 0 0 1px #dedee9; }

input[type=checkbox],
input[type=radio] {
  opacity: 0;
  position: absolute; }
  input[type=checkbox] + label,
  input[type=radio] + label {
    position: relative;
    margin-left: -1px;
    cursor: pointer;
    padding: 0; }
    input[type=checkbox] + label:before,
    input[type=radio] + label:before {
      background-color: #ffffff;
      border: 1px solid #dedee9;
      border-radius: 2px;
      content: '';
      display: inline-block;
      height: 1.33333rem;
      line-height: 1.33333rem;
      margin-right: 0.8rem;
      vertical-align: middle;
      text-align: center;
      width: 1.33333rem; }
  input[type=checkbox]:checked + label:before,
  input[type=radio]:checked + label:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8'%3e%3cpolygon points='9.53 0 4.4 5.09 1.47 2.18 0 3.64 2.93 6.54 4.4 8 5.87 6.54 11 1.46 9.53 0' fill='%23343a41'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 11px 8px;
    background-position: 50% 50%;
    border-color: #FFC439;
    -webkit-box-shadow: inset 0 0 2px #FFC439;
    box-shadow: inset 0 0 2px #FFC439; }

select {
  max-width: 100%;
  width: auto;
  position: relative; }
  select:not([multiple]) {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 6"><polygon points="3 6 3 6 0 0 6 0 3 6" fill="%238a8b8c"/></svg>') no-repeat 90% 50%;
    background-size: 8px;
    padding-right: 3.2rem; }

textarea {
  border-radius: 6px;
  display: block;
  overflow: auto;
  resize: vertical;
  max-width: 100%; }

/* Wrapper + Header ------------------------ */
.promo {
  background-color: #C7172B;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 215 73.88'%3e%3ctitle%3esnowflakes%3c/title%3e%3cpath d='M98.68,51.63a2.47,2.47,0,0,0,2.46-2.46,2.43,2.43,0,0,0-.22-1,1.45,1.45,0,0,0-.09-.22,2.55,2.55,0,0,0-3.36-1,2.46,2.46,0,0,0-1.19,2.7l-5.27,3,1.08-4a.5.5,0,0,0-1-.28v0l-1.34,5-3.71,2.14V51.31l3.65-3.65a.5.5,0,0,0,0-.71.48.48,0,0,0-.7,0h0l-3,2.95v-6a2.47,2.47,0,0,0,0-4.84v0h0a1.89,1.89,0,0,0-1,0h0v0a2.47,2.47,0,0,0,0,4.83v6L82.12,47a.5.5,0,0,0-.71,0,.5.5,0,0,0,0,.7h0l3.66,3.66v4.28l-3.71-2.14-1.34-5a.5.5,0,0,0-.62-.35.49.49,0,0,0-.34.6l1.07,4-5.27-3A2.46,2.46,0,0,0,73.67,47a2.55,2.55,0,0,0-2.87.36,2.39,2.39,0,0,0-.49.6,1.33,1.33,0,0,0-.09.21,2.45,2.45,0,0,0,4.22,2.43l5.2,3-4,1.08a.5.5,0,0,0-.35.61.52.52,0,0,0,.48.38l.13,0,5-1.34,3.71,2.14-3.71,2.14-5-1.33a.5.5,0,0,0-.61.35.49.49,0,0,0,.35.61l4,1.08-5.2,3a2.54,2.54,0,0,0-3.18-.7,2.45,2.45,0,0,0-1,3.15,1.89,1.89,0,0,0,.09.21,2.46,2.46,0,0,0,4.55-1.75l5.27-3-1.08,4a.5.5,0,0,0,.36.61h.13a.5.5,0,0,0,.48-.37l1.33-5,3.71-2.14V61.6l-3.65,3.65a.5.5,0,0,0,.71.71L85.06,63v6A2.49,2.49,0,0,0,83.14,72a2.46,2.46,0,0,0,1.92,1.92l1,0s2-.66,2-2.4a2.47,2.47,0,0,0-2-2.42V63L89,66a.47.47,0,0,0,.35.15.5.5,0,0,0,.36-.85L86.07,61.6V57.32l3.71,2.15,1.33,5a.5.5,0,0,0,.61.36.51.51,0,0,0,.36-.62l-1.08-4,5.27,3a2.52,2.52,0,0,0,0,1.22,2.46,2.46,0,0,0,1.18,1.48,2.42,2.42,0,0,0,2.87-.36,2.15,2.15,0,0,0,.48-.6,1.36,1.36,0,0,0,.1-.21,2.5,2.5,0,0,0,.13-1.66,2.43,2.43,0,0,0-1.18-1.48,2.52,2.52,0,0,0-3.18.7l-5.19-3,4-1.08a.5.5,0,0,0,.36-.61.51.51,0,0,0-.62-.36l-5,1.34-3.71-2.14,3.71-2.14,5,1.33a.3.3,0,0,0,.13,0,.5.5,0,0,0,.13-1l-4-1.08,5.2-3A2.49,2.49,0,0,0,98.68,51.63ZM98,47.87h0a1.46,1.46,0,0,1,2,.57h0a.94.94,0,0,1,.1.23,1.46,1.46,0,0,1-.9,1.87,1.51,1.51,0,0,1-.48.08,1.47,1.47,0,0,1-1.1-.51,1.88,1.88,0,0,1-.18-.24A1.49,1.49,0,0,1,98,47.87Zm-24.21,2a1,1,0,0,1-.17.24,1.52,1.52,0,0,1-1.83.33,1.48,1.48,0,0,1-.67-1.77,1.41,1.41,0,0,1,.64-.78,1.46,1.46,0,0,1,1.46,0,1.48,1.48,0,0,1,.57,2Zm.13,14.3a1.43,1.43,0,0,1-.7.88,1.45,1.45,0,0,1-2-.56h0a1.6,1.6,0,0,1-.1-.23,1.46,1.46,0,0,1,2.49-1.44,1.88,1.88,0,0,1,.18.24,1.47,1.47,0,0,1,.18.71,1.44,1.44,0,0,1-.05.41Zm12.19,5.92a1.47,1.47,0,0,1,1,1.37h0a1.47,1.47,0,0,1-1,1.38h-1a1.46,1.46,0,0,1,0-2.75A1.33,1.33,0,0,1,86.07,70.09Zm-.5-27.16a1.44,1.44,0,0,1-.5-.1A1.46,1.46,0,0,1,84.18,41a1.48,1.48,0,0,1,.89-.89,1.43,1.43,0,0,1,1,0,1.46,1.46,0,0,1,0,2.75A1.44,1.44,0,0,1,85.57,42.93ZM97.39,63a1.3,1.3,0,0,1,.18-.23,1.41,1.41,0,0,1,1.09-.52,1.39,1.39,0,0,1,.72.19,1.45,1.45,0,0,1,.67,1.76,1.33,1.33,0,0,1-.65.78,1.46,1.46,0,0,1-2-2ZM56.59,14.33l8,2.16a.52.52,0,0,0,.26-1l-7-1.88L61,11.78l3.07.83.14,0a.53.53,0,0,0,.52-.53.52.52,0,0,0-.39-.5l-2.06-.55,2.29-1.32A.54.54,0,0,0,64.73,9a.53.53,0,0,0-.68-.17l-2.28,1.32.55-2.07a.52.52,0,0,0-1-.27l-.82,3.07L57.35,12.7l1.88-7a.52.52,0,0,0-1-.31.09.09,0,0,0,0,.05l-2.16,8-2,1.17-4.38-2.53V9.74l5.88-5.89a.51.51,0,0,0,0-.74.52.52,0,0,0-.73,0L49.67,8.26V4.63l2.24-2.24a.52.52,0,0,0-.74-.74l-1.5,1.51V.52A.52.52,0,0,0,49.15,0a.52.52,0,0,0-.53.52V3.16L47.11,1.65a.52.52,0,0,0-.74.74l2.25,2.24V8.26L43.47,3.11a.51.51,0,0,0-.73,0,.52.52,0,0,0,0,.74l0,0,5.88,5.89v2.34l-4.37,2.53-2-1.17-2.15-8a.52.52,0,0,0-.65-.34.51.51,0,0,0-.36.61l1.89,7L37.8,10.88,37,7.81a.52.52,0,0,0-1,.27l.56,2.06L34.24,8.82a.53.53,0,0,0-.71.19.51.51,0,0,0,.18.71h0L36,11.05l-2.07.55a.52.52,0,0,0-.37.63h0a.52.52,0,0,0,.5.38h.14l3.07-.83,3.15,1.82-7,1.88a.52.52,0,0,0-.37.64.51.51,0,0,0,.5.39l.13,0,8.05-2.16,2,1.18v5l-2,1.17-8.05-2.15a.52.52,0,0,0-.26,1l7,1.89-3.15,1.81-3.07-.82a.52.52,0,1,0-.36,1l.09,0L36,25l-2.29,1.33a.52.52,0,0,0,.52.9l2.29-1.32L36,28a.53.53,0,0,0,.35.65.52.52,0,0,0,.65-.35v0l.82-3.07L41,23.37l-1.89,7a.52.52,0,0,0,.37.64h.13a.52.52,0,0,0,.5-.38l2.16-8,2-1.17L48.62,24v2.34l-5.89,5.89a.52.52,0,1,0,.72.76l0,0,5.15-5.15v3.63l-2.25,2.25a.51.51,0,0,0,0,.73.53.53,0,0,0,.72,0l1.51-1.51v2.64a.52.52,0,0,0,1,0h0V32.91l1.51,1.51a.52.52,0,0,0,.89-.36.5.5,0,0,0-.15-.37l-2.25-2.25V27.81L54.81,33a.52.52,0,0,0,.74-.73h0l-5.89-5.89V24L54,21.47l2,1.17,2.16,8a.51.51,0,0,0,.5.39l.13,0a.52.52,0,0,0,.37-.64l-1.89-7,3.15,1.81.82,3.07a.52.52,0,0,0,.5.38.33.33,0,0,0,.14,0A.52.52,0,0,0,62.3,28l-.55-2.06L64,27.25a.59.59,0,0,0,.26.07.52.52,0,0,0,.52-.52.54.54,0,0,0-.26-.46L62.27,25l2.07-.55a.53.53,0,0,0,.35-.65.51.51,0,0,0-.62-.36L61,24.29l-3.14-1.82,7-1.89a.52.52,0,1,0-.26-1l-8,2.15-2-1.17v-5Zm-3.07,1.78v4.45l-.52.3-3.33,1.93-.52.3-.53-.3-3.33-1.93-.52-.3v-5l.52-.31,3.33-1.92.53-.3.52.3L53,15.21l.52.3ZM164.88,48.16l-3.06-1.76,1.85-1.07a.5.5,0,0,0-.5-.86l-2.34,1.35-2.32-1.34,4.72-2.73a.5.5,0,0,0,.19-.68.51.51,0,0,0-.69-.19l-5.22,3-3.62-2.09,4.35-1.92L153.88,38l3.62-2.09,5.23,3A.47.47,0,0,0,163,39a.5.5,0,0,0,.26-.93h0l-4.73-2.73L160.82,34l2.35,1.36a.52.52,0,0,0,.25.07.5.5,0,0,0,.25-.94l-1.84-1.06,3-1.76a.51.51,0,0,0,.18-.69.49.49,0,0,0-.68-.18l-3,1.76V30.4a.5.5,0,0,0-.5-.5.5.5,0,0,0-.5.5v2.7L158,34.44V29a.5.5,0,0,0-.5-.5.5.5,0,0,0-.5.5v6l-3.62,2.09.51-4.73-3.83,2.81V31l5.22-3a.49.49,0,0,0,.19-.68.49.49,0,0,0-.68-.19h0l-4.72,2.73V27.17l2.34-1.35a.49.49,0,0,0,.18-.68.5.5,0,0,0-.68-.19h0L150.07,26V22.5a.5.5,0,0,0-.5-.5.5.5,0,0,0-.5.5V26L147.23,25a.51.51,0,0,0-.69.18h0a.51.51,0,0,0,.18.69h0l2.34,1.35v2.68l-4.73-2.73a.5.5,0,1,0-.5.87l5.23,3V35.2l-3.84-2.81.51,4.73L142.12,35V29a.5.5,0,0,0-1,0v5.46l-2.32-1.34v-2.7a.5.5,0,0,0-.5-.5.5.5,0,0,0-.5.5v2.12l-3.05-1.76a.5.5,0,0,0-.68.18.51.51,0,0,0,.18.69l3.05,1.76-1.83,1.06a.5.5,0,1,0,.5.87L138.3,34l2.32,1.34-4.72,2.73a.5.5,0,0,0-.19.68.52.52,0,0,0,.69.19l5.22-3L145.25,38l-4.36,1.91,4.35,1.92-3.62,2.09-5.23-3a.49.49,0,0,0-.68.18h0a.51.51,0,0,0,.18.69h0l4.73,2.73-2.32,1.34L136,44.48a.49.49,0,0,0-.68.18h0a.5.5,0,0,0,.18.68h0l1.83,1.06-3.05,1.76a.5.5,0,0,0,.26.94.59.59,0,0,0,.25-.07l3.05-1.76V49.4a.5.5,0,0,0,.5.5.5.5,0,0,0,.5-.5V46.7l2.32-1.34v5.46a.5.5,0,0,0,.5.5.5.5,0,0,0,.5-.5v-6l3.62-2.09-.52,4.73,3.84-2.81v4.18l-5.23,3a.52.52,0,0,0-.19.69h0a.5.5,0,0,0,.68.18L149.07,50v2.68L146.73,54a.5.5,0,1,0,.5.87l1.84-1.06V57.3a.5.5,0,0,0,.5.5.5.5,0,0,0,.5-.5V53.78l1.84,1.06a.51.51,0,0,0,.25.06.49.49,0,0,0,.5-.49.52.52,0,0,0-.25-.44l-2.34-1.35V49.94l4.72,2.73a.57.57,0,0,0,.25.06.5.5,0,0,0,.51-.49.52.52,0,0,0-.25-.44l-5.23-3V44.6l3.83,2.81-.51-4.73L157,44.77v6a.5.5,0,0,0,1,0V45.35l2.32,1.34v2.7a.5.5,0,0,0,.5.5.5.5,0,0,0,.5-.5V47.27L164.39,49a.5.5,0,0,0,.68-.18h0A.51.51,0,0,0,164.88,48.16Zm-12.07-7-.56.25.06.61.36,3.2-2.6-1.9-.5-.36-.5.37-2.6,1.89.34-3.19.07-.62-.57-.25-2.94-1.3,2.94-1.3.57-.25-.07-.62-.35-3.2,2.6,1.9.5.37.5-.37,2.6-1.9-.35,3.2-.06.62.56.25,2.95,1.3Zm44.61,16.19h0l-4.69,1.25L191.55,58V55l1.18-.69,4.69,1.26a.31.31,0,0,0,.37-.22.31.31,0,0,0-.22-.37l-4.1-1.1,1.84-1,1.79.48h.08a.3.3,0,1,0,.08-.6l-1.2-.32,1.33-.77a.3.3,0,0,0-.3-.53l-1.33.77.32-1.2a.3.3,0,0,0-.22-.37.31.31,0,0,0-.37.21L195,52.33l-1.84,1.06,1.1-4.1a.3.3,0,0,0-.58-.16l-1.27,4.69-1.18.68L188.7,53V51.67l3.43-3.43a.3.3,0,0,0-.43-.43l-3,3V48.7L190,47.39a.3.3,0,1,0-.43-.43l-.88.88V46.3a.29.29,0,0,0-.3-.3.3.3,0,0,0-.31.3v1.54l-.88-.88a.3.3,0,1,0-.43.43l1.32,1.31v2.11l-3-3a.3.3,0,0,0-.43.43l3.42,3.43V53l-2.54,1.47-1.18-.68-1.26-4.68a.31.31,0,0,0-.37-.22.32.32,0,0,0-.22.38l1.1,4.09-1.82-1.06-.48-1.78a.3.3,0,0,0-.59.15l.32,1.2-1.33-.76a.29.29,0,0,0-.41.1h0a.3.3,0,0,0,.1.41h0l1.33.77-1.2.32a.31.31,0,0,0-.22.37h0a.29.29,0,0,0,.29.22h.08l1.78-.48,1.83,1.06-4.1,1.1a.3.3,0,0,0-.26.33.3.3,0,0,0,.34.27l.08,0,4.68-1.26,1.18.69V58l-1.18.68-4.68-1.25a.3.3,0,0,0-.37.22.31.31,0,0,0,.22.37l4.1,1.1-1.84,1-1.78-.48a.31.31,0,0,0-.38.21.31.31,0,0,0,.22.37l1.2.33-1.34.76a.32.32,0,0,0-.11.42.31.31,0,0,0,.41.11l1.34-.77-.33,1.2a.31.31,0,0,0,.22.37.29.29,0,0,0,.37-.21l.48-1.79,1.83-1-1.1,4.1a.31.31,0,0,0,.21.37h.08a.3.3,0,0,0,.3-.23l1.25-4.68,1.19-.68L188.1,60v1.36l-3.43,3.43a.3.3,0,0,0,.43.43l3-3V64.3l-1.31,1.31a.3.3,0,0,0,0,.43.29.29,0,0,0,.42,0l.88-.88V66.7a.3.3,0,0,0,.31.3.29.29,0,0,0,.3-.3V65.16l.88.88a.36.36,0,0,0,.22.09.3.3,0,0,0,.3-.3.31.31,0,0,0-.09-.22L188.7,64.3V62.19l3,3a.31.31,0,0,0,.22.09.29.29,0,0,0,.21-.09.3.3,0,0,0,0-.43h0l-3.43-3.43V60l2.55-1.47,1.18.68,1.25,4.68a.31.31,0,0,0,.29.23h.08a.31.31,0,0,0,.22-.37h0l-1.1-4.1,1.83,1,.48,1.79a.3.3,0,0,0,.29.23h.08a.31.31,0,0,0,.22-.37h0l-.33-1.2,1.34.77a.24.24,0,0,0,.15,0,.3.3,0,0,0,.31-.28.29.29,0,0,0-.16-.28l-1.33-.77,1.2-.32a.32.32,0,0,0,.21-.38.29.29,0,0,0-.37-.21l-1.79.48-1.83-1.06,4.1-1.1a.3.3,0,0,0,.22-.37A.31.31,0,0,0,197.42,57.39ZM191,58l-.3.18-1.94,1.12-.3.17-.3-.17-2-1.12-.3-.18V55l.3-.18,1.95-1.12.3-.17.3.17,1.94,1.12.3.18V58ZM17,47.92l1.13-.65a.31.31,0,1,0-.31-.53h0l-1.43.83L15,46.75l2.9-1.67a.32.32,0,0,0,.11-.42.3.3,0,0,0-.42-.11h0l-3.2,1.85-2.21-1.28L14.83,44l-2.66-1.18,2.21-1.28,3.2,1.85a.28.28,0,0,0,.15,0,.33.33,0,0,0,.27-.15.3.3,0,0,0-.1-.41h0L15,41.14l1.42-.82,1.43.83a.42.42,0,0,0,.15,0,.3.3,0,0,0,.27-.16.3.3,0,0,0-.1-.41h0L17,40l1.87-1.08a.31.31,0,0,0-.31-.53l-1.86,1.08v-1.3a.31.31,0,0,0-.31-.31.32.32,0,0,0-.31.31h0v1.65l-1.41.82V37.27a.31.31,0,0,0-.62,0V41l-2.21,1.28.31-2.89L9.83,41.07V38.51L13,36.66a.31.31,0,1,0-.31-.53h0L9.83,37.8V36.16l1.43-.82a.31.31,0,0,0,.11-.42.3.3,0,0,0-.42-.11h0l-1.12.65V33.31A.31.31,0,0,0,9.52,33a.3.3,0,0,0-.3.31v2.15l-1.13-.65a.3.3,0,0,0-.41.1h0a.32.32,0,0,0,.11.42l1.44.83v1.64l-2.9-1.67a.3.3,0,0,0-.42.11.31.31,0,0,0,.12.42l3.2,1.85v2.55L6.87,39.36l.31,2.89L5,41v-3.7a.31.31,0,0,0-.62,0h0v3.35L2.94,39.8V38.14a.31.31,0,0,0-.31-.3.3.3,0,0,0-.3.3v1.3L.46,38.37a.3.3,0,0,0-.42.11.31.31,0,0,0,.11.41L2,40,.9,40.62a.3.3,0,0,0-.09.43.3.3,0,0,0,.39.1l1.43-.82,1.42.82L1.16,42.82a.31.31,0,0,0,.3.53L4.67,41.5l2.21,1.28L4.22,44l2.66,1.18L4.67,46.4l-3.2-1.84a.31.31,0,0,0-.42.1h0a.3.3,0,0,0,.11.42l2.89,1.67-1.42.82L1.2,46.75a.3.3,0,0,0-.41.11h0a.29.29,0,0,0,.11.41L2,47.94.16,49a.31.31,0,0,0-.12.42.33.33,0,0,0,.27.15.26.26,0,0,0,.15,0l1.87-1.08v1.3a.31.31,0,1,0,.61,0V48.11l1.42-.82v3.34a.31.31,0,1,0,.61,0H5v-3.7l2.22-1.28-.32,2.9,2.34-1.72v2.56L6,51.24a.31.31,0,1,0,.31.53L9.21,50.1v1.64l-1.43.83a.29.29,0,0,0-.11.41.31.31,0,0,0,.42.12l1.12-.65v2.14a.31.31,0,0,0,.31.31.3.3,0,0,0,.3-.31V52.44l1.13.65a.42.42,0,0,0,.15,0,.31.31,0,0,0,.31-.31.3.3,0,0,0-.15-.26l-1.44-.83V50.09l2.9,1.67a.26.26,0,0,0,.15,0,.3.3,0,0,0,.15-.57l-3.2-1.85V46.82l2.35,1.73-.3-2.9,2.21,1.28v3.7a.31.31,0,0,0,.31.3.3.3,0,0,0,.3-.3V47.28l1.42.82v1.66a.31.31,0,0,0,.61,0h0V48.45l1.87,1.08a.3.3,0,0,0,.42-.11.31.31,0,0,0-.12-.42Zm-5.51-3.17-.35.15.05.38.21,1.94L9.83,46.07l-.31-.23-.3.23-1.6,1.16.22-2,0-.38-.35-.15L5.73,44l1.8-.8L7.88,43l0-.38-.22-1.95,1.59,1.16.31.22.31-.22,1.59-1.16-.22,1.95,0,.38.34.15,1.8.8ZM41,57.5A1.5,1.5,0,1,1,39.5,56,1.5,1.5,0,0,1,41,57.5Zm75,2a1.5,1.5,0,1,1-1.5-1.5A1.5,1.5,0,0,1,116,59.5Zm-9-28a1.5,1.5,0,1,1-1.5-1.5A1.5,1.5,0,0,1,107,31.5Zm-45,15A1.5,1.5,0,1,1,60.5,45,1.5,1.5,0,0,1,62,46.5Zm-29-7A1.5,1.5,0,1,1,31.5,38,1.5,1.5,0,0,1,33,39.5Zm108,28a1.5,1.5,0,1,1-1.5-1.5A1.5,1.5,0,0,1,141,67.5Zm-126-5A1.5,1.5,0,1,1,13.5,61,1.5,1.5,0,0,1,15,62.5Zm111-19a1.5,1.5,0,1,1-1.5-1.5A1.5,1.5,0,0,1,126,43.5Zm58-12a1.5,1.5,0,1,1,1.5,1.5A1.5,1.5,0,0,1,184,31.5Zm31,12a1.5,1.5,0,1,1-1.5-1.5A1.5,1.5,0,0,1,215,43.5Z' transform='translate(0 0)' fill='%23fff'/%3e%3c/svg%3e");
  background-position: 0 -14px;
  height: 3.6rem;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .promo__lg {
    display: none; }
    @media all and (min-width: 56.25em) {
      .promo__lg {
        border-radius: 50%;
        background: rgba(199, 23, 43, 0.7);
        color: #ffffff;
        display: block;
        font-weight: 600;
        margin: 0;
        padding: 2rem 1rem;
        text-align: center; }
        .promo__lg .btn, .promo__lg [type=button],
        .promo__lg [type=submit],
        .promo__lg button {
          color: #C7172B;
          font-weight: 700;
          padding: 0.53333rem 1.33333rem;
          margin-left: 1rem;
          text-transform: uppercase; } }
  .promo__sm {
    display: none;
    line-height: 1.2; }
    @media all and (max-width: 56.1875em) {
      .promo__sm {
        background: rgba(199, 23, 43, 0.65);
        color: #ffffff;
        display: block;
        font-weight: 600;
        margin: 0;
        padding: 2rem 1rem;
        text-align: center; }
        .promo__sm > a {
          color: #ffffff;
          text-decoration: underline; } }

.header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  height: 5.33333rem;
  padding: 0 2rem;
  position: absolute;
  top: 0;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: background .5s, color .1s, -webkit-transform .5s .5s;
  transition: background .5s, color .1s, -webkit-transform .5s .5s;
  -o-transition: transform .5s .5s, background .5s, color .1s;
  transition: transform .5s .5s, background .5s, color .1s;
  transition: transform .5s .5s, background .5s, color .1s, -webkit-transform .5s .5s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 999; }
  @media all and (min-width: 56.25em) {
    .header {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .header.separator {
    border-bottom: 1px solid #dedee9; }
  .header.is-visible {
    border: none;
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.05), 0 1px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.05), 0 1px 1px rgba(0, 0, 0, 0.04);
    opacity: 1;
    position: fixed;
    top: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: height .3s, background .4s, opacity .3s, -webkit-transform .3s;
    transition: height .3s, background .4s, opacity .3s, -webkit-transform .3s;
    -o-transition: transform .3s, height .3s, background .4s, opacity .3s;
    transition: transform .3s, height .3s, background .4s, opacity .3s;
    transition: transform .3s, height .3s, background .4s, opacity .3s, -webkit-transform .3s;
    width: 100%; }
  .header.is-hidden {
    opacity: 0;
    -webkit-transform: translate(0, -86px);
    -ms-transform: translate(0, -86px);
    transform: translate(0, -86px);
    -webkit-transition: background .3s, color .3s, opacity 0 .3s, -webkit-transform .2s;
    transition: background .3s, color .3s, opacity 0 .3s, -webkit-transform .2s;
    -o-transition: transform .2s, background .3s, color .3s, opacity 0 .3s;
    transition: transform .2s, background .3s, color .3s, opacity 0 .3s;
    transition: transform .2s, background .3s, color .3s, opacity 0 .3s, -webkit-transform .2s; }
  @media all and (max-width: 56.1875em) {
    .header a.btn:not(.bag):not(.sign-in), .header a:not(.bag):not(.sign-in)[type=button],
    .header a:not(.bag):not(.sign-in)[type=submit] {
      display: none !important; } }
  .header--with-promo {
    top: 3.6rem; }

.logo {
  position: relative;
  z-index: 999; }
  .logo > svg {
    fill: #343a41;
    max-height: 2rem;
    max-width: 5rem;
    vertical-align: middle; }

@media all and (min-width: 56.25em) {
  .github-btn {
    margin-left: 1.06667rem; } }

.github-btn:hover {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0); }
  .github-btn:hover > svg {
    fill: #343a41; }

.github-btn > svg {
  fill: #42a5f5;
  -webkit-transition: all 0.24s ease;
  -o-transition: all 0.24s ease;
  transition: all 0.24s ease; }

/* Navigation ------------------------ */
.navbar {
  margin-left: auto; }
  .navbar-menu {
    margin: 0;
    display: none;
    padding: 0; }
    @media all and (max-width: 56.1875em) {
      .navbar-menu {
        border-top: 1px solid transparent;
        font-size: 1.26562rem; } }
    @media all and (min-width: 56.25em) {
      .navbar-menu {
        display: block; } }
    .navbar-menu li {
      color: #ffffff;
      list-style: none; }
      @media all and (max-width: 56.1875em) {
        .navbar-menu li {
          padding: 0; } }
      @media all and (min-width: 56.25em) {
        .navbar-menu li {
          display: inline-block;
          font-size: 0.9375rem;
          padding: 0;
          position: relative; } }
      .navbar-menu li:hover, .navbar-menu li[aria-expanded="true"] {
        cursor: pointer; }
        @media all and (min-width: 56.25em) {
          .navbar-menu li:hover > ul, .navbar-menu li[aria-expanded="true"] > ul {
            opacity: 1;
            display: block;
            will-change: transform; }
            .navbar-menu li:hover > ul li, .navbar-menu li[aria-expanded="true"] > ul li {
              display: block; } }
      .navbar-menu li a,
      .navbar-menu li span {
        color: #6a7081;
        display: block;
        padding: 0.8rem 2rem; }
        @media all and (min-width: 56.25em) {
          .navbar-menu li a,
          .navbar-menu li span {
            height: 5.33333rem;
            line-height: 5.33333rem;
            padding: 0 0.8rem; } }
        .navbar-menu li a:hover,
        .navbar-menu li span:hover {
          color: #343a41; }
      .navbar-menu li span {
        cursor: default; }
    .navbar-menu.is-visible {
      background: #ffffff;
      display: block;
      left: 0;
      height: 100vh;
      max-height: 100vh;
      position: absolute;
      text-align: center;
      top: 0;
      width: 100%;
      margin-top: 5.33333rem;
      padding-top: 1.6rem;
      -webkit-transition: all .24s ease-out;
      -o-transition: all .24s ease-out;
      transition: all .24s ease-out;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); }
  @media all and (max-width: 56.1875em) {
    .navbar-submenu,
    .navbar .sub-menu {
      margin: 0; } }
  @media all and (min-width: 56.25em) {
    .navbar-submenu,
    .navbar .sub-menu {
      background: #ffffff;
      border-radius: 6px;
      -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
      display: none;
      left: auto;
      margin: 0;
      opacity: 0;
      position: absolute;
      top: 5rem;
      min-width: 10rem;
      z-index: 2000;
      white-space: nowrap;
      z-index: 1;
      overflow: hidden; }
      .navbar-submenu li,
      .navbar .sub-menu li {
        border-bottom: 1px solid #eee;
        font-weight: normal;
        white-space: nowrap;
        margin: 0;
        padding: 0; }
        .navbar-submenu li > a,
        .navbar .sub-menu li > a {
          color: #6a7081;
          display: block;
          height: auto;
          line-height: inherit;
          padding: 0.74667rem 1.6rem;
          border-bottom: 1px solid #f7f8fb; } }
      @media all and (min-width: 56.25em) and (min-width: 56.25em) {
        .navbar-submenu li > a,
        .navbar .sub-menu li > a {
          font-size: 0.9375rem; } }
  @media all and (min-width: 56.25em) {
          .navbar-submenu li > a:hover,
          .navbar .sub-menu li > a:hover {
            background: #f7f8fb; } }
  .navbar-toggle {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    display: block;
    padding: 0;
    position: absolute;
    right: 4%;
    height: auto;
    top: 50%;
    -webkit-transform: translate(0, -50%) !important;
    -ms-transform: translate(0, -50%) !important;
    transform: translate(0, -50%) !important;
    width: 2.8rem;
    z-index: 3; }
    @media all and (min-width: 56.25em) {
      .navbar-toggle {
        display: none; } }
    .navbar-toggle:hover, .navbar-toggle:focus {
      background: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      outline: none; }
    .navbar-toggle > svg {
      fill: #343a41;
      margin: 0.5rem 0;
      vertical-align: middle; }

.has-submenu:hover > span,
.has-submenu:hover > a {
  color: #343a41; }

@media all and (max-width: 56.1875em) {
  .hidden-item > span {
    display: none !important; } }

.wrapper {
  margin: 0 2rem; }

.center {
  text-align: center; }

.gray {
  background-color: #f7f8fb; }

.shadow {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); }

.fb > svg {
  fill: #3b5999; }

.twitter > svg {
  fill: #55acee; }

.gplus > svg {
  fill: #db4437; }

.pinterest > svg {
  fill: #bd081c; }

.stumbleupon > svg {
  fill: #e94826; }

.linkedin > svg {
  fill: #007bb5; }

.buffer > svg {
  fill: #343a41; }

.container {
  padding: 5.33333rem 0 0; }
  .container--with-promo {
    padding-top: calc(5.33333rem + 3.6rem); }
  @media all and (min-width: 56.25em) {
    .container.with-sidebar {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: minmax(18.2rem, 10%) 1fr;
      grid-template-columns: minmax(18.2rem, 10%) 1fr;
      grid-column-gap: 2rem; } }
  @media all and (min-width: 56.25em) {
    .container.with-sidebar-center {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: minmax(18.2rem, 10%) minmax(-webkit-min-content, 52rem);
      -ms-grid-columns: minmax(18.2rem, 10%) minmax(min-content, 52rem);
      grid-template-columns: minmax(18.2rem, 10%) minmax(-webkit-min-content, 52rem);
      grid-template-columns: minmax(18.2rem, 10%) minmax(min-content, 52rem);
      grid-column-gap: 2rem;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media all and (min-width: 56.25em) {
    .container.categories {
      grid-column-gap: calc(2rem + 3vw); } }
  .container-inner {
    margin: 0 auto;
    max-width: 46.8rem;
    overflow: hidden;
    padding-bottom: calc(1.86667rem + 1vw); }
    .container-inner-wide {
      max-width: 67.6rem; }

.content {
  margin: 0 2rem calc(1.86667rem + 1vw) 0; }
  @media all and (max-width: 56.1875em) {
    .content {
      margin: 0 2rem calc(1.86667rem + 1vw); } }
  .content-inner {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 auto;
    max-width: 46.8rem;
    overflow: hidden; }

.sidebar {
  padding-top: 2rem; }
  @media all and (min-width: 56.25em) {
    .sidebar {
      border-right: 1px solid #dedee9;
      max-height: 100vh;
      overflow-y: auto;
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar; }
      .sidebar::-webkit-scrollbar {
        display: none; } }
  .sidebar-search {
    padding: 0 2rem 1.06667rem; }
    .sidebar-search .ds-input {
      background: transparent url(../svg/search.svg) no-repeat 92% 50%;
      background-size: 16px 15px;
      border-radius: 30px;
      padding-right: 2.66667rem;
      width: 100%; }
  .sidebar-menu {
    margin-bottom: 1.6rem; }
    @media all and (max-width: 56.1875em) {
      .sidebar-menu {
        background: #f7f8fb;
        margin: 0.53333rem 2rem 1.6rem;
        padding: 1.33333rem 0; } }
    .sidebar-menu-clean ul li.active > a::after {
      display: none; }
    .sidebar-menu ul {
      margin: 0;
      padding: 0; }
      .sidebar-menu ul li {
        font-size: 0.88889rem;
        list-style: none;
        margin-bottom: 0.26667rem;
        padding: 0.4rem 2rem;
        position: relative; }
        @media all and (max-width: 56.1875em) {
          .sidebar-menu ul li {
            padding: 0.26667rem 2rem; } }
        .sidebar-menu ul li li {
          padding: 0.34667rem 0; }
          @media all and (max-width: 56.1875em) {
            .sidebar-menu ul li li {
              padding: 0.26667rem 0; } }
        .sidebar-menu ul li.active {
          margin-right: -2rem; }
          .sidebar-menu ul li.active > a {
            display: block;
            position: relative;
            color: #42a5f5;
            font-weight: 600; }
            @media all and (min-width: 56.25em) {
              .sidebar-menu ul li.active > a::after {
                background: rgba(66, 165, 245, 0.07);
                content: "";
                display: block;
                left: -100%;
                padding: 1.13333rem 0;
                width: 200%;
                z-index: -1;
                position: absolute;
                top: 50%;
                -webkit-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                transform: translate(0, -50%); } }
          .sidebar-menu ul li.active > ul {
            display: block;
            opacity: 1 !important;
            margin-bottom: 1.06667rem !important; }
        .sidebar-menu ul li.tips {
          background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23FFC439' d='M12,15.494228 L15.5203787,17.3429447 L14.8480462,13.4273 L17.6960925,10.6542251 L13.7601894,10.0829402 L12,6.520369 L10.2398106,10.0829402 L6.30390755,10.6542251 L9.15195377,13.4273 L8.47962126,17.3429447 L12,15.494228 Z M12,17.7544125 L5.81966011,21 L7,14.1257354 L2,9.25735421 L8.90983006,8.25441253 L12,2 L15.0901699,8.25441253 L22,9.25735421 L17,14.1257354 L18.1803399,21 L12,17.7544125 Z'/%3e%3c/svg%3e");
          background-repeat: no-repeat;
          background-position: 90% 50%;
          background-size: 18px 18px; }
      .sidebar-menu ul ul {
        margin: 0; }
        @media all and (max-width: 56.1875em) {
          .sidebar-menu ul ul {
            display: none;
            margin: 1.06667rem 0;
            opacity: 0;
            -webkit-transition: opacity 1s;
            -o-transition: opacity 1s;
            transition: opacity 1s; } }
        .sidebar-menu ul ul ul {
          margin-bottom: 0.53333rem;
          margin-left: 1.5rem; }
    @media all and (min-width: 56.25em) {
      .sidebar-menu > ul > .has-submenu {
        margin-bottom: 1.6rem;
        padding-bottom: 1.6rem;
        border-bottom: 1px solid #dedee9; }
        .sidebar-menu > ul > .has-submenu:last-child {
          padding: none;
          border: none; } }
    .sidebar-menu-in {
      opacity: 1 !important;
      margin-bottom: 1.06667rem !important; }
  @media all and (max-width: 56.1875em) {
    .sidebar .has-submenu {
      padding-left: 3rem !important; }
      .sidebar .has-submenu::before {
        content: "\002B";
        left: 2rem;
        line-height: 1.6;
        position: absolute; }
      .sidebar .has-submenu.active::before {
        content: "\2212"; } }
  .sidebar .has-submenu > a {
    display: block;
    margin-bottom: 0.26667rem; }
  .sidebar .has-submenu > span {
    color: #343a41;
    display: block;
    font-weight: 600; }
    @media all and (min-width: 56.25em) {
      .sidebar .has-submenu > span {
        color: #343a41;
        font-size: 1.125rem;
        font-weight: 400;
        margin: 0.53333rem 0 0.53333rem; } }
  @media all and (min-width: 56.25em) {
    .sidebar .sub-title > span {
      font-size: 1rem !important; } }

.card {
  -webkit-box-shadow: 0 -1px 0 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -1px 0 0px rgba(0, 0, 0, 0.1);
  padding: 1rem 0 0;
  position: relative;
  -webkit-transition: all 0.46s cubic-bezier(0.17, 0.67, 0.22, 0.91);
  -o-transition: all 0.46s cubic-bezier(0.17, 0.67, 0.22, 0.91);
  transition: all 0.46s cubic-bezier(0.17, 0.67, 0.22, 0.91); }
  @media all and (min-width: 56.25em) {
    .card {
      border-radius: 4px;
      -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
      padding: 1rem 2rem 3rem; }
      .card::after {
        background: #42a5f5;
        content: "";
        height: 1px;
        width: 15%;
        position: absolute;
        top: -1px;
        left: 0;
        -webkit-transition: all 0.46s cubic-bezier(0.17, 0.67, 0.22, 0.91);
        -o-transition: all 0.46s cubic-bezier(0.17, 0.67, 0.22, 0.91);
        transition: all 0.46s cubic-bezier(0.17, 0.67, 0.22, 0.91); } }
  @media all and (min-width: 56.25em) {
    .card:hover {
      -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.075);
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.075); }
      .card:hover::after {
        background: #42a5f5;
        width: 100%;
        height: 3px; } }
  .card-date {
    font-size: 0.79012rem;
    margin-top: 1.06667rem;
    display: inline-block; }
  .card-tag {
    display: inline-block;
    margin-bottom: 0.8rem; }
    .card-tag {
      color: #42a5f5;
      text-decoration: none;
      -webkit-transition: all 0.14s ease-out;
      -o-transition: all 0.14s ease-out;
      transition: all 0.14s ease-out; }
    .card-tag:hover {
      color: #343a41; }
    .card-tag:active {
      color: #343a41; }
    .card-tag:focus {
      color: #343a41; }
  .card h2 {
    font-size: 1.125rem; }
    @media screen and (min-width: 20rem) {
      .card h2 {
        font-size: calc(1.125rem + 0.47681 * ((100vw - 20rem) / 113)); } }
    @media screen and (min-width: 133rem) {
      .card h2 {
        font-size: 1.60181rem; } }
  .card .btn, .card [type=button],
  .card [type=submit],
  .card button {
    margin-top: 1.6rem; }

.docs {
  counter-reset: article; }
  .docs-cards {
    display: -ms-grid;
    display: grid;
    grid-gap: 3rem; }
    @media all and (min-width: 56.25em) {
      .docs-cards {
        grid-template-columns: repeat(auto-fill, minmax(26rem, 1fr)); } }
  @media all and (min-width: 56.25em) {
    .docs .card::before {
      counter-increment: article;
      content: "" counter(article) ".";
      color: #9ea2ad;
      font-family: Georgia, Times, Times New Roman, serif; } }

.blog-inner {
  display: -ms-grid;
  display: grid;
  grid-gap: 3rem;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 auto;
  max-width: 67.6rem;
  overflow: hidden;
  padding-bottom: calc(1.86667rem + 1vw);
  padding-left: 2rem;
  padding-right: 2rem;
  width: calc(100% - 4rem); }
  @media all and (min-width: 56.25em) {
    .blog-inner {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr); } }

@media all and (min-width: 56.25em) {
  .blog-title, .blog-pagination {
    -ms-grid-column-span: 2;
    grid-column: span 2; } }

.blog-desc {
  color: rgba(106, 112, 129, 0.7);
  margin: 0.53333rem 0 0; }

.blog-author {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .blog-author > div {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%; }
  .blog-author > img {
    border-radius: 50%;
    height: 5.33333rem;
    width: 5.33333rem; }

.blog-entry {
  border-top: 2px solid #dedee9; }

.post {
  overflow: inherit; }
  .post-desc {
    margin-top: 0.8rem; }
  .post-updated {
    color: rgba(106, 112, 129, 0.7);
    margin: 0.53333rem 0 calc(1.86667rem + 0.5vw); }
  .post-header {
    color: rgba(106, 112, 129, 0.7);
    margin-bottom: calc(1.6rem + 0.5vw);
    text-align: center; }
  .post-tag {
    display: inline-block;
    margin-bottom: 0.8rem; }
    .post-tag {
      color: #42a5f5;
      text-decoration: none;
      -webkit-transition: all 0.14s ease-out;
      -o-transition: all 0.14s ease-out;
      transition: all 0.14s ease-out; }
    .post-tag:hover {
      color: #343a41; }
    .post-tag:active {
      color: #343a41; }
    .post-tag:focus {
      color: #343a41; }
    .post-tag + .post-tag::before {
      content: ", ";
      color: rgba(106, 112, 129, 0.7); }
  .post-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0.79012rem;
    list-style: none;
    margin-left: 0; }
    .post-meta li {
      line-height: 1.6rem;
      margin: 0 0.53333rem;
      position: relative; }
      .post-meta li:first-child {
        margin-left: 0;
        padding-left: 0; }
      @media all and (min-width: 37.5em) {
        .post-meta li:not(:last-of-type):after {
          background: rgba(106, 112, 129, 0.4);
          border-radius: 50%;
          content: "";
          display: inline-block;
          height: 4px;
          right: calc(-1.06667rem + 2px);
          top: calc(0.8rem - 2px);
          width: 4px;
          position: absolute; } }
  @media all and (min-width: 75em) {
    .post__image--wide {
      margin-left: -10.4rem;
      margin-right: -10.4rem; }
      .post__image--wide > img {
        width: 100%; } }
  .post-author > img {
    border-radius: 50%;
    display: inline-block;
    height: 1.6rem;
    margin-right: 0.26667rem;
    width: 1.6rem; }
  .post-entry a:not(.btn):not([type=button]):not(
  [type=submit]):not(
  button), .post-similar a:not(.btn):not([type=button]):not(
  [type=submit]):not(
  button) {
    color: #42a5f5; }
    .post-entry a:not(.btn):not([type=button]):not(
    [type=submit]):not(
    button):hover, .post-similar a:not(.btn):not([type=button]):not(
    [type=submit]):not(
    button):hover {
      text-decoration: underline;
      -webkit-text-decoration-skip: ink;
      text-decoration-skip: ink; }
  .post-share {
    margin-top: calc(1.86667rem + 0.5vw); }
  .post-aside {
    background: rgba(66, 165, 245, 0.07);
    border: 1px solid rgba(66, 165, 245, 0.5);
    margin: calc(1.86667rem + 0.5vw) 0;
    padding: 3.2rem 1.6rem;
    text-align: center; }
    @media all and (min-width: 56.25em) {
      .post-aside {
        padding: 3.2rem; } }
    .post-aside > p {
      font-size: 0.88889rem;
      margin: 0 0 2.13333rem; }
  .post-similar {
    border-top: 1px solid #dedee9;
    margin-top: calc(2.66667rem + 1vw); }
    .post-similar > h3 {
      font-size: 1rem; }
      @media screen and (min-width: 20rem) {
        .post-similar > h3 {
          font-size: calc(1rem + 0.125 * ((100vw - 20rem) / 113)); } }
      @media screen and (min-width: 133rem) {
        .post-similar > h3 {
          font-size: 1.125rem; } }
    .post-similar > ul {
      margin: 0.8rem 0 0 1rem; }
      .post-similar > ul li {
        padding: 0.26667rem 0 0 0.53333rem; }

.list-spaces > li {
  margin-bottom: 2.66667rem; }

.dev-download-starter {
  border-bottom: 1px solid #dedee9;
  border-top: 1px solid #dedee9;
  padding: 2.66667rem 0; }
  .dev-download-starter > img {
    float: right;
    margin-left: 2rem;
    max-width: 10rem; }

.download-files {
  margin: calc(1.06667rem + 0.5vw) 0 calc(4.26667rem + 1vw); }
  .download-files th {
    background: #f7f8fb;
    border: none;
    padding: 0.8rem 0.8rem; }
  .download-files td {
    border: none;
    border-bottom: 1px solid #dedee9;
    padding: 1.33333rem 0.8rem; }
  .download-files h3 {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0; }
  .download-files small {
    color: #9ea2ad;
    display: block; }

.download-entry {
  margin-top: calc(3.2rem + 1vw); }

.download-btn {
  margin-top: calc(1.06667rem + 1vw); }

.download-cdn {
  color: #9ea2ad;
  margin-top: calc(3.2rem + 2vw); }

.store {
  margin: 0 auto;
  max-width: 98.8rem; }
  .store-top {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: calc(0.53333rem + 0.5vw); }
  .store-desc {
    color: #9ea2ad;
    margin-top: 0.53333rem; }
  .store-filter {
    list-style: none;
    margin: 0; }
    @media all and (max-width: 56.1875em) {
      .store-filter {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-top: 1.6rem; } }
    .store-filter li {
      display: inline-block;
      padding: 0; }
      @media all and (max-width: 56.1875em) {
        .store-filter li {
          margin-right: 1.06667rem; } }
      @media all and (min-width: 56.25em) {
        .store-filter li {
          margin-left: 1.06667rem; } }
    .store-filter-item {
      color: #9ea2ad;
      text-decoration: none;
      -webkit-transition: all 0.14s ease-out;
      -o-transition: all 0.14s ease-out;
      transition: all 0.14s ease-out; }
    .store-filter-item:hover {
      color: #343a41; }
    .store-filter-item:active {
      color: #343a41; }
    .store-filter-item:focus {
      color: #343a41; }
    .store-filter-item.is-checked {
      color: #343a41; }
  .store-entry {
    margin: calc(1.06667rem + 1vw) 0 0; }
    @media all and (min-width: 37.5em) {
      .store-entry {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 5%; } }
  .store-item {
    margin-bottom: calc(1.6rem + 1vw); }
    .store-item-link {
      background: #ffffff;
      -webkit-box-shadow: 0 4px 14px rgba(52, 58, 65, 0.1);
      box-shadow: 0 4px 14px rgba(52, 58, 65, 0.1);
      border-radius: 3px;
      display: block;
      height: 0;
      position: relative;
      padding: 1.45rem 0 63%;
      position: relative;
      width: 100%;
      -webkit-transition: all 0.24s ease;
      -o-transition: all 0.24s ease;
      transition: all 0.24s ease;
      will-change: transform; }
      .store-item-link:after {
        content: "\2022\2022\2022";
        color: rgba(106, 112, 129, 0.3);
        display: block;
        font-size: 10px;
        letter-spacing: 0.15rem;
        height: 1.45rem;
        width: 100%;
        position: absolute;
        top: 0.2rem;
        left: 0.8rem; }
      .store-item-link:hover {
        -webkit-box-shadow: 0 7px 28px rgba(52, 58, 65, 0.1);
        box-shadow: 0 7px 28px rgba(52, 58, 65, 0.1);
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px); }
    .store-item h2 {
      color: #42a5f5 !important;
      margin-top: 1.6rem; }
      .store-item h2 {
        font-size: 1rem; }
        @media screen and (min-width: 20rem) {
          .store-item h2 {
            font-size: calc(1rem + 0.125 * ((100vw - 20rem) / 113)); } }
        @media screen and (min-width: 133rem) {
          .store-item h2 {
            font-size: 1.125rem; } }
    .store-item p {
      color: rgba(106, 112, 129, 0.7);
      font-size: 0.79012rem;
      margin-top: 0.26667rem;
      opacity: 0;
      -webkit-transition: all 0.28s ease-out;
      -o-transition: all 0.28s ease-out;
      transition: all 0.28s ease-out;
      -webkit-transform: translateY(-0.5rem);
      -ms-transform: translateY(-0.5rem);
      transform: translateY(-0.5rem);
      visibility: hidden; }
    @media all and (min-width: 56.25em) {
      .store-item:hover p {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }

.product {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto 5.33333rem;
  max-width: 98.8rem; }
  @media all and (min-width: 56.25em) {
    .product {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      margin-top: 5.33333rem; } }
  @media all and (min-width: 56.25em) {
    .product-left {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; } }
  @media all and (min-width: 75em) {
    .product-left {
      -ms-flex-preferred-size: 60%;
      flex-basis: 60%; } }
  @media all and (min-width: 100em) {
    .product-left {
      -ms-flex-preferred-size: 70%;
      flex-basis: 70%; } }
  .product-image {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 615 315' %3e%3cstyle type='text/css'%3e .st0%7bfill:%23F7F8FB;stroke:%23FFFFFF;stroke-width:2;%7d .st1%7bfill:%23EDEEEF;stroke:%23FFFFFF;%7d .st2%7bfill:%23FFFFFF;%7d %3c/style%3e%3cpath id='path-2' class='st0' d='M307.5,296.03H85.41V17.17c0-8.38,6.8-15.18,15.19-15.18h206.9h206.9 c8.39,0,15.18,6.79,15.18,15.18v278.86H307.5z'/%3e%3cpath id='path-3' class='st0' d='M558.06,307.41H307.5H56.94c-15.09,0-27.43-5.03-28.4-11.38H307.5h278.96 C585.48,302.38,573.14,307.41,558.06,307.41L558.06,307.41z'/%3e%3cpath id='path-4' class='st1' d='M346.74,296.03c-1.46,3.35-4.8,5.69-8.69,5.69h-30.37h-0.18h-30.37c-3.89,0-7.22-2.34-8.69-5.69 H346.74L346.74,296.03z'/%3e%3crect x='104.39' y='20.96' class='st2' width='406.21' height='256.09'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    height: 0;
    position: relative;
    padding: 3% 16.5% 50%;
    position: relative;
    width: 100%;
    -webkit-transition: all 0.24s ease;
    -o-transition: all 0.24s ease;
    transition: all 0.24s ease;
    will-change: transform;
    text-align: center; }
  @media all and (max-width: 74.9375em) {
    .product-right {
      margin: 0 auto 1.6rem;
      max-width: 46.8rem;
      text-align: center; } }
  @media all and (min-width: 56.25em) {
    .product-right {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; } }
  @media all and (min-width: 75em) {
    .product-right {
      -ms-flex-preferred-size: 40%;
      flex-basis: 40%; } }
  @media all and (min-width: 100em) {
    .product-right {
      -ms-flex-preferred-size: 30%;
      flex-basis: 30%; } }
  @media all and (min-width: 56.25em) {
    .details h1 {
      margin: 0; } }
  .details-table {
    color: rgba(106, 112, 129, 0.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0.79012rem;
    margin: 0.8rem 0 2.13333rem; }
    @media all and (max-width: 74.9375em) {
      .details-table {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    .details-table dt {
      font-weight: 400;
      margin: 0 0.53333rem 0 1.6rem; }
      .details-table dt:first-child {
        margin-left: 0; }
  .details-buttons {
    border-bottom: 1px solid #dedee9;
    margin: 1.86667rem 0 1.6rem;
    padding-bottom: calc(1.86667rem + 1.1vw); }
  .product-bottom {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: calc(2.13333rem + 1vw); }
  .product-features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: calc(2.13333rem + 1vw); }
    .product-features > figure {
      border: 1px solid #dedee9;
      -ms-flex-preferred-size: 44%;
      flex-basis: 44%;
      padding: 2.13333rem;
      margin: 0.53333rem;
      text-align: center; }
      @media all and (min-width: 37.5em) {
        .product-features > figure {
          -ms-flex-preferred-size: 30%;
          flex-basis: 30%; } }
      @media all and (min-width: 56.25em) {
        .product-features > figure {
          -ms-flex-preferred-size: 18%;
          flex-basis: 18%; } }
      @media all and (min-width: 75em) {
        .product-features > figure {
          -ms-flex-preferred-size: 14%;
          flex-basis: 14%; } }
      .product-features > figure > figcaption {
        color: #343a41;
        font-size: 0.88889rem;
        margin-top: 1.06667rem; }
      .product-features > figure svg {
        vertical-align: middle; }

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

.box-desc {
  color: rgba(106, 112, 129, 0.7);
  margin: 1.6rem auto;
  max-width: 52rem;
  text-align: center; }
  @media all and (min-width: 37.5em) {
    .box-desc {
      font-size: 1.125rem; } }

.buy-now-box {
  border: 1px solid #dedee9;
  border-radius: 3px;
  margin-bottom: 1.06667rem;
  padding: 1.06667rem; }
  .buy-now-box ul {
    line-height: 1.2;
    font-size: 0.70233rem;
    margin: 0.8rem 0.8rem 1.06667rem; }

.pagination {
  margin-top: 3rem; }

.roadmap-list {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  position: relative; }
  .roadmap-list:before {
    border-left: 2px solid #6a7081;
    content: "";
    display: block;
    height: calc(100% - 2.5rem);
    left: calc(0.6rem - 1px);
    margin-top: 0.2rem;
    position: absolute;
    top: 1rem; }
  .roadmap-list li {
    font-size: 1.125rem;
    margin-bottom: calc(1.06667rem + 0.5vw);
    padding-left: 2.6rem; }
    .roadmap-list li:before {
      background: white;
      border: 2px solid #6a7081;
      border-radius: 50%;
      content: "";
      display: block;
      height: 1.2rem;
      left: 0;
      margin-top: 0.37333rem;
      position: absolute;
      width: 1.2rem; }
  .roadmap-list .checked::before {
    background: #5cb884;
    border: 4px solid white;
    height: calc(1.2rem + 2px);
    width: calc(1.2rem + 2px);
    left: -1px; }
  .roadmap-list .tooltip {
    background: #5cb884;
    border-radius: 4px 4px 0 0;
    color: white;
    display: block;
    font-size: 0.79012rem;
    font-weight: 600;
    padding: 0.2rem 1.06667rem;
    position: relative;
    opacity: 0.9;
    top: 2px; }
    .roadmap-list .tooltip::before {
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-right: 6px solid #5cb884;
      content: ' ';
      height: 0;
      left: -6px;
      width: 0;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    .roadmap-list .tooltip::after {
      content: '\2192';
      margin-left: 4px;
      opacity: 0;
      position: absolute;
      -webkit-transform: translateX(-2px);
      -ms-transform: translateX(-2px);
      transform: translateX(-2px);
      -webkit-transition: all 0.28s ease-out;
      -o-transition: all 0.28s ease-out;
      transition: all 0.28s ease-out; }
    .roadmap-list .tooltip:hover::after {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
    .roadmap-list .tooltip + p {
      background: rgba(92, 184, 132, 0.15);
      border-radius: 0 0 4px 4px;
      font-size: 1rem;
      margin: 2px 0 0;
      padding: 0.8rem 1.06667rem; }

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

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

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

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

.frame {
  border: 1px solid #dedee9; }

.msg {
  border-left: 2px solid transparent;
  padding: 1.06667rem 2.13333rem; }
  .msg-highlight, .msg--highlight, .msg.highlight {
    background-color: #fdfaf1;
    border-color: #e2ac4f; }
  .msg-info, .msg--info, .msg.info {
    background: rgba(66, 165, 245, 0.03);
    border-color: #42a5f5; }
  .msg-success, .msg--success, .msg.success {
    background: #f7fbf6;
    border-color: #5ab44b; }
  .msg-warning, .msg--warning, .msg.warning {
    background: #fff3f3;
    border-color: #c06367;
    color: #a94442; }

@media all and (min-width: 37.5em) {
  .pagination > a {
    margin: 0 0.53333rem 0 0; } }

.footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ffffff;
  border-top: 1px solid #dedee9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0.88889rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 2.66667rem 2rem;
  position: -webkit-sticky;
  position: sticky;
  top: 100%; }
  .footer.no-separator {
    border-top: none; }
  .footer > div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center; }
    @media all and (max-width: 74.9375em) {
      .footer > div {
        width: 100%; } }
    @media all and (min-width: 75em) {
      .footer > div {
        line-height: 1; } }
    .footer > div:first-child {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
  .footer-logo {
    margin-right: 3.2rem; }
    @media all and (max-width: 37.4375em) {
      .footer-logo {
        margin: 0 auto 1.6rem;
        width: 100%; } }
    .footer-logo > svg {
      fill: #6a7081;
      max-height: 1.586rem;
      max-width: 4.038rem; }
  .footer-nav {
    margin: 0 auto; }
    @media all and (min-width: 37.5em) {
      .footer-nav {
        margin: 0; } }
    .footer-nav li {
      display: inline-block;
      margin: 0 1.33333rem 0 0;
      padding: 0; }
      .footer-nav li:last-child {
        margin: 0; }
  @media all and (max-width: 74.9375em) {
    .footer-copy {
      border-top: 1px solid #dedee9;
      margin: 2.4rem 0 1.6rem;
      padding-top: 2.4rem;
      width: 100%; } }
  @media all and (max-width: 74.9375em) {
    .footer-social {
      width: 100%; } }
  @media all and (min-width: 75em) {
    .footer-social {
      margin-left: 1.6rem; } }
  .footer-social a > svg {
    display: inline-block;
    fill: #6a7081;
    height: 1rem;
    margin: 0 0 0 0.8rem;
    pointer-events: none;
    -webkit-transition: all 0.12s linear 0s;
    -o-transition: all 0.12s linear 0s;
    transition: all 0.12s linear 0s;
    width: 1rem; }
  .footer-social a:hover {
    text-decoration: none; }

.facebook:hover > svg {
  fill: #3b5998; }

.twitter:hover > svg {
  fill: #1da1f2; }

.instagram:hover > svg {
  fill: #c32aa3; }

.pinterest:hover > svg {
  fill: #bd081c; }

.subscribe-popup {
  background: #ffffff;
  bottom: -100%;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.07);
  display: block;
  font-size: 0.88889rem;
  width: 26rem;
  opacity: 0;
  padding: 2.66667rem 2.13333rem 2.13333rem;
  position: fixed;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all .8s ease-out;
  -o-transition: all .8s ease-out;
  transition: all .8s ease-out;
  z-index: 1000; }
  @media all and (max-height: 48.6875em) {
    .subscribe-popup {
      display: none; } }
  @media all and (max-width: 25.9375em) {
    .subscribe-popup {
      display: none; } }
  @media all and (max-width: 37.4375em) {
    .subscribe-popup {
      margin-left: calc((100% - 26rem) / 2); } }
  @media all and (min-width: 37.5em) {
    .subscribe-popup {
      right: 2rem; } }
  .subscribe-popup.is-visible {
    bottom: 2rem;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .subscribe-popup-close {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    position: absolute;
    right: 0;
    top: 0;
    width: auto; }
    .subscribe-popup-close:hover {
      color: #ef5350;
      -webkit-transform: translate(0);
      -ms-transform: translate(0);
      transform: translate(0); }
  @media all and (min-width: 37.5em) {
    .subscribe-popup form {
      font-size: 90%; } }
  .subscribe-popup svg {
    fill: #FFC439; }
  .subscribe-popup h3 {
    margin-top: 0.8rem; }
  .subscribe-popup a {
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink; }
  .subscribe-popup p {
    margin: 0.53333rem 0 1.06667rem; }
  .subscribe-popup input[type=email],
  .subscribe-popup input[type=text] {
    margin-top: 0.53333rem;
    width: 100%; }
    .subscribe-popup input[type=email]:focus,
    .subscribe-popup input[type=text]:focus {
      -webkit-box-shadow: inset 0 0 2px #FFC439;
      box-shadow: inset 0 0 2px #FFC439;
      border: 1px solid #FFC439; }
  .subscribe-popup-agree {
    margin: 1.06667rem 0 0;
    text-align: left; }
    .subscribe-popup-agree li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding: 0; }
      .subscribe-popup-agree li label {
        font-weight: 400;
        margin-left: 2.1rem;
        margin-right: 0; }
        .subscribe-popup-agree li label:before {
          margin-left: -2.1rem; }

.download-popup {
  background: #ffffff;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.07);
  padding: 3rem 3.6rem 1.4rem;
  position: fixed;
  text-align: center;
  -webkit-transition: all .8s ease-out;
  -o-transition: all .8s ease-out;
  transition: all .8s ease-out;
  width: 34rem;
  z-index: 1000; }
  .download-popup.is-visible {
    -webkit-animation: download-popup-animation 0.4s cubic-bezier(0.17, 0.67, 0.31, 1.06) 1.5s backwards;
    animation: download-popup-animation 0.4s cubic-bezier(0.17, 0.67, 0.31, 1.06) 1.5s backwards;
    left: 50%;
    top: 50%;
    -webkit-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    opacity: 1;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left; }

@-webkit-keyframes download-popup-animation {
  from {
    left: 50%;
    opacity: 0;
    top: 50%;
    -webkit-transform: scale(0.6) translate(-50%, -50%);
    transform: scale(0.6) translate(-50%, -50%);
    -webkit-transform-origin: left;
    transform-origin: left; }
  to {
    left: 50%;
    opacity: 1;
    top: 50%;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    -webkit-transform-origin: left;
    transform-origin: left; } }

@keyframes download-popup-animation {
  from {
    left: 50%;
    opacity: 0;
    top: 50%;
    -webkit-transform: scale(0.6) translate(-50%, -50%);
    transform: scale(0.6) translate(-50%, -50%);
    -webkit-transform-origin: left;
    transform-origin: left; }
  to {
    left: 50%;
    opacity: 1;
    top: 50%;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    -webkit-transform-origin: left;
    transform-origin: left; } }
  .download-popup-overlay {
    background: rgba(247, 248, 251, 0.82);
    height: 100%;
    left: 0;
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999; }
    .download-popup-overlay.is-visible {
      -webkit-animation: download-popup-overlay-animation 0.1s cubic-bezier(0.17, 0.67, 0.31, 1.06) 1.5s backwards;
      animation: download-popup-overlay-animation 0.1s cubic-bezier(0.17, 0.67, 0.31, 1.06) 1.5s backwards;
      display: block; }
      @media all and (max-height: 48.6875em) {
        .download-popup-overlay.is-visible {
          display: none; } }
      @media all and (max-width: 48.6875em) {
        .download-popup-overlay.is-visible {
          display: none; } }

@-webkit-keyframes download-popup-overlay-animation {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes download-popup-overlay-animation {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  .download-popup-submit {
    margin: 1rem 0 1.4rem;
    width: 100%; }
  .download-popup svg {
    display: block;
    fill: #FFC439;
    margin: 0 auto 2rem;
    width: 50px; }
  .download-popup p {
    margin: 0.53333rem 0 1.6rem !important; }
  .download-popup-note {
    color: #9ea2ad;
    font-size: 0.79012rem;
    text-align: left; }
  .download-popup-close {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    position: absolute;
    right: 0;
    top: 0;
    width: auto; }
    .download-popup-close:hover {
      color: #ef5350;
      -webkit-transform: translate(0);
      -ms-transform: translate(0);
      transform: translate(0); }
  @media all and (min-width: 37.5em) {
    .download-popup form {
      font-size: 90%; } }
  .download-popup h3 {
    margin-top: 0.8rem; }
  .download-popup a {
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink; }
  .download-popup input[type=email],
  .download-popup input[type=text] {
    margin-top: 0.53333rem;
    width: 100%; }
    .download-popup input[type=email]:focus,
    .download-popup input[type=text]:focus {
      -webkit-box-shadow: inset 0 0 2px #FFC439;
      box-shadow: inset 0 0 2px #FFC439;
      border: 1px solid #FFC439; }
  .download-popup-agree {
    margin: 1.06667rem 0 0;
    text-align: left; }
    .download-popup-agree li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding: 0; }
      .download-popup-agree li label {
        font-weight: 400;
        margin-left: 2.1rem;
        margin-right: 0; }
        .download-popup-agree li label:before {
          margin-left: -2.1rem; }

        .cookie-popup {
            background: #fff;
            border-radius: 2px;
            bottom: 1rem;
            -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
            font-size: 15px;
            left: 16px;
            right: 16px;
            max-width: 600px;
            padding: 2rem;
            position: fixed;
            -webkit-transform: translateY(100%);
            -ms-transform: translateY(100%);
            transform: translateY(100%);
            -webkit-transition: -webkit-transform 0.8s ease 0s;
            transition: -webkit-transform 0.8s ease 0s;
            -o-transition: transform 0.8s ease 0s;
            transition: transform 0.8s ease 0s;
            transition: transform 0.8s ease 0s, -webkit-transform 0.8s ease 0s;
            will-change: transform;
            z-index: 1000;
        }

        .cookie-popup--uses-badge {
            background: #24a931;
            border-radius: 6px 6px 0 0;
            bottom: 0.6rem;
            height: 2rem;
            padding: 0;
            -webkit-transition: all 0.24s ease-out;
            transition: all 0.24s ease-out;
            width: 6.4rem;
        }

        .cookie-popup.cookie-popup--uses-badge:hover,
        .cookie-popup.cookie-popup--uses-badge.cookie-popup--uses-link:hover {
            bottom: 2rem;
        }

        .cookie-popup.cookie-popup--uses-badge.cookie-popup--uses-link.cookie-popup--is-sticky {
            bottom: .6rem;
        }

        .cookie-popup--uses-badge > h2,
        .cookie-popup--uses-badge > p,
        .cookie-popup--uses-badge > form {
            display: none;
        }

        .cookie-popup--is-sticky {
            border-radius: 2px;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            -webkit-transition: transform .8s ease 0s;
            transition: transform .8s ease 0s;
        }

        .cookie-popup--uses-badge.cookie-popup--is-sticky {
            background: #ffffff;
            bottom: 1rem;
            height: auto;
            padding: 2rem;
            width: 100%;
        }

        @media (max-width:600px) {
            .cookie-popup--uses-badge.cookie-popup--is-sticky {
                 bottom: 0 !important;
                 left: 0;
                 right: 0;
            }
        }

        @media (min-width:600px) {
            .cookie-popup--uses-badge.cookie-popup--is-sticky:hover {
                 bottom: 1rem;
            }
        }

        .cookie-popup--uses-badge.cookie-popup--is-sticky > h2,
        .cookie-popup--uses-badge.cookie-popup--is-sticky > p,
        .cookie-popup--uses-badge.cookie-popup--is-sticky > form {
            display: block;
        }

        .cookie-popup.cookie-popup--uses-link {
            background: #fff;
            bottom: 0;
        }

        .cookie-popup.cookie-popup--uses-badge.cookie-popup--uses-link {
            background: #24a931;
            bottom: 0.6rem;
        }

        .cookie-popup.cookie-popup--uses-badge.cookie-popup--uses-link.cookie-popup--is-sticky {
            background: #fff;
        }

        .cookie-popup--is-sticky.cookie-popup--uses-link {
            -webkit-transform: translateY(-1rem);
            -ms-transform: translateY(-1rem);
            transform: translateY(-1rem);
        }

        .cookie-popup > h2 {
            font-size: 20px;
            margin: 0;
        }

        .cookie-popup > p {
            margin: 1rem 0 0;
        }

        .cookie-popup input[type="checkbox"] + label {
            margin-right: 0.53333rem;
            white-space: nowrap;
        }

        .cookie-popup input[type="checkbox"] + label::before {
            height: 20px;
            line-height: 20px;
            width: 20px;
            margin-right: 0.26667rem;
        }

        .cookie-popup input[type="checkbox"]:disabled + label:before {
            content: "";
            background-color: #f6f6f6;
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8'%3e%3cpolygon points='9.53 0 4.4 5.09 1.47 2.18 0 3.64 2.93 6.54 4.4 8 5.87 6.54 11 1.46 9.53 0' fill='%23999999'/%3e%3c/svg%3e");
        }

        .cookie-popup__save {
            background: #24a931;
            border: none !important;
            border-radius: 3px;
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #ffffff !important;
            font-size: 13px;
            padding: 0.666rem 1.2rem;
        }

        .cookie-popup > form,
        .cookie-popup__save-wrapper {
            margin-top: 1.06667rem
        }

        .cookie-popup__save:hover,
        .cookie-popup__save:active {
            opacity: 0.85;
        }

        .cookie-popup-label {
            color: #fff;
            cursor: pointer;
            left: 50%;
            position: absolute;
            top: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            white-space: nowrap;
        }

        .cookie-popup--is-sticky .cookie-popup-label {
            display: none;
        }
        	
.post-entry img:not([src]):not([srcset]){
			visibility: hidden;
}
		
@-moz-document url-prefix() {
			img:-moz-loading {
				visibility: hidden;
     }	

  }	
    .cookie-popup.cookie-popup--uses-badge.cookie-popup--uses-link,
        .cookie-popup--uses-badge {
            background: #FFC439;            
        }/*
 * Put your custom CSS code here
 */

.badge-new {
  position: relative;
}

@media all and (min-width: 37.5em) {       
    .badge-new:after { 
        background: #24a931; 
        border-radius: 2px;
        content:"New";
        color: #fff;
        display: block;
        font-size: 90%;
        line-height: 1;
        padding: 0.1rem 0.2rem;
        position: absolute;
        right: 0;
        top: 10%;
      }
}