/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * 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;
}

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

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

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

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

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

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

/**
 * 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;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

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

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 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 {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

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

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

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  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;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

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

/* Webfont: OpenSans Regular */
@font-face {
  font-family: "Open Sans";
  src: url(/assets/open-sans/OpenSans-Regular-795ddb0822898201d626fa49e72f8d81ab712b743c69a710ae76f5439f30962a.eot); /* IE9 Compat Modes */
  src: url(/assets/open-sans/OpenSans-Regular-795ddb0822898201d626fa49e72f8d81ab712b743c69a710ae76f5439f30962a.eot?#iefix) format("embedded-opentype"), url(/assets/open-sans/OpenSans-Regular-126c17576e2583c862cc8a8a53ac3310dc913a7dfeeeccb4071bc83847d7484a.woff2) format("woff2"), url(/assets/open-sans/OpenSans-Regular-75c4df2f3d4e9c4da1ca186ce026c3684326f0684ad88bceb7796201e879f323.woff) format("woff"), url(/assets/open-sans/OpenSans-Regular-639b9285b1647cd0e33ca57b5d03f97cf1776dafc89318026d2cfc3d26b60459.ttf) format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
/* Webfont: OpenSans Light */
@font-face {
  font-family: "OpenSansLight";
  src: url(/assets/open-sans/OpenSans-Light-735c01612073893a0bb17bcec8074435103eb1fbc8f5fd70cc91dc7cd08d925a.eot); /* IE9 Compat Modes */
  src: url(/assets/open-sans/OpenSans-Light-735c01612073893a0bb17bcec8074435103eb1fbc8f5fd70cc91dc7cd08d925a.eot?#iefix) format("embedded-opentype"), url(/assets/open-sans/OpenSans-Light-feb2c7d1e81834ee7c6977d37975b434a386e476620b9be22da08878255699eb.woff2) format("woff2"), url(/assets/open-sans/OpenSans-Light-40ecd63e403d8ec578cd28f2a616e1c95eccbe0643df2ac96d3f310ea4740b44.woff) format("woff"), url(/assets/open-sans/OpenSans-Light-730ff51f771afe54985d9887fa5a267958563eacfaafb788685b5ce0445bad3a.ttf) format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
/* montserrat-300 - latin */
@font-face {
  font-family: "montserrat-light";
  font-style: normal;
  font-weight: 300;
  src: url(/assets/montserrat/montserrat-v12-latin-300-a015c0149ba458c958ae79362d375339ef2385a3a60f682132d07e2a6065bdbf.eot); /* IE9 Compat Modes */
  src: local("Montserrat Light"), local("Montserrat-Light"), url(/assets/montserrat/montserrat-v12-latin-300-a015c0149ba458c958ae79362d375339ef2385a3a60f682132d07e2a6065bdbf.eot?#iefix) format("embedded-opentype"), url(/assets/montserrat/montserrat-v12-latin-300-090bf4c577c1ddd5c6078099f5bc5f35723551cf0c2053fae28b21406df6c3de.woff2) format("woff2"), url(/assets/montserrat/montserrat-v12-latin-300-6a2ae4055a2b6fc02a18866f4e6bda5e29fc9b6f9518b03f2f1869061f3785cd.woff) format("woff"), url(/assets/montserrat/montserrat-v12-latin-300-3f0f6e6ce489f508f92c19cbf1ff457d8dd4b7711439bef945e89ac4ed916322.ttf) format("truetype"); /* Safari, Android, iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: "montserrat-regular";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/montserrat/montserrat-v12-latin-regular-f22d7de41b8ac9c23ed548632c2be3e863a74bff026c9661e1a5efa7d699cb8f.eot); /* IE9 Compat Modes */
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url(/assets/montserrat/montserrat-v12-latin-regular-f22d7de41b8ac9c23ed548632c2be3e863a74bff026c9661e1a5efa7d699cb8f.eot?#iefix) format("embedded-opentype"), url(/assets/montserrat/montserrat-v12-latin-regular-03781bdbed72297a03a9bf450fb75fd29a640cb443ebd0fdbadfbc8f0a5d0c7e.woff2) format("woff2"), url(/assets/montserrat/montserrat-v12-latin-regular-a0626b11dbaff37ae269f86f6e3ef88cfff8164bdc79bb41c2746b1941cc9c5b.woff) format("woff"), url(/assets/montserrat/montserrat-v12-latin-regular-fabbb1795a54af7342ce58eac536eb81278583261abe7326f39b84844a35891a.ttf) format("truetype"); /* Safari, Android, iOS */
}
/* montserrat-italic - latin */
@font-face {
  font-family: "montserrat-regular-italic";
  font-style: italic;
  font-weight: 400;
  src: url(/assets/montserrat/montserrat-v12-latin-italic-32820dc25f02f41e7ba754b2513c657d6ccfff3582c9893df56efe879e9448aa.eot); /* IE9 Compat Modes */
  src: local("Montserrat Italic"), local("Montserrat-Italic"), url(/assets/montserrat/montserrat-v12-latin-italic-32820dc25f02f41e7ba754b2513c657d6ccfff3582c9893df56efe879e9448aa.eot?#iefix) format("embedded-opentype"), url(/assets/montserrat/montserrat-v12-latin-italic-8c2ffe73079724b0e8af45bc69c10913837cec4fabaf2af86ca8a84127ac7183.woff2) format("woff2"), url(/assets/montserrat/montserrat-v12-latin-italic-7c9e9da715aa0e7c7852f36b5fa194e5cf549ac27c3acf00b05dc5187ce00a5a.woff) format("woff"), url(/assets/montserrat/montserrat-v12-latin-italic-50eb7496d6d9ad3a8bef1a6880099466e6546f96c70dc9d18b49aaa253af1cc5.ttf) format("truetype"); /* Safari, Android, iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: "montserrat-bold";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/montserrat/montserrat-v12-latin-700-f6fa94ce86b873cc2de1658c324e8c40e65e5ae9ffe28e2e0e0ed1390c640a3e.eot); /* IE9 Compat Modes */
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url(/assets/montserrat/montserrat-v12-latin-700-f6fa94ce86b873cc2de1658c324e8c40e65e5ae9ffe28e2e0e0ed1390c640a3e.eot?#iefix) format("embedded-opentype"), url(/assets/montserrat/montserrat-v12-latin-700-826a4c4f5c5b6d68efd841422cfeb659c9b3d60d073c2b870f17b2874443ba35.woff2) format("woff2"), url(/assets/montserrat/montserrat-v12-latin-700-9f386f1bcd584e14afbc4bed491d3361225359c20740fb2e91eece3b40e491a2.woff) format("woff"), url(/assets/montserrat/montserrat-v12-latin-700-cea97880ddc649e0f300de32b283110825c2480a5b38d606c9b4a111c367ba34.ttf) format("truetype"); /* Safari, Android, iOS */
}
/* montserrat-700italic - latin */
@font-face {
  font-family: "montserrat-bold-italic";
  font-style: italic;
  font-weight: 700;
  src: url(/assets/montserrat/montserrat-v12-latin-700italic-ddbb302be94119374a87bdcc3a530627a84b35b751c51cea78e649125ff3f5a2.eot); /* IE9 Compat Modes */
  src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"), url(/assets/montserrat/montserrat-v12-latin-700italic-ddbb302be94119374a87bdcc3a530627a84b35b751c51cea78e649125ff3f5a2.eot?#iefix) format("embedded-opentype"), url(/assets/montserrat/montserrat-v12-latin-700italic-d276710ce39fc4f27d35ec0921c1b7b5d41c7760da525c430d82dfd7fc4ce097.woff2) format("woff2"), url(/assets/montserrat/montserrat-v12-latin-700italic-4ee8de64a6de58271aa1f7f566a7f2deda2e8dd01358a262a1244ad5fbed38be.woff) format("woff"), url(/assets/montserrat/montserrat-v12-latin-700italic-d022abb0574e3cf277be722e7c910cd4fbe2eefc183798be5b83999c5a0cfb70.ttf) format("truetype"); /* Safari, Android, iOS */
}
.montserrat {
  font-family: "montserrat-regular", sans-serif;
}

/* montserrat-900 - latin */
@font-face {
  font-family: "montserrat-extra-bold";
  font-style: normal;
  font-weight: 900;
  src: url(/assets/montserrat/montserrat-v12-latin-900-c70ef9d73baed550a60a3b564bdd51ec7fefebfa26eb052e560f45b73e34e0a0.eot); /* IE9 Compat Modes */
  src: local("Montserrat Extra Bold"), local("Montserrat-Extra-Bold"), font-url(/assets/montserrat/montserrat-v12-latin-900-c70ef9d73baed550a60a3b564bdd51ec7fefebfa26eb052e560f45b73e34e0a0.eot?#iefix) format("embedded-opentype"), font-url(/assets/montserrat/montserrat-v12-latin-900-b8d153b924edb45181d7792b6d5739cab695b69d5025ef6244827cfe3a5cf784.woff2) format("woff2"), font-url(/assets/montserrat/montserrat-v12-latin-900-c683498ff833d270ecc79c6f2c21d9447fe5cdc59cdd93335f7e5f6381be6a2b.woff) format("woff"), font-url(/assets/montserrat/montserrat-v12-latin-900-9e465d491a7e39fa73edaf007439b04f65fdd77ebf2f591ee2b3ee029f3a9b80.ttf) format("truetype"); /* Safari, Android, iOS */
}
.montserrat {
  font-family: "montserrat-black", sans-serif;
}

@font-face {
  font-family: "Glyphicons Halflings";
  src: url(/assets/glyphicons/glyphicons-halflings-regular-fda947fea300ad8641ef6bef3b850fa96843324bb8519ad03366d3e7be5ea31a.eot);
  src: url(/assets/glyphicons/glyphicons-halflings-regular-fda947fea300ad8641ef6bef3b850fa96843324bb8519ad03366d3e7be5ea31a.eot?#iefix) format("embedded-opentype"), url(/assets/glyphicons/glyphicons-halflings-regular-851fb279e1388592285ceae206e582dc95b06f4e11fd1da17ddb0954c2a7c4fe.woff2) format("woff2"), url(/assets/glyphicons/glyphicons-halflings-regular-357a9bae052bc28413724ac3d33d3de74a8e25bf95ff0d77530bef5056b1a35d.woff) format("woff"), url(/assets/glyphicons/glyphicons-halflings-regular-eead0a973d5c1a94d52b019f8e5571ffcb8770d087308c28a1ee15b7b909ce9a.ttf) format("truetype"), url(/assets/glyphicons/glyphicons-halflings-regular-146a74ca9af5449dd1fd9aac9ba74df6b748b3e6d025cb23069dc83636250062.svg#glyphicons_halflingsregular) format("svg");
}
.glyphicon {
  position: relative;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicons.x05 {
  font-size: 6px;
}

.glyphicon.x2 {
  font-size: 24px;
}

.glyphicon.x3 {
  font-size: 36px;
}

.glyphicon.x4 {
  font-size: 48px;
}

.glyphicon.x5 {
  font-size: 60px;
}

.glyphicon.x6 {
  font-size: 72px;
}

.glyphicon.x7 {
  font-size: 84px;
}

.glyphicon.x8 {
  font-size: 96px;
}

.glyphicon.light:before {
  color: #f2f2f2;
}

.glyphicon.drop:before {
  text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3);
}

.glyphicon.flip {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.glyphicon.flipv {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

.glyphicon.rotate90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.glyphicon.rotate180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.glyphicon.rotate270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-envelope:before {
  content: "\e004";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-pencil:before {
  content: "\e061";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-plus:before {
  content: "\e098";
}

.glyphicon-minus:before {
  content: "\e099";
}

.glyphicon-asterisk:before {
  content: "\e100";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comments:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-top:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-top:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-euro:before {
  content: "\e147";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse:before {
  content: "\e159";
}

.glyphicon-collapse-top:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud:before {
  content: "\e196";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-cd:before {
  content: "\e201";
}

.glyphicon-save-file:before {
  content: "\e202";
}

.glyphicon-open-file:before {
  content: "\e203";
}

.glyphicon-level-up:before {
  content: "\e204";
}

.glyphicon-copy:before {
  content: "\e205";
}

.glyphicon-paste:before {
  content: "\e206";
}

.glyphicon-door:before {
  content: "\e207";
}

.glyphicon-key:before {
  content: "\e208";
}

.glyphicon-alert:before {
  content: "\e209";
}

.glyphicon-equalizer:before {
  content: "\e210";
}

.glyphicon-king:before {
  content: "\e211";
}

.glyphicon-queen:before {
  content: "\e212";
}

.glyphicon-pawn:before {
  content: "\e213";
}

.glyphicon-bishop:before {
  content: "\e214";
}

.glyphicon-knight:before {
  content: "\e215";
}

.glyphicon-baby-formula:before {
  content: "\e216";
}

.glyphicon-tent:before {
  content: "\e217";
}

.glyphicon-blackboard:before {
  content: "\e218";
}

.glyphicon-bed:before {
  content: "\e219";
}

.glyphicon-apple:before {
  content: "\e220";
}

.glyphicon-erase:before {
  content: "\e221";
}

.glyphicon-hourglass:before {
  content: "\e222";
}

.glyphicon-lamp:before {
  content: "\e223";
}

.glyphicon-duplicate:before {
  content: "\e224";
}

.glyphicon-piggy-bank:before {
  content: "\e225";
}

.glyphicon-scissors:before {
  content: "\e226";
}

.glyphicon-bitcoin:before {
  content: "\e227";
}

.glyphicon-yen:before {
  content: "\e228";
}

.glyphicon-ruble:before {
  content: "\e229";
}

.glyphicon-scale:before {
  content: "\e230";
}

.glyphicon-ice-lolly:before {
  content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

.glyphicon-education:before {
  content: "\e233";
}

.glyphicon-option-horizontal:before {
  content: "\e234";
}

.glyphicon-option-vertical:before {
  content: "\e235";
}

.glyphicon-menu-hamburger:before {
  content: "\e236";
}

.glyphicon-modal-window:before {
  content: "\e237";
}

.glyphicon-oil:before {
  content: "\e238";
}

.glyphicon-grain:before {
  content: "\e239";
}

.glyphicon-sunglasses:before {
  content: "\e240";
}

.glyphicon-text-size:before {
  content: "\e241";
}

.glyphicon-text-color:before {
  content: "\e242";
}

.glyphicon-text-background:before {
  content: "\e243";
}

.glyphicon-object-align-top:before {
  content: "\e244";
}

.glyphicon-object-align-bottom:before {
  content: "\e245";
}

.glyphicon-object-align-horizontal:before {
  content: "\e246";
}

.glyphicon-object-align-left:before {
  content: "\e247";
}

.glyphicon-object-align-vertical:before {
  content: "\e248";
}

.glyphicon-object-align-right:before {
  content: "\e249";
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

.glyphicon-triangle-left:before {
  content: "\e251";
}

.glyphicon-triangle-bottom:before {
  content: "\e252";
}

.glyphicon-triangle-top:before {
  content: "\e253";
}

.glyphicon-terminal:before {
  content: "\e254";
}

.glyphicon-superscript:before {
  content: "\e255";
}

.glyphicon-subscript:before {
  content: "\e256";
}

.glyphicon-menu-left:before {
  content: "\e257";
}

.glyphicon-menu-right:before {
  content: "\e258";
}

.glyphicon-menu-down:before {
  content: "\e259";
}

.glyphicon-menu-up:before {
  content: "\e260";
}

.glyphicon-building:before {
  content: "\e261";
}

.glyphicon-tick:before {
  content: "\e262";
}

.glyphicon-star-half:before {
  content: "\e263";
}

.glyphicon-hash:before {
  content: "\e264";
}

.glyphicon-directions:before {
  content: "\e265";
}

.glyphicon-gas:before {
  content: "\e266";
}

.glyphicon-snowflake:before {
  content: "\e267";
}

.glyphicon-sunlight:before {
  content: "\e268";
}

.glyphicon-selectbox:before {
  content: "\e269";
}

.glyphicon-sortable:before {
  content: "\e270";
}

.glyphicon-note-empty:before {
  content: "\e271";
}

.glyphicon-note:before {
  content: "\e272";
}

.glyphicon-direction-right:before {
  content: "\e273";
}

.glyphicon-direction-left:before {
  content: "\e274";
}

.glyphicon-direction-down:before {
  content: "\e275";
}

.glyphicon-direction-up:before {
  content: "\e276";
}

.glyphicon-parking:before {
  content: "\e277";
}

.glyphicon-coffee-cup:before {
  content: "\e278";
}

.glyphicon-record-empty:before {
  content: "\e279";
}

.glyphicon-move-square:before {
  content: "\e280";
}

.glyphicon-bug:before {
  content: "\e281";
}

.glyphicon-display:before {
  content: "\e282";
}

.glyphicon-direction:before {
  content: "\e283";
}

.glyphicon-group:before {
  content: "\e284";
}

.glyphicon-reflect-y:before {
  content: "\e285";
}

.glyphicon-reflect-x:before {
  content: "\e286";
}

.glyphicon-battery-charging:before {
  content: "\e287";
}

.glyphicon-battery-full:before {
  content: "\e288";
}

.glyphicon-battery-75:before {
  content: "\e289";
}

.glyphicon-battery-50:before {
  content: "\e290";
}

.glyphicon-battery-25:before {
  content: "\e291";
}

.glyphicon-battery-10:before {
  content: "\e292";
}

.glyphicon-paired:before {
  content: "\e293";
}

.glyphicon-rotate-right:before {
  content: "\e294";
}

.glyphicon-rotate-left:before {
  content: "\e295";
}

.glyphicon-list-numbered:before {
  content: "\e296";
}

.glyphicon-paragraph:before {
  content: "\e297";
}

.glyphicon-list-plus:before {
  content: "\e298";
}

.glyphicon-synchronization:before {
  content: "\e299";
}

.glyphicon-cube-black:before {
  content: "\e300";
}

/* New Color-Schema using this inverted color spectrum thing */
.open {
  -moz-animation: open-nav 0.25s ease-in;
  -webkit-animation: open-nav 0.25s ease-in;
  animation: open-nav 0.25s ease-in;
}

@-moz-keyframes open-nav {
  0% {
    left: -275px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes open-nav {
  0% {
    left: -275px;
  }
  100% {
    left: 0;
  }
}
@keyframes open-nav {
  0% {
    left: -275px;
  }
  100% {
    left: 0;
  }
}
.closed {
  -moz-animation: close-nav 0.25s ease-out;
  -webkit-animation: close-nav 0.25s ease-out;
  animation: close-nav 0.25s ease-out;
}

@-moz-keyframes close-nav {
  0% {
    left: 0;
  }
  100% {
    left: -275px;
  }
}
@-webkit-keyframes close-nav {
  0% {
    left: 0;
  }
  100% {
    left: -275px;
  }
}
@keyframes close-nav {
  0% {
    left: 0;
  }
  100% {
    left: -275px;
  }
}
main::after {
  clear: both;
  content: "";
  display: block;
}
main {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.fill-parent {
  width: 100%;
  box-sizing: border-box;
}

.row {
  *zoom: 1;
  display: block;
}

.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.col-md-1 {
  width: calc(8.33333% - 21.66667px);
  float: left;
  margin-left: 20px;
}

.col-md-2 {
  width: calc(16.66667% - 23.33333px);
  float: left;
  margin-left: 20px;
}

.col-md-3 {
  width: calc(25% - 25px);
  float: left;
  margin-left: 20px;
}

.col-md-4 {
  width: calc(33.33333% - 26.66667px);
  float: left;
  margin-left: 20px;
}

.col-md-5 {
  width: calc(41.66667% - 28.33333px);
  float: left;
  margin-left: 20px;
}

.col-md-6 {
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
}

.col-md-7 {
  width: calc(58.33333% - 31.66667px);
  float: left;
  margin-left: 20px;
}

.col-md-8 {
  width: calc(66.66667% - 33.33333px);
  float: left;
  margin-left: 20px;
}

.col-md-9 {
  width: calc(75% - 35px);
  float: left;
  margin-left: 20px;
}

.col-md-10 {
  width: calc(83.33333% - 36.66667px);
  float: left;
  margin-left: 20px;
}

.col-md-11 {
  width: calc(91.66667% - 38.33333px);
  float: left;
  margin-left: 20px;
}

.col-md-12 {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
}

@media (max-width: 1096px) {
  [class*=col-] {
    float: none;
    width: 100%;
  }
}
[class*=col-] {
  margin-right: 0;
}

body {
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: #1086a3;
}

.hidden {
  display: none !important;
}

*[hidden] {
  display: none !important;
}

.nowrap {
  white-space: nowrap;
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.center div {
  margin-top: 5px;
  text-align: center;
  font-size: 16px;
}

pre {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 0.8em;
  line-height: 1.42857;
  color: #333333;
  background-color: whitesmoke;
  border: 1px solid #eaeaea;
  border-radius: 4px;
}

.page-header {
  max-width: 928px;
  margin: 15px auto;
}

input[type=search] {
  -webkit-appearance: none;
}

.price-highlight {
  color: #78D758;
  white-space: nowrap;
}

.right-slash-guillotine {
  position: relative;
  height: 420px;
  margin-bottom: 210px;
}
.right-slash-guillotine:after {
  content: "";
  position: absolute;
  top: 111px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -webkit-transform: skewY(5deg);
  transform: skewY(5deg);
}

@media (max-width: 960px) {
  .right-slash-guillotine {
    height: 100%;
  }
}
.left-slash-guillotine {
  position: relative;
  margin-bottom: 185px;
}
.left-slash-guillotine h2 {
  font-size: 36px;
  font-weight: 300;
}
.left-slash-guillotine h3 {
  margin-bottom: 0px;
  font-size: 26px;
}
.left-slash-guillotine h3 span {
  font-weight: 300;
}
.left-slash-guillotine ul li {
  margin-bottom: 1em;
  width: 100%;
}
.left-slash-guillotine:after {
  content: "";
  position: absolute;
  top: 111px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-position: 300px -210px;
  -webkit-transform: skewY(-5deg);
  transform: skewY(-5deg);
}
.left-slash-guillotine .container {
  margin-top: 5em;
  display: flex;
  max-width: 940px;
}
.left-slash-guillotine .no-flex-container {
  margin-top: 5em;
  display: block;
  max-width: 940px;
}
.left-slash-guillotine .copy-container {
  flex: 4;
}
.left-slash-guillotine .button-container {
  flex: 1;
}
.left-slash-guillotine ul {
  margin-top: 36px;
  padding-left: 30px;
  list-style-image: url(/assets/pricing/icons/green-check-d602df389479cbb7a6daf134b526eb1ca1feea08f8974035df1aa1dc436f5ed0.svg);
}
.left-slash-guillotine ul li {
  padding-left: 8px;
}
.left-slash-guillotine .button-container {
  text-align: center;
}
.left-slash-guillotine .button-container a {
  margin-top: 50%;
}
.left-slash-guillotine .btn.info {
  padding: 0.8em 1.3em;
  background-color: #129AFF;
  border-color: #129AFF;
}
.left-slash-guillotine .btn.info.bold {
  font-weight: bolder;
}

@media (max-width: 960px) {
  .left-slash-guillotine .container {
    display: block;
  }
  .left-slash-guillotine .button-container a {
    margin-top: 10%;
  }
}
.centered-form-section {
  padding: 0;
  overflow: hidden;
  text-align: center;
  min-height: 680px;
  display: table;
  width: 100%;
}
.centered-form-section .no-flex-container {
  display: table-row;
}
.centered-form-section .no-flex-container .table-centered {
  display: table-cell;
  vertical-align: middle;
}
.centered-form-section .no-flex-container .table-centered .centered {
  max-width: 840px;
  margin: 0 auto;
}

.fk1d0a2 {
  display: none;
}

.feather-icon {
  display: inline-block;
  background: none !important;
}
.feather-icon:before {
  content: "";
  height: 24px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
  vertical-align: -moz-baseline-middle;
  background-size: 24px 24px;
  margin-right: 12px;
}
.feather-icon.green-check:before {
  background: url(/assets/pricing/icons/green-check-d602df389479cbb7a6daf134b526eb1ca1feea08f8974035df1aa1dc436f5ed0.svg) no-repeat;
}
.feather-icon.check:before {
  background: url(/assets/pricing/icons/check-f27065d01a12cc909fb1e2bf1cee6747ebd66d30b729ff93cb43941e928c5955.svg) no-repeat;
}
.feather-icon.zap:before {
  background: url(/assets/pricing/icons/zap-0b24970035b68dd063b2bb5f8e01d7201e252622e36f9eefbe35d06c9bb98323.svg) no-repeat;
}
.feather-icon.package:before {
  background: url(/assets/pricing/icons/package-89245bbe6d80799b0f10c46ceeacb3b82ad48009fadf48e33d4c75c140cae29f.svg) no-repeat;
}
.feather-icon.activity:before {
  background: url(/assets/pricing/icons/activity-39016e6c6a536105eda56ee50962763a5af9bf8f1196fbd4f7f752c11defece4.svg) no-repeat;
}
.feather-icon.lock:before {
  background: url(/assets/pricing/icons/lock-63f62df355cd5e4b0779492ae046bf572a5915b932f6ecf60cb38ffc98ae2833.svg) no-repeat;
}
.feather-icon.users:before {
  background: url(/assets/pricing/icons/users-38a1ba9071271d3f37ab8f017c87e4ab50f77fe2a97efaf66cda6f1feb648eaa.svg) no-repeat;
}
.feather-icon.user-check:before {
  background: url(/assets/pricing/icons/user-check-c3c2fd12b7e6d7948dc1cd7baf94d29dc7bca7de0606cd4cd20309f97cd0631e.svg) no-repeat;
}
.feather-icon.check-square:before {
  background: url(/assets/pricing/icons/check-square-dadfca682e147a497ecf3c1d6cb5590cb7e2c99f739a5906820e875f39539247.svg) no-repeat;
}
.feather-icon.cpu:before {
  background: url(/assets/pricing/icons/cpu-b58ff49433f2d77e408da3f3e8b1c8a7f49e837009a43059b435f1607bc97678.svg) no-repeat;
}

.password-alert:before {
  content: "";
  position: absolute;
  right: 0;
  top: 16px;
  height: 24px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
  vertical-align: -moz-baseline-middle;
  background-size: 24px 24px;
  margin-right: 12px;
  background: url(/assets/pricing/icons/eye-77ad9afc6d8e1c27eef4c10b418f4298a425dfd1c4f61fd8f51a64cf6e094b55.svg) no-repeat;
  pointer-events: all;
  cursor: pointer;
  z-index: 9999;
  background-color: white;
}

article.type-system-sans::after {
  clear: both;
  content: "";
  display: block;
}
article.type-system-sans {
  font-family: "PT Sans", sans-serif;
  text-align: left;
}
article.type-system-sans h1, article.type-system-sans h2, article.type-system-sans h3, article.type-system-sans p {
  margin: 0;
}
article.type-system-sans hr {
  border-bottom: 1px solid #DDD;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1.5em 0;
}
article.type-system-sans p {
  color: #333;
  line-height: 1.5em;
}
article.type-system-sans a {
  color: #477DCA;
  text-decoration: none;
}
article.type-system-sans .type {
  border-bottom: 1px solid;
  display: inline-block;
  font-family: "Titillium Web", sans-serif;
  font-size: 0.7em;
  font-weight: 900;
  letter-spacing: 1px;
  margin-bottom: 2em;
  padding: 0.1em 0;
  text-align: left;
  text-transform: uppercase;
}
article.type-system-sans h1 {
  font-family: "Titillium Web", sans-serif;
  font-size: 2em;
  font-weight: 600;
  margin-bottom: 0.6em;
}
@media screen and (min-width: 640px) {
  article.type-system-sans h1 {
    font-size: 2.4em;
  }
}
article.type-system-sans h2 {
  font-family: "PT Sans", sans-serif;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.4em;
  margin-bottom: 1.2em;
}
@media screen and (min-width: 640px) {
  article.type-system-sans h2 {
    font-size: 1.4em;
  }
}
article.type-system-sans code {
  background: #F7F7F7;
  border-radius: 4.5px;
  border: 1px solid #E0E0E0;
  font-family: monaco;
  font-size: 0.65em;
  font-style: normal;
  padding: 0.1em 0.4em;
  white-space: nowrap;
}
article.type-system-sans h3 {
  font-family: "Titillium Web", sans-serif;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.4em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
article.type-system-sans p.date {
  color: rgba(51, 51, 51, 0.4);
  font-family: "PT Sans", sans-serif;
  font-size: 0.8em;
  margin-bottom: 0.5em;
}
article.type-system-sans p {
  font-family: "PT Sans", sans-serif;
  font-weight: 300;
  letter-spacing: 1;
  margin-bottom: 1.5em;
}
article.type-system-sans p span {
  font-family: "PT Sans", sans-serif;
  font-size: 0.8em;
  font-weight: 600;
}
article.type-system-sans hr {
  width: 3em;
}
article.type-system-sans a.read-more {
  display: inline-block;
  font-family: "PT Sans", sans-serif;
  font-size: 0.8em;
  font-weight: 700;
  margin-left: 0.2em;
  position: relative;
  text-transform: uppercase;
}
article.type-system-sans a.read-more span {
  font-size: 1.7em;
  position: absolute;
  right: -10px;
  top: -2px;
}
article.type-system-sans p.author {
  font-family: "PT Sans", sans-serif;
  font-style: italic;
}

.companies-container {
  width: 100%;
  padding: 1em 0 3em;
  background: #fafafa;
  font-size: 0.7em;
}
.companies-container .subhead {
  margin: 1em 0;
  text-align: center;
  color: #9a9a9a;
  opacity: 0.6;
  font-weight: bold;
}
.companies-container .title {
  text-align: center;
  padding: 24px 12px;
}
.companies-container .logo-container {
  margin-bottom: 388px;
  text-align: center;
}
.companies-container .logo-scroller-container {
  text-align: center;
  margin-top: 2em;
}
.companies-container .logo-scroller-container svg {
  margin: 10px;
}
@media (max-width: 960px) {
  .companies-container .logo-scroller-container svg {
    margin: 33px auto !important;
    display: block;
  }
}
.companies-container .logo-scroller-container svg.zendesk {
  margin: 20px 10px;
}
.companies-container .logo-scroller-container ul.logos {
  display: inline-block;
  margin-bottom: 62px;
}
.companies-container .logo-scroller-container ul.logos li.logo {
  height: 152px;
  width: 220px;
  margin: 0;
  list-style: none;
}

.brand-page-container h1 {
  margin-top: 54px;
}
.brand-page-container .section-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px;
}
.brand-page-container .assets-container {
  float: left;
  width: 100%;
  margin-bottom: 54px;
}
.brand-page-container .assets-container .images-container {
  margin-top: 18px;
  border-top: 5px solid #eaeaea;
  text-align: center;
}
.brand-page-container .assets-container .images-container img {
  max-width: 100%;
}
.brand-page-container .assets-container .images-container .logo {
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  padding: 8px;
  margin-bottom: 18px;
}
.brand-page-container .assets-container .images-container .logo.white {
  background-color: #a9a9a9;
}
.brand-page-container .assets-container .psd-container {
  margin-top: 18px;
  border-top: 5px solid #eaeaea;
  text-align: center;
}
.brand-page-container .assets-container .psd-container .glyphicon {
  font-size: 188px;
  padding: 24px;
  color: #e9e9e9;
  text-decoration: none;
  margin-left: 26px;
}
.brand-page-container .copy-buttons pre {
  display: inline-block;
  max-width: 740px;
}
.brand-page-container .copy-container .copy-items-container {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #eaeaea;
}
.brand-page-container .copy-container pre {
  white-space: pre-line;
}
.brand-page-container .copy-container .copy-button {
  border: none;
}

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

.repo-settings.col-md-6 {
  border-right: 1px solid #eaeaea;
}
.repo-settings.col-md-6 .form-group,
.repo-settings.col-md-6 .checkbox-group {
  margin: 8px 0;
  left: 0;
}

.collaborators-container input[type=submit] {
  vertical-align: top;
  height: 34px;
  margin-left: 8px;
}

.contact-page {
  margin-bottom: 348px;
}
.contact-page pre {
  max-height: 380px;
  overflow: scroll;
}
.contact-page .status.green {
  color: green;
}
.contact-page .status.yellow {
  color: #88A201;
}
.contact-page .status.orange {
  color: orange;
}
.contact-page .status.red {
  color: red;
}
.contact-page .status.purple {
  color: #bcc3e4;
}

.feature-content {
  color: #c3c2c4;
  padding: 3em 5em;
  border-top: 4px solid #656273;
  width: 100%;
  height: auto;
  background: #2f2b46 url(/assets/blur-particles_1600w_1050h-ffed69e2dff933265ec02cf6c04e9ad212719088cb0ced474d82d1155d1cce6b.png) no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .feature-content {
    /* on retina, use image that's scaled by 2 */
    background: #2f2b46 url(/assets/blur-particles_1600w_1050h_2x-78b9ace09bb61c5a6789947fb00698af705ac59d406f2c6d34481fdbe7db4e37.png) no-repeat;
    background-size: 100% auto;
  }
}
.feature-content {
  background-size: 1600px 1050px;
}
.feature-content a {
  color: #9be0f1;
}
.feature-content .features-container {
  margin-top: 12em;
}
.feature-content .features-container h1, .feature-content .features-container h2 {
  color: #fff;
  text-shadow: 1px 1px 2px #000;
}
.feature-content .features-container h2 {
  margin: 0;
}
.feature-content .features-container h3 {
  font-size: 35px;
  font-weight: 300;
}
.feature-content .features-container .intro-feature {
  padding: 0 6em;
  margin-bottom: 4em;
}
.feature-content .features-container .feature-item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 6em;
}
.feature-content .features-container .feature-item .feature-copy {
  padding-left: 0;
}
.feature-content .features-container .feature-item.image-left .feature-copy {
  order: 2;
}
.feature-content .features-container .feature-item.image-left .image-container {
  order: 1;
}
.feature-content .features-container .feature-item.image-right .feature-copy {
  order: 1;
}
.feature-content .features-container .feature-item.image-right .image-container {
  order: 2;
}
.feature-content .features-container .feature-item .image-container,
.feature-content .features-container .feature-item .feature-copy {
  flex: 2;
}
.feature-content .features-container .feature-item .image-container {
  align-items: center;
  justify-content: center;
  display: flex;
}
.feature-content .features-container .feature-item .image-container pre {
  width: 100%;
  height: 100%;
  min-width: 300px;
  background-color: #000;
  border-color: #000;
  color: #fff;
  white-space: pre-line;
}
.feature-content .features-container .feature-item .image-container pre.max-h {
  max-height: 300px;
}
.feature-content .features-container .feature-item .image-container pre span.green {
  color: #80ffa9;
}
.feature-content .features-container .feature-item .image-container pre span.yellow {
  color: #faff80;
}
.feature-content .features-container .feature-item .feature-copy {
  padding: 1em 2em;
}
.feature-content .features-container .feature-item .feature-copy.flex-1 {
  flex: 1;
}
.feature-content code {
  background-color: #696969;
  padding: 0px 2px 2px;
}

.landing-pages .learn-more-cards {
  background-color: #2c2a38;
  border-top: 6px solid #656273;
}
.landing-pages .learn-more-cards .title h2 {
  margin-top: 0;
}

@media (max-width: 992px) {
  .feature-content {
    padding: 1em 1em;
  }
  .feature-content .features-container h3 {
    text-align: center;
  }
  .feature-content .features-container .intro-feature {
    padding: 0;
  }
  .feature-content .features-container .feature-item {
    display: block;
    margin-bottom: 3em;
  }
  .feature-content .features-container .feature-item .feature-copy {
    padding: 0 0 2em 0;
    order: 1;
  }
  .feature-content .features-container .feature-item .feature-copy h1 {
    margin-top: 0;
  }
  .feature-content .features-container .feature-item .image-container {
    order: 2;
  }
}
@media (max-width: 580px) {
  .feature-content .features-container .feature-item .image-container:not(.show-mobile) {
    display: none;
  }
}
.image-container .border {
  border-radius: 4px;
  border: 6px solid #89869c;
}
.image-container .pythonpackages-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/pythonpackages-dbf15ba567addbfad9472f07a3a48686e8999d7ce4d7605d43961d5d14d48f10.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .pythonpackages-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/pythonpackages_2x-ca3e55ec32d9798c338d45b362c20d1443247bf00b37889cb6d656ebc2a3e9d5.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .atomicrpm-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/atomicrpm-c4cf199ee160dba91dfdb2d93d796e28b1bcfbbb5807d56a1b515d7af0c6e5c2.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .atomicrpm-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/atomicrpm_2x-718e9363539ea5ad124a7d993e35fe1ac90b95ca75db8a8a615be247cd46a7d0.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .javainstalldocs-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/javainstalldocs-fcfc0c3d6477800f8248f8ec362b6cff7b9bba5c95a291573e42042b2b1ed8f5.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .javainstalldocs-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/javainstalldocs_2x-11f65f410b28d39f3acbbf7dd46ee0bb49b9702f0b7b8418fb949c135325d41e.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .javasnapshots-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/javasnapshots-8d56efcd04d9cff3731c74b471f1f001eecdf3dc91b492b0a990f8348f4a9a6f.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .javasnapshots-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/javasnapshots_2x-aad9739b873686f4de00886cc329415ffc5d3140854dbe4158ed229880d63781.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .javaupload-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/javaupload-05fe6a31f13ade1d88290f67d4a625a4e4e20bcdf03fe7c89582fe7aef906dbc.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .javaupload-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/javaupload_2x-23df30b73f6fadafb58c72fff6f02da410b848e167a12540c10e0c6258006da4.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .hashsum-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/hashsum-1a44efd41169e05d5fbdadeb7d5f77f27233091d0f8de7ae4513a0ba4b7973e7.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .hashsum-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/hashsum_2x-d16d51dcdd9d1a77d1ed95eb6e91fbed8fc9fa93ca06123d3d5db1501733cfe4.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .build-tools-image {
  border-radius: 4px;
  border: 6px solid #89869c;
  width: 520px;
  height: 290px;
  background-image: url(/assets/java-build-tools_520w_290h-1293bab69054b7f3a3a3092f795da0913987922aa3d952a8307249c9102bc254.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .build-tools-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/java-build-tools_520w_290h_2x-ef9485386b47f4471697f7ac9cbc1ececbd0363596353fa98b593286394c1eab.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .ci-tools-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/ci-tools_520w_290h-c36c9200826abed48934cc3930a6149ee3f7a318d97028bcf0050202eeed15a6.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .ci-tools-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/ci-tools_520w_290h_2x-ec753023167d7de59581a3962b93843462a7ad441ec0e79b75d8fcc6b3003b07.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .collab-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/collab_520w_290h-ee66582ce2158847983240e1fa0f0132e7ff15fadd8c97af74db672759fc3fa1.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .collab-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/collab_520w_290h_2x-f74a17fa2d8fdb3ea9b47761254aa48599a3d29753ede5a68e4b6163fed27902.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .stats-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/stats_520w_290h-39c65636c157208d74477a84b9cbbb9ff7581df966aea353bedfc09016e262da.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .stats-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/stats_520w_290h_2x-e473ca7f335ddeff6d4f0c1722054ff0b76bbe86d770bbc07f0aa001ef761919.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .api-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/api_520w_290h-80f6b292965667e4dc6161aeb2920237b956d089d97efbd2a565cc09e861c490.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .api-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/api_520w_290h_2x-e242cd72f8c35ab0a570b5f7af1849eea539a619c3a0e09930d1f059c19cd683.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .ipv6-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/ipv6_520w_290h-8cff3addf896dca221aeca3ac58b78a3334040a352f94ba51c2a9ea04310f8bc.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .ipv6-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/ipv6_520w_290h_2x-686a6197fa322acae629d26f55375c24ff77d3dedfb03be3f068463bd3829559.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .s3-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/s3_520w_290h-c8d033b19975778104eedd62b2f4855418a1e1e61116f9de02d9cf18b130e019.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .s3-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/s3_520w_290h_2x-d0256f22d3d87a7e29840fc6301c0d4bf4d7406124ffeab7d3bacc22f5cfe067.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .promote-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/promote_520w_290h-485d5ab6a365cf7a538fec72ee2f268ea89e9b90853ab8e4cc39bd33dc22e433.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .promote-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/promote_520w_290h_2x-31a4b00db751c09c4af502bebd8ae6c6f0ac4b6201883623f6729ca5b36bf99e.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .cli-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/cli_520w_290h-0f3e0e1c6bf440a678da47c83c2c3c6db3ed0232700dbca14ef54aedede9ff34.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .cli-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/cli_520w_290h_2x-7080955748756d48f054ce8c988ff3f1a5e1048579e831e718e8563682beea23.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .gpg-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/gpg_520w_290h-2f04a59ce72f060184e83be12c6908c836233936e5bdb4ac76e98bbc352841f0.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .gpg-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/gpg_520w_290h_2x-27f0bc9e4b867a7bb43774ab7730fbc17385d464527b56cab475fbab4d062dae.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .compliance-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/compliance_520w_290h-441679bf5bb5b2c71746b63db81fd8a3c50aef4d5ddc8e3f657286043e8e264a.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .compliance-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/compliance_520w_290h_2x-1f80c1940173030f7dc9b7a0c9b7ded52aed7b0f696de4d7b2640993690e539f.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .high-avail-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/high_avail_520w_290h-df6b3d8caba3c15da9a6a01919b2b3faaf3014a4c5e4fdfc3dd89a891cf22035.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .high-avail-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/high_avail_520w_290h_2x-c1f175860b61cc41b96d79d0ea6aed6a9205658dd94189ae9b2a58de87ae4daf.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .unlimited-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/unlimited_520w_290h-8884bc3cc0746f175b9f9784700a3ebe889c6c1989c7cf07ede001a4186745f2.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .unlimited-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/unlimited_520w_290h_2x-bdcd987195d3dff5d9daeb1252a49239afcf1700d6f776995f7b7d892ade76a2.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .easy-install-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/easy_install_520w_290h-e2715ffe885754be04a1a5245cbac2ec177be2c4f35d31f68f2d354ae82d12e5.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .easy-install-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/easy_install_520w_290h_2x-18d69a41edfba11390f14c121ae582626af8f4d88b7fad4ae7d695dfe9c394de.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .ssl-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/ssl_520w_290h-eacb65e3e1ac1dd5cdf68487a0ef3e6052ebd5192b363e74da736c541967d910.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .ssl-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/ssl_520w_290h_2x-0bfae955fa05b514ad36d774317f3a58d244a9695aae1de33dfbc4d612652fb2.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .custom-domain-screen {
  width: 592px;
  height: 377px;
  background-image: url(/assets/custom-domains592w377h-419e3b38dcede0c288976eab3611582b76337c004a191105978e6b24b9b87ca8.jpg);
  background-size: 592px 377px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .custom-domain-screen {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/custom-domains592w377h_2x-0bbd7ca20121fccd0e17e7c964d16009d08b7f4f5c58652828df14a9faee26cb.jpg);
    background-size: 592px 377px;
  }
}
.image-container .token-auth-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/token_auth_520w_290h-72bf44b7eb7c56b0453e2da11c94329ea324d542e65c0c3e38006aac875ae6f9.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .token-auth-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/token_auth_520w_290h_2x-641836855606dbe6808b212eee31066b8fd981990ffa1e5011e1288aab414b2a.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .bundler-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/bundler_520w_290h-636ee52ce2146e8f81b4f91b2442736110be546f34bb8bf5f170ac6fd3982bf8.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .bundler-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/bundler_520w_290h_2x-aef789a96cdccc653ea953dd94d2e71bc9dfc0f6c656e83f28c998338e7293f6.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .android-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/android_520w_290h-f231fd4b2ead88b48c47cb5e03649b15e1d0ad3d6903a7b0004c2e01c129c07f.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .android-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/android_520w_290h_2x-b8f0d7b7fecd62a3b7780126b38898c59229852268ca1dd6f5b4bdee2854d3ad.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .yarn-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/yarn_520w_290h-951118f6e5852676f26c7f55abc4b654b0f8f5b66828752bcee1bf09694d4799.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .yarn-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/yarn_520w_290h_2x-bfa3a66a7eaa61c39f9e4d6fa97b2c10b6a8ee73bccc4c959124ed47350057f0.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .npm-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/npm_520w_290h-eaf3d5a766740e46302f9fe3ab4377dc67c6f9a55ee1e484d4916ff3bcb57f6b.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .npm-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/npm_520w_290h_2x-0e5adad46f9c5111a94955278db334dc42cac227500cc1121c2b68243242a72f.png) !important;
    background-size: 520px 290px;
  }
}
.image-container .dist-tag-image {
  width: 520px;
  height: 290px;
  background-image: url(/assets/npm-dist-tag_520w_290h-a65a705ab8ebc74be0aef9bdd5feabada94a8a4810357ec14f4260e9bb795577.png) !important;
  background-size: 520px 290px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .image-container .dist-tag-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/npm-dist-tag_520w_290h_2x-87e7970ea1b2b5f8047688dbfaf9ede0104a64c5885e7ceff3c0e93610a9d9e7.png) !important;
    background-size: 520px 290px;
  }
}

.bottom-form-container {
  text-align: center;
  padding: 2em;
  border-top: 6px solid #656273;
  background: url(/assets/particles_1600w_1050h-2c84bc46ce6ea06510b13a4768af350495c554878432d3a1c4f4f5511fb317c6.png) no-repeat, linear-gradient(#2f2b46 2%, #2a1f63 50%);
  color: #fff;
  background-size: 1600px 1050px;
}
.bottom-form-container.mid-page {
  border-bottom: 1px solid #656172;
  margin-bottom: 4em;
}
.bottom-form-container.mid-page .cta-column {
  text-align: center;
}
@media (max-width: 992px) {
  .bottom-form-container.mid-page .cta-column h4 {
    padding-right: 0;
  }
}
.bottom-form-container.mid-page .form-column {
  max-width: 352px;
  font-size: 0.7em;
}
.bottom-form-container.mid-page .form-column .front-page-signup {
  font-size: 18px;
}
.bottom-form-container.mid-page .form-column .form-control {
  font-size: 1em;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .bottom-form-container {
    background: url(/assets/particles_1600w_1050h_2x-f0b4e6c960117d5a7c3764e9116c5edb3e457729fda9e29fcef682e23ab08582.png) no-repeat, linear-gradient(#2f2b46 2%, #2a1f63 50%);
    background-size: 1600px 1050px;
  }
}
.bottom-form-container .cta-column {
  display: inline-block;
  vertical-align: top;
  font-size: 1.6em;
  text-align: left;
}
.bottom-form-container .cta-column h4 {
  padding-right: 0;
}
.bottom-form-container .form-column {
  display: inline-block;
}
.bottom-form-container .form-column .btn {
  color: #fff;
}

html {
  position: relative;
  min-height: 100%;
  font-size: 18px;
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

body {
  font-family: "montserrat-regular", sans-serif;
  /* Sticky footer 1 of 2: Set container height to the window
                           height and make it a flex container. */
  display: flex;
  min-height: 100vh;
  min-width: 350px;
  flex-direction: column;
  background-color: #f3f4f6;
}

.front-page {
  color: #555;
}
.front-page .front-page-container {
  /* Sticky footer 2 of 2: tell container to fill remaining space. */
  flex: 1;
}
.front-page .node-white-header .main-headline.center {
  text-align: center;
}
.front-page .hero-section.short {
  background-image: linear-gradient(to bottom, #3B1A96 0%, #3B1A96 51%, #3B1A96 100%);
  border-bottom: none;
  min-height: inherit;
}
.front-page .hero-section {
  background-image: url(/assets/hero-image-babc10529812088c1907dc45b2cd1b4e8a6cdc6d57a3d5936807fafa8e248b6d.png);
  min-height: 580px;
  padding-top: 75px;
  background-size: cover;
  background-position: bottom;
}
.front-page .btn.primary {
  background: linear-gradient(to bottom, #a56cdc, #8f46d6);
  border: none;
}
.front-page .btn.front-page-signup {
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  background-image: linear-gradient(to left, #7060de 0%, #7e6bf7 51%, #784ff5 100%);
  padding: 0.7em 1em;
  border: none;
  transition: background-position 0.5s, box-shadow 0.25s;
  background-size: 200% auto;
}
.front-page .btn.front-page-signup:after {
  vertical-align: middle;
  content: url(/assets/front/carat-9b4432b443a98b6c09625486ec8f81824c1ac3836d5c44e5d2767e423aeb2244.svg);
  width: 8px;
  height: 15px;
  margin-left: 12px;
}
.front-page .btn.front-page-signup.turq {
  background-image: linear-gradient(to right, #fec218 0%, #fbcb35 51%, #f4d656 100%);
  color: black;
}
.front-page .btn.front-page-signup:hover {
  box-shadow: 1px 2px 4px #282d44;
  background-position: right center;
}
.front-page .btn.front-page-signup:active {
  opacity: 0.9;
  background-image: linear-gradient(to left, #7060de 0%, #7e6bf7 35%, #784ff5 100%);
  box-shadow: 1px 1px 1px #282d44;
}
.front-page .container::after {
  clear: both;
  content: "";
  display: block;
}
.front-page .container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.front-page .new-hero-section {
  position: relative;
  height: 485px;
  background: linear-gradient(35deg, #26344a 0%, #0f182b 51%, #111827 100%);
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1190px) {
  .front-page .new-hero-section {
    justify-content: center;
    align-items: flex-start;
    height: 800px;
    padding: 10px;
  }
}
.front-page .new-hero-section::after {
  content: "";
  position: absolute;
  background-image: url(/assets/hero-top-image-2fd828699ed4439d8a2b867422b3177b76cced6328ab7fbc39f2905d14add4de.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 35px;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: calc(100% - 100px);
  height: 85%;
}
@media screen and (max-width: 1300px) {
  .front-page .new-hero-section::after {
    top: 60px;
    height: 75%;
  }
}
@media screen and (max-width: 1190px) {
  .front-page .new-hero-section::after {
    top: 49%;
    background-position: center;
    height: 46%;
  }
}
@media screen and (max-width: 1090px) {
  .front-page .new-hero-section::after {
    top: 55%;
    height: 40%;
  }
}
@media screen and (max-width: 499px) {
  .front-page .new-hero-section::after {
    top: 63%;
    background-position: center;
    height: 30%;
    margin: 0;
  }
}
@media screen and (max-width: 400px) {
  .front-page .new-hero-section::after {
    top: 65%;
  }
}
.front-page .new-hero-container {
  margin-left: 8%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  z-index: 1;
}
@media screen and (max-width: 1090px) {
  .front-page .new-hero-container {
    margin-top: 30px;
  }
}
@media screen and (max-width: 500px) {
  .front-page .new-hero-container {
    margin: 30px 10px;
  }
}
.front-page .new-hero-container__main-headline {
  max-width: 850px;
  font-size: 48px;
  font-family: montserrat-bold, sans-serif;
  font-weight: bold;
  color: #ffffff;
  margin: 0;
}
@media screen and (max-width: 1090px) {
  .front-page .new-hero-container__main-headline {
    font-size: 50px;
  }
}
@media screen and (max-width: 900px) {
  .front-page .new-hero-container__main-headline {
    font-size: 32px;
  }
}
.front-page .new-hero-container__main-headline-bottom {
  max-width: 650px;
  font-size: 48px;
  font-family: montserrat-bold, sans-serif;
  font-weight: bold;
  color: #ffffff;
}
@media screen and (max-width: 700px) {
  .front-page .new-hero-container__main-headline-bottom {
    font-size: 32px;
  }
}
@media screen and (max-width: 500px) {
  .front-page .new-hero-container__main-headline-bottom {
    font-size: 24px;
  }
}
.front-page .new-hero-container__subhead {
  width: 50%;
  font-size: 18px;
  font-weight: 100;
  color: #ffffff;
  margin: 0;
  padding-bottom: 10px;
  line-height: 26px;
}
@media screen and (max-width: 1190px) {
  .front-page .new-hero-container__subhead {
    width: 70%;
  }
}
@media screen and (max-width: 900px) {
  .front-page .new-hero-container__subhead {
    font-size: 18px;
    width: 80%;
  }
}
@media screen and (max-width: 400px) {
  .front-page .new-hero-container__subhead {
    width: 100%;
  }
}
.front-page .new-hero-container__subheading {
  font-size: 18px;
  font-weight: 100;
  color: #ffffff;
  margin: 0;
  padding-bottom: 10px;
  line-height: 26px;
}
.front-page .new-hero-bottom-section {
  position: relative;
  display: flex;
  align-items: center;
  height: 478px;
  background: linear-gradient(35deg, #282350 24%, #0f182b 75%, #111827 100%);
}
@media screen and (max-width: 500px) {
  .front-page .new-hero-bottom-section {
    height: 400px;
  }
}
.front-page .new-hero-bottom-section::after {
  content: "";
  position: absolute;
  background-image: url(/assets/hero-top-image-2fd828699ed4439d8a2b867422b3177b76cced6328ab7fbc39f2905d14add4de.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 10px;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: calc(100% - 100px);
  height: 90%;
}
@media screen and (max-width: 1180px) {
  .front-page .new-hero-bottom-section::after {
    display: none;
  }
}
.front-page .new-hero-bottom-section .new-hero-container {
  margin-left: 7%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  z-index: 1;
}
@media screen and (max-width: 1090px) {
  .front-page .new-hero-bottom-section .new-hero-container {
    padding-left: 5%;
    margin-top: 0;
  }
}
@media screen and (max-width: 500px) {
  .front-page .new-hero-bottom-section .new-hero-container {
    margin: 30px 20px;
  }
}
.front-page .new-feature-sections {
  position: relative;
  padding: 0;
  border-top: 0;
  background: #f3f4f6;
}
.front-page .new-feature-sections .companies-logo-container {
  overflow: hidden;
  height: 120px;
}
.front-page .new-feature-sections .company-logo {
  display: flex;
  align-items: center;
  height: 120px;
  width: 1950px;
  overflow-x: hidden;
}
.front-page .new-feature-sections .company-logo .logo-wrapper {
  position: relative;
  width: 100%;
  height: 120px;
  padding: 10px 0;
  overflow-x: hidden;
}
.front-page .new-feature-sections .company-logo .logo-container {
  width: 100%;
  height: inherit;
  position: absolute;
  left: 0%;
  top: 0%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.front-page .new-feature-sections .company-logo .logo-container-logo {
  padding: 0px 20px;
}
.front-page .new-feature-sections .border-left {
  content: url(/assets/fade-22134356d285db390d8997f19750ac64a8652cf7c924f263ed77cff029ddb091.svg);
  width: 149px;
  height: 111px;
  position: relative;
  z-index: 1;
  transform: scaleX(-1);
}
@media (max-width: 600px) {
  .front-page .new-feature-sections .border-left {
    display: none;
  }
}
.front-page .new-feature-sections .border-right {
  content: url(/assets/fade-22134356d285db390d8997f19750ac64a8652cf7c924f263ed77cff029ddb091.svg);
  width: 149px;
  height: 111px;
  position: relative;
  float: right;
  top: -115px;
}
@media (max-width: 600px) {
  .front-page .new-feature-sections .border-right {
    display: none;
  }
}
.front-page .new-feature-sections .primary {
  animation: primary 20s linear infinite;
}
.front-page .new-feature-sections .secondary {
  animation: secondary 20s linear infinite;
}
@keyframes primary {
  from {
    left: 0%;
  }
  to {
    left: -100%;
  }
}
@keyframes secondary {
  from {
    left: 100%;
  }
  to {
    left: 0%;
  }
}
.front-page .new-feature-sections .feature-item .inner-container {
  max-width: 1080px;
  margin: 0 auto;
  text-align: center;
}
.front-page .new-feature-sections .feature-item .inner-container h2 {
  font-size: 40px;
  font-family: montserrat-black, sans-serif;
  font-weight: bold;
  color: #000000;
}
@media screen and (max-width: 800px) {
  .front-page .new-feature-sections .feature-item .inner-container h2 {
    font-size: 32px;
  }
}
.front-page .new-feature-sections .purp-hl {
  color: #6366f1;
}
.front-page__cta-btn {
  padding: 16px 55px;
  border-radius: 4px;
  background-color: #6366f1;
  background-size: cover;
  font-size: 16px;
  font-family: montserrat-bold, sans-serif;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none solid rgb(255, 255, 255);
  text-align: center;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1300px) {
  .front-page__cta-btn {
    font-size: 16px;
  }
}
@media screen and (max-width: 1090px) {
  .front-page__cta-btn {
    font-size: 16px;
  }
}
.front-page__cta-btn:hover {
  background-color: #3e46db;
}
.front-page__cta-btn:after {
  vertical-align: middle;
  content: url(/assets/front/arrow-6544332a31752fb8a4368946a176a2d7a2b899375425ea0fcfebeec817d8c92c.svg);
  width: 8px;
  height: 15px;
  margin-left: 12px;
}
@media (max-width: 320px) {
  .front-page__cta-btn:after {
    margin-left: 5px;
  }
}

.new-section-1 {
  padding: 2em;
  background-color: #f3f4f6;
}
@media screen and (max-width: 499px) {
  .new-section-1 {
    padding: 20px 1em;
  }
}
.new-section-1__header {
  text-align: center;
  margin-bottom: 100px;
}
.new-section-1__header h2 {
  max-width: 850px;
  font-size: 40px;
  color: #000000;
  font-family: montserrat-black, sans-serif;
  font-weight: bold;
  margin: 35px auto;
}
@media screen and (max-width: 800px) {
  .new-section-1__header h2 {
    font-size: 32px;
  }
}
.new-section-1__header h3 {
  max-width: 650px;
  margin: auto;
  font-size: 20px;
  font-weight: 100;
  line-height: 28px;
  color: #6b7280;
}
@media screen and (max-width: 800px) {
  .new-section-1__header h3 {
    font-size: 16px;
  }
}
.new-section-1__header-text {
  font-size: 16px;
  font-family: montserrat-bold, sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .new-section-1__header-text {
    font-size: 16px;
  }
}
.new-section-1__cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px 20px;
  transform: translateX(-52px);
  margin-top: 70px !important;
}
@media screen and (max-width: 1200px) {
  .new-section-1__cards-grid {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-items: center;
    transform: translateX(0px);
    gap: 0px;
    row-gap: 60px;
  }
}
@media screen and (max-width: 860px) {
  .new-section-1__cards-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 499px) {
  .new-section-1__cards-grid {
    justify-content: center;
  }
}
.new-section-1__cards-grid-card {
  width: 380px;
  height: 240px;
  border-radius: 16px;
  background-color: #ffffff;
  padding: 30px 5px 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media screen and (max-width: 499px) {
  .new-section-1__cards-grid-card {
    width: auto;
    padding: 40px 15px 10px;
  }
}
.new-section-1__cards-grid-card h3 {
  font-size: 18px;
  font-family: montserrat-bold, sans-serif;
  font-weight: bold;
  color: #000000;
}
.new-section-1__cards-grid-card p {
  font-size: 16px;
  font-weight: 100;
  line-height: 28px;
  margin-top: 0px;
}
@media screen and (max-width: 499px) {
  .new-section-1__cards-grid-card p {
    font-size: 14px;
  }
}
.new-section-1__cards-grid-card a {
  text-align: right;
  display: block;
  padding: 0 30px;
  font-weight: bold;
  color: #42affb;
  font-size: 15px;
}
.new-section-1__cards-grid-card a:hover {
  color: #9CA3AF;
}
.new-section-1__cards-grid .cards-icon {
  position: relative;
}
.new-section-1__cards-grid .cards-icon::after {
  content: "";
  position: absolute;
  width: 47px;
  height: 48px;
  border-radius: 6px;
  background-color: #6366f1;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  top: -26px;
  left: 50%;
  margin-left: -25px;
}
.new-section-1__cards-grid .cards-icon::before {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 3;
  top: -13px;
  left: 50%;
  margin-left: -10px;
}
.new-section-1__cards-grid .cards-icon__logo-1::before {
  background-image: url(/assets/front/nitrux-logo-398a5680958ce308652e8da594c2b5ab21154c7b3f5b7feb0addd6739ba35dd6.png);
  width: 48px;
  height: 48px;
  border-radius: 6px;
  border: #6366f1 solid 2px;
}
.new-section-1__cards-grid .cards-icon__logo-2::before {
  background-image: url(/assets/front/emqx-logo-a0c88c1d85ccaa77b932ec7df65d15c1b65b3e81cb7a2e2c257819126d23f337.png);
  width: 48px;
  height: 48px;
  border-radius: 6px;
  border: #6366f1 solid 2px;
}
.new-section-1__cards-grid .cards-icon__logo-3::before {
  background-image: url(/assets/front/allthenticate-logo-aa090c9fc6508ee1c60195d090f36b8f8d2274eaf272483af846342802124a5c.png);
  width: 48px;
  height: 48px;
  border-radius: 6px;
  border: #6366f1 solid 2px;
}

.new-section-2 {
  padding: 0px 2em 50px 2em;
  background: #f3f4f6;
  overflow: hidden;
}
@media screen and (max-width: 499px) {
  .new-section-2 {
    padding: 20px 1em;
  }
}
.new-section-2__header {
  font-size: 40px;
}
@media screen and (max-width: 499px) {
  .new-section-2__header {
    font-size: 24px;
  }
}
.new-section-2__cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  transform: translateX(-52px);
  margin-top: 73px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1200px) {
  .new-section-2__cards-grid {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-items: center;
    transform: translateX(0px);
    gap: 0px;
    row-gap: 20px;
  }
}
@media screen and (max-width: 800px) {
  .new-section-2__cards-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 499px) {
  .new-section-2__cards-grid {
    justify-content: center;
  }
}
.new-section-2__cards-grid-card {
  width: 380px;
  height: 400px;
  border-radius: 16px;
  background-color: #ffffff;
  padding: 10px 5px;
}
@media screen and (max-width: 800px) {
  .new-section-2__cards-grid-card {
    width: 400px;
  }
}
@media screen and (max-width: 499px) {
  .new-section-2__cards-grid-card {
    width: 320px;
  }
}
@media screen and (max-width: 365px) {
  .new-section-2__cards-grid-card {
    width: 305px;
  }
}
.new-section-2__cards-grid-card p {
  font-family: montserrat-black, sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: black;
  text-align: left;
  padding: 0 30px;
  height: 83px;
}
@media screen and (max-width: 499px) {
  .new-section-2__cards-grid-card p {
    font-size: 16px;
  }
}
@media screen and (max-width: 365px) {
  .new-section-2__cards-grid-card p {
    font-size: 14px;
    height: 80px;
  }
}
.new-section-2__cards-grid-card a {
  text-align: left;
  display: block;
  padding: 0 30px;
  font-weight: bold;
  color: #42affb;
  font-size: 15px;
}
.new-section-2__cards-grid-card a:hover {
  color: #9CA3AF;
}
.new-section-2__cards-grid-card .reduce-img-responsive-api {
  height: 100%;
  margin-top: 5px;
}
@media screen and (max-width: 499px) {
  .new-section-2__cards-grid-card .reduce-img-responsive {
    width: 100%;
  }
}
.new-section-2__btn {
  margin-top: 50px;
  margin-bottom: 30px;
}
.new-section-2__btn-link {
  font-size: 16px;
  font-family: montserrat-bold, sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 429px) {
  .new-section-2__btn-link {
    padding: 16px 10px;
    font-size: 12px;
  }
}
.new-section-2__bottom {
  background: #111827;
  height: 565px;
  padding: 50px 2em;
  overflow: hidden;
  justify-content: center;
}
@media screen and (max-width: 499px) {
  .new-section-2__bottom {
    padding: 20px 1em;
  }
}
.new-section-2__bottom-container {
  margin-top: 60px;
}
.new-section-2__bottom h2 {
  font-family: montserrat-black, sans-serif;
  font-weight: bold;
  font-size: 40px;
  color: #ffffff;
  text-align: center;
}
.new-section-2__bottom p {
  max-width: 580px;
  margin: auto;
  font-family: montserrat-regular, sans-serif;
  font-size: 16px;
  color: #ffffff;
  line-height: 28px;
  text-align: center;
}
.new-section-2__bottom-star {
  background-color: #6366f1;
  width: 47px;
  height: 48px;
  border-radius: 6px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  margin: auto;
}
.new-section-2__bottom-star-icon {
  background-image: url(/assets/front/star-77b1f0b7c4dec2a67f858e56567bccb2f45b86d5034f51ad3df820c883f9e527.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 23px;
  height: 21px;
  position: absolute;
  margin-top: 12px;
  margin-left: 12px;
}
.new-section-2__bottom-btn {
  margin-top: 30px;
}
.new-section-2__bottom-btn-link {
  font-size: 16px;
  font-family: montserrat-bold, sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 429px) {
  .new-section-2__bottom-btn-link {
    padding: 16px 10px;
    font-size: 12px;
  }
}

.new-section-3 {
  padding: 50px 2em;
  background-color: #f3f4f6;
}
.new-section-3 a {
  color: #42affb;
  font-family: montserrat-bold, sans-serif;
  font-weight: bold;
  font-size: 14px;
  position: absolute;
  left: 37%;
  bottom: 13%;
}
.new-section-3 a:hover {
  color: #9CA3AF;
}
@media screen and (max-width: 499px) {
  .new-section-3 {
    padding: 20px 1em;
  }
}
.new-section-3__header {
  text-align: center;
}
.new-section-3__header h2 {
  max-width: 910px;
  font-size: 40px;
  color: #000000;
  font-weight: bold;
  font-family: montserrat-black, sans-serif;
  font-weight: bold;
  margin: auto;
}
@media screen and (max-width: 800px) {
  .new-section-3__header h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 500px) {
  .new-section-3__header h2 {
    font-size: 24px;
  }
}
.new-section-3__header-text {
  font-size: 16px;
  font-family: montserrat-bold, sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .new-section-3__header-text {
    font-size: 16px;
  }
}
.new-section-3__cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px 20px;
  transform: translateX(-52px);
  margin-top: 60px !important;
}
@media screen and (max-width: 1200px) {
  .new-section-3__cards-grid {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-items: center;
    transform: translateX(0px);
    gap: 0px;
    row-gap: 60px;
  }
}
@media screen and (max-width: 860px) {
  .new-section-3__cards-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 499px) {
  .new-section-3__cards-grid {
    justify-content: center;
  }
}
.new-section-3__cards-grid-card {
  width: 384px;
  height: 300px;
  border-radius: 16px;
  padding: 40px 5px 10px;
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  transition: all 0.3s ease;
}
@media screen and (max-width: 499px) {
  .new-section-3__cards-grid-card {
    width: 320px;
    height: 265px;
  }
}
@media screen and (max-width: 350px) {
  .new-section-3__cards-grid-card {
    max-width: 300px;
  }
}
.new-section-3__cards-grid-card p {
  display: none;
  max-width: 310px;
  font-size: 16px;
  font-weight: 100;
  color: #6b7280;
  line-height: 28px;
  margin: 3px auto;
}
@media screen and (max-width: 499px) {
  .new-section-3__cards-grid-card p {
    font-size: 15px;
  }
}
.new-section-3__cards-grid-card:hover {
  background: #f2f2f9;
}
.new-section-3__cards-grid-card:hover p {
  display: inline-block;
}
.new-section-3__cards-grid-card:hover h3 {
  font-size: 18px;
  margin-top: 20px;
}
.new-section-3__cards-grid h3 {
  font-size: 24px;
  font-family: montserrat-bold, sans-serif;
  font-weight: bold;
  color: #000000;
  margin-top: 40%;
}
.new-section-3__cards-grid p {
  display: none;
}
@media screen and (max-width: 499px) {
  .new-section-3__cards-grid p {
    display: inline-block;
    font-size: 15px;
  }
  .new-section-3__cards-grid h3 {
    font-size: 18px;
    margin-top: 20px;
  }
}
.new-section-3 .cards-icon {
  position: relative;
}
.new-section-3 .cards-icon:hover::after {
  content: "";
  left: 50%;
  top: -30px;
  margin-left: -25px;
  width: 60px;
  height: 60px;
}
.new-section-3 .cards-icon:hover::before {
  content: "";
  top: -26px;
  left: 50%;
  margin-left: -25px;
}
.new-section-3 .cards-icon::after {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  border: 2px solid #dedede;
  background-color: white;
  border-radius: 6px;
  left: 36%;
  width: 120px;
  height: 120px;
}
.new-section-3 .cards-icon::before {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 499px) {
  .new-section-3 .cards-icon__npm, .new-section-3 .cards-icon__maven, .new-section-3 .cards-icon__rubygem {
    background-color: rgba(99, 102, 241, 0.05);
  }
}
.new-section-3 .cards-icon__npm::before {
  background-image: url(/assets/front/npm-icon-e082712f4c3c448fca856805a32a607b2dfde5dd7e963a45b4b3ee8548041bba.png);
  transform: translate(136px, 4px);
  z-index: 1;
  width: 113px;
  height: 114px;
}
@media (max-width: 499px) {
  .new-section-3 .cards-icon__npm::before {
    transform: translate(3px, -1px);
    height: 54px;
    width: 54px;
  }
}
.new-section-3 .cards-icon__npm:hover::before {
  transform: translate(3px, -1px);
  height: 54px;
  width: 54px;
}
.new-section-3 .cards-icon__debian::before {
  background-image: url(/assets/front/debian-icon-a079206bbf633f56aeba5c2ac01f8993e350f65bb2b685e525e5ec040951251f.png);
  transform: translate(124px, 17px);
  z-index: 1;
  width: 140px;
  height: 89px;
}
@media (max-width: 499px) {
  .new-section-3 .cards-icon__debian::before {
    width: 84px;
    height: 47px;
    transform: translate(-12px, 3px);
  }
}
.new-section-3 .cards-icon__debian:hover::before {
  width: 84px;
  height: 47px;
  transform: translate(-12px, 3px);
}
.new-section-3 .cards-icon__maven::before {
  background-image: url(/assets/front/maven-icon-654c53a4330a64ea1e6717149c11dedb9fa089c8106ab1114a2b59a3798ace97.png);
  transform: translate(143px, 4px);
  z-index: 1;
  width: 111px;
  height: 111px;
}
@media (max-width: 499px) {
  .new-section-3 .cards-icon__maven::before {
    height: 51px;
    width: 51px;
    transform: translate(6px, 0px);
  }
}
.new-section-3 .cards-icon__maven:hover::before {
  height: 51px;
  width: 51px;
  transform: translate(6px, 0px);
}
.new-section-3 .cards-icon__rpm::before {
  background-image: url(/assets/front/rpm-icon-c8fc907c1826896b9d8159beb08332aaa6691803e600a8cf4e3fa2d940350366.png);
  transform: translate(153px, 34px);
  z-index: 1;
  width: 82px;
  height: 48px;
}
@media (max-width: 499px) {
  .new-section-3 .cards-icon__rpm::before {
    width: 48px;
    height: 28px;
    transform: translate(7px, 11px);
  }
}
.new-section-3 .cards-icon__rpm:hover::before {
  width: 48px;
  height: 28px;
  transform: translate(7px, 11px);
}
.new-section-3 .cards-icon__rubygem::before {
  background-image: url(/assets/front/rubygem-icon-749cda06d723ac9770c63dac3e0039f3f381e34c3c212cc610b0eeadc4dbdd37.png);
  transform: translate(154px, 16px);
  z-index: 1;
  width: 76px;
  height: 87px;
}
@media (max-width: 499px) {
  .new-section-3 .cards-icon__rubygem::before {
    width: 40px;
    height: 46px;
    transform: translate(10px, 2px);
  }
}
.new-section-3 .cards-icon__rubygem:hover::before {
  width: 40px;
  height: 46px;
  transform: translate(10px, 2px);
}
.new-section-3 .cards-icon__python::before {
  background-image: url(/assets/front/python-icon-b7f7194fb921774dd1ab0753c5960c9616f1d08fd1137cf1ad7694c08cef117c.png);
  transform: translate(154px, 21px);
  z-index: 1;
  width: 77px;
  height: 77px;
}
@media (max-width: 499px) {
  .new-section-3 .cards-icon__python::before {
    width: 35px;
    height: 35px;
    transform: translate(12px, 9px);
  }
}
.new-section-3 .cards-icon__python:hover::before {
  width: 35px;
  height: 35px;
  transform: translate(12px, 9px);
}
.new-section-3 .cards-icon__alpine::before {
  background-image: url(/assets/front/alpine-icon-fa82369169cbdc73db2299576acdd75bace372e298074c32184462567fa1d518.png);
  transform: translate(154px, 21px);
  z-index: 1;
  width: 77px;
  height: 77px;
}
@media (max-width: 499px) {
  .new-section-3 .cards-icon__alpine::before {
    width: 35px;
    height: 35px;
    transform: translate(12px, 9px);
  }
}
.new-section-3 .cards-icon__alpine:hover::before {
  width: 35px;
  height: 35px;
  transform: translate(12px, 9px);
}
.new-section-3 .cards-icon__helm::before {
  background-image: url(/assets/front/helm-icon-1cdf33a6bd68acc110288eaddc3cb877f079094db0abfb72e62576b7d97aad69.png);
  transform: translate(154px, 21px);
  z-index: 1;
  width: 77px;
  height: 77px;
}
@media (max-width: 499px) {
  .new-section-3 .cards-icon__helm::before {
    width: 35px;
    height: 35px;
    transform: translate(12px, 9px);
  }
}
.new-section-3 .cards-icon__helm:hover::before {
  width: 35px;
  height: 35px;
  transform: translate(12px, 9px);
}
.new-section-3 .cards-icon__docker::before {
  background-image: url(/assets/front/docker-icon-2cab7e966904f0117d74e8854c055b2d6ac29602228f43760e3bd44572a75486.png);
  transform: translate(154px, 21px);
  z-index: 1;
  width: 77px;
  height: 77px;
}
@media (max-width: 499px) {
  .new-section-3 .cards-icon__docker::before {
    width: 35px;
    height: 35px;
    transform: translate(12px, 9px);
  }
}
.new-section-3 .cards-icon__docker:hover::before {
  width: 35px;
  height: 35px;
  transform: translate(12px, 9px);
}
@media screen and (max-width: 499px) {
  .new-section-3 .cards-icon::after {
    content: "";
    left: 50%;
    top: -30px;
    margin-left: -25px;
    width: 60px;
    height: 60px;
  }
  .new-section-3 .cards-icon::before {
    content: "";
    top: -26px;
    left: 50%;
    margin-left: -25px;
  }
}

.new-section-4 {
  padding: 50px 2em;
  background-color: black;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .new-section-4 {
    padding: 50px 1em;
  }
}
.new-section-4__header {
  text-align: center;
}
.new-section-4__header h2 {
  max-width: 810px;
  font-size: 40px;
  color: white;
  font-family: montserrat-black, sans-serif;
  font-weight: bold;
  margin: 0;
  margin-top: 30px;
}
@media screen and (max-width: 900px) {
  .new-section-4__header h2 {
    font-size: 32px;
  }
}
.new-section-4__header-text {
  width: 124px;
  padding: 4px 0;
  margin: 0 auto;
  border-radius: 10px;
  background-color: #c7d2fe;
  background-size: cover;
  font-size: 11px;
  color: #000000;
}
@media screen and (max-width: 800px) {
  .new-section-4__header-text {
    font-size: 10px;
  }
}
.new-section-4__cards-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 60px 20px;
  margin-top: 60px !important;
}
@media screen and (max-width: 1050px) {
  .new-section-4__cards-grid {
    grid-template-columns: 1fr;
    gap: 30px;
    align-items: center;
    justify-items: center;
  }
}
.new-section-4__cards-grid-card {
  border-radius: 16px;
  padding: 10px 18px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
}
.new-section-4__cards-grid-card h3 {
  font-size: 22px;
  color: white;
  font-family: montserrat-black, sans-serif;
  font-weight: bold;
}
.new-section-4__cards-grid-card p {
  font-size: 16px;
  color: white;
  font-weight: 100;
}
@media screen and (max-width: 499px) {
  .new-section-4__cards-grid-card p {
    font-size: 15px;
  }
}
.new-section-4__cards-grid-card p span {
  color: #42affb;
}
.new-section-4__cards-grid .card {
  position: relative;
}
.new-section-4__cards-grid .card__cli, .new-section-4__cards-grid .card__repo {
  width: 486px;
  height: 353px;
  border-radius: 16px;
  background-color: #333333;
}
@media screen and (max-width: 520px) {
  .new-section-4__cards-grid .card__cli, .new-section-4__cards-grid .card__repo {
    width: 100%;
  }
}
.new-section-4__cards-grid .card__knowhow {
  width: 588px;
  height: 372px;
  border-radius: 16px;
  background-color: #333333;
}
@media screen and (max-width: 1050px) {
  .new-section-4__cards-grid .card__knowhow {
    width: 486px;
  }
}
@media screen and (max-width: 520px) {
  .new-section-4__cards-grid .card__knowhow {
    width: 100%;
  }
}
.new-section-4__cards-grid .card__knowhow-flex {
  display: flex;
  justify-content: space-between;
  margin: 0;
  flex-wrap: wrap;
  row-gap: 15px;
}
.new-section-4__cards-grid .card__knowhow-flex li {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1050px) {
  .new-section-4__cards-grid .card__knowhow-flex li {
    flex-basis: 33.333333%;
    justify-content: center;
  }
}
@media screen and (max-width: 399px) {
  .new-section-4__cards-grid .card__knowhow-flex li {
    flex-basis: 40%;
  }
}
.new-section-4__cards-grid .card__knowhow-flex li img {
  width: 17px;
  margin-right: 8px;
}
.new-section-4__cards-grid .card__knowhow-flex li .flex-icon-bigger {
  width: 30px;
  margin: 0;
}
.new-section-4__cards-grid .card__knowhow-flex li p {
  color: #9ca3af;
  font-size: 14px;
  margin: 0;
}
.new-section-4__cards-grid .card__knowhow-flex span {
  color: white;
}
.new-section-4__cards-grid .card__knowhow-flex #selected-option {
  border: 2px solid rgba(255, 255, 255, 0.2);
  padding: 8px;
  border-radius: 6px;
}
.new-section-4__cards-grid .card__delete {
  width: 383px;
  height: 372px;
  border-radius: 16px;
  background-color: #333333;
  transform: translateX(102px);
}
@media screen and (max-width: 1050px) {
  .new-section-4__cards-grid .card__delete {
    width: 486px;
    transform: translateX(0px);
  }
}
@media screen and (max-width: 520px) {
  .new-section-4__cards-grid .card__delete {
    width: 100%;
  }
}
.new-section-4__cards-grid .card__delete-flex li {
  font-size: 16px;
  color: #88888a;
  line-height: 38px;
  font-weight: bold;
}
.new-section-4__cards-grid .card__delete-flex span {
  color: #ffffff;
}
.new-section-4__cards-grid .card__delete-flex #selected-option-delete {
  background-image: url(/assets/front/combined-arrow-icon-ee9905c6e309fd585f090cf9e1068ac6ea644d7b9e9b07c67f439899e1e506d6.svg);
  background-repeat: no-repeat;
  background-position: right;
  background-position-y: bottom;
}
.new-section-4__cards-grid .card::after {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0;
}
.new-section-4__cards-grid .card__cli::after {
  background-image: url(/assets/front/card-cli-12e0eae6b85239c00f8f1fad5f2aa9ce3c9766d1a35b8b76e689ef06352ead1b.png);
  width: calc(100% - 34px);
  top: 0;
  background-position-y: bottom;
  background-position-x: center;
}
.new-section-4__cards-grid .card__repo::after {
  background-image: url(/assets/front/card-repo-707fc3962d03ad2e38c89da4a105a4d71c4c4aec8d8253e24455f87d61ecac9f.png);
  width: calc(100% - 34px);
  top: 0;
  background-position-y: bottom;
  background-position-x: center;
}
.new-section-4__cards-grid .card__knowhow::after {
  background-image: url(/assets/front/card-knowhow-09912c1e027c88c16c5048226410cdb8a8aae928d5c32ced034ff55d21c9d8cb.png);
  width: calc(100% - 34px);
  top: 0;
  background-position-y: bottom;
  background-position-x: center;
}
.new-section-4__cards-grid .card__delete::after {
  background-image: url(/assets/front/card-delete-d67a4228e3ec03676c0525557e7141533d17c616fd3ce8ff213c4310c0df85e9.png);
  background-size: calc(100% - 34px);
  background-position: bottom center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 1050px) {
  .new-section-4__cards-grid .card__delete::after {
    background-size: calc(100% - 91px);
  }
}
@media screen and (max-width: 399px) {
  .new-section-4__cards-grid .card__delete::after {
    background-size: calc(100% - 34px);
  }
}
.new-section-4__cta-btn {
  margin-top: 50px;
  padding: 16px 32px;
  font-size: 16px;
  font-family: montserrat-bold, sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .new-section-4__cta-btn {
    padding: 16px 16px;
  }
}
.new-section-4__cta-btn .front-page__cta-btn::after {
  display: none;
}
@media screen and (max-width: 600px) {
  .new-section-4__cta-btn .front-page__cta-btn {
    padding: 16px 20px;
  }
}
@media screen and (max-width: 499px) {
  .new-section-4__cta-btn .front-page__cta-btn {
    font-size: 12px;
  }
}

.new-section-5 {
  padding: 50px 2em;
  background-color: #f3f4f6;
}
@media screen and (max-width: 499px) {
  .new-section-5 {
    padding: 20px 1em;
  }
}
.new-section-5__header {
  text-align: center;
  margin-bottom: 100px;
}
.new-section-5__header h2 {
  max-width: 850px;
  font-size: 40px;
  color: #000000;
  font-family: montserrat-black, sans-serif;
  font-weight: bold;
  margin: 35px auto;
}
@media screen and (max-width: 800px) {
  .new-section-5__header h2 {
    font-size: 32px;
  }
}
.new-section-5__header h3 {
  max-width: 650px;
  margin: auto;
  font-size: 20px;
  font-weight: 100;
  line-height: 28px;
  color: #6b7280;
}
@media screen and (max-width: 800px) {
  .new-section-5__header h3 {
    font-size: 16px;
  }
}
.new-section-5__header-text {
  font-size: 16px;
  font-family: montserrat-bold, sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .new-section-5__header-text {
    font-size: 16px;
  }
}
.new-section-5__cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px 20px;
  transform: translateX(-52px);
  margin-top: 70px !important;
}
@media screen and (max-width: 1200px) {
  .new-section-5__cards-grid {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-items: center;
    transform: translateX(0px);
    gap: 0px;
    row-gap: 60px;
  }
}
@media screen and (max-width: 860px) {
  .new-section-5__cards-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 499px) {
  .new-section-5__cards-grid {
    justify-content: center;
  }
}
.new-section-5__cards-grid-card {
  width: 380px;
  height: 185px;
  border-radius: 16px;
  background-color: #ffffff;
  padding: 30px 5px 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media screen and (max-width: 499px) {
  .new-section-5__cards-grid-card {
    width: auto;
    padding: 40px 15px 10px;
  }
}
.new-section-5__cards-grid-card h3 {
  font-size: 18px;
  font-family: montserrat-bold, sans-serif;
  font-weight: bold;
  color: #000000;
}
.new-section-5__cards-grid-card p {
  font-size: 16px;
  font-weight: 100;
  line-height: 28px;
  margin-top: 0px;
}
@media screen and (max-width: 499px) {
  .new-section-5__cards-grid-card p {
    font-size: 14px;
  }
}
.new-section-5__cards-grid .cards-icon {
  position: relative;
}
.new-section-5__cards-grid .cards-icon::after {
  content: "";
  position: absolute;
  width: 47px;
  height: 48px;
  border-radius: 6px;
  background-color: #6366f1;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  top: -26px;
  left: 50%;
  margin-left: -25px;
}
.new-section-5__cards-grid .cards-icon::before {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 3;
  top: -13px;
  left: 50%;
  margin-left: -10px;
}
.new-section-5__cards-grid .cards-icon__cisp::before {
  background-image: url(/assets/front/cisp-icon-3ba8f2d524a865854e0d09db9935fbc72f155a894c239719e759eefa5e637603.svg);
  width: 18px;
  height: 21px;
}
.new-section-5__cards-grid .cards-icon__ssl::before {
  background-image: url(/assets/front/ssl-icon-2aa497e714f25669d4ffc832d4d08693fb93e59beb271a16108fffe36e34b0a2.svg);
  width: 17px;
  height: 20px;
}
.new-section-5__cards-grid .cards-icon__pci::before {
  background-image: url(/assets/front/pci-icon-c1eed1423b5821dbeebdb76ee58d4dc3559e25877604d932662c29ec58bbda09.svg);
  width: 18px;
  height: 19px;
  transform: translateY(2px);
}
.new-section-5__bottom {
  max-width: 1440px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 100px 5px 70px;
  margin: auto;
}
@media screen and (max-width: 950px) {
  .new-section-5__bottom {
    flex-direction: column;
    margin: 0;
    padding: 40px 25px 10px;
  }
}
@media screen and (max-width: 499px) {
  .new-section-5__bottom {
    align-items: left;
  }
}
.new-section-5__bottom-left-row {
  padding: 20px 0;
}
.new-section-5__bottom-left-row h2 {
  font-size: 70px;
  color: #000000;
  font-family: montserrat-black, sans-serif;
  font-weight: bold;
  margin: 0;
}
@media screen and (max-width: 499px) {
  .new-section-5__bottom-left-row h2 {
    font-size: 46px;
  }
}
.new-section-5__bottom-left-row h3 {
  font-size: 20px;
  font-weight: 100;
  margin: 0;
}
@media screen and (max-width: 499px) {
  .new-section-5__bottom-left-row h3 {
    font-size: 20px;
  }
}
.new-section-5__bottom-right {
  max-width: 598px;
  height: 403px;
  border-radius: 8px;
  background-color: #ffffff;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media screen and (max-width: 610px) {
  .new-section-5__bottom-right {
    min-height: 350px;
  }
}
@media screen and (max-width: 499px) {
  .new-section-5__bottom-right {
    width: auto;
    padding: 40px 15px 10px;
  }
}
.new-section-5__bottom-right h2 {
  max-width: 450px;
  font-size: 40px;
  color: #000000;
  font-family: montserrat-black, sans-serif;
  font-weight: bold;
  margin: 0;
}
@media screen and (max-width: 800px) {
  .new-section-5__bottom-right h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 400px) {
  .new-section-5__bottom-right h2 {
    font-size: 24px;
  }
}
.new-section-5__bottom-right h3 {
  font-size: 18px;
  font-weight: 100;
  margin: 30px 0;
  line-height: 28px;
}
@media screen and (max-width: 800px) {
  .new-section-5__bottom-right h3 {
    font-size: 16px;
  }
}
@media screen and (max-width: 400px) {
  .new-section-5__bottom-right h3 {
    margin: 10px 0;
  }
}
.new-section-5__bottom-right-btn {
  margin: 60px 0;
  font-size: 16px;
  font-family: montserrat-bold, sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .new-section-5__bottom-right-btn {
    margin: 20px 0px;
  }
}
.new-section-5__bottom-right-btn .front-page__cta-btn::after {
  display: none;
}
@media screen and (max-width: 600px) {
  .new-section-5__bottom-right-btn .front-page__cta-btn {
    padding: 16px 20px;
  }
}
@media screen and (max-width: 499px) {
  .new-section-5__bottom-right-btn .front-page__cta-btn {
    font-size: 12px;
  }
}

.cookies-page,
.privacy-page,
.tos-page {
  padding: 1em 0;
  line-height: 1.5;
  background: #fafafa;
}

.privacy-page ul li {
  line-height: 26px;
}

.login-form {
  width: 100%;
  height: 100%;
  padding: 0 2em;
  margin: 4em auto 10em;
  top: -75px;
}
@media (max-width: 960px) {
  .login-form:after {
    top: 271px;
    height: 18%;
  }
}
.login-form .signup-card {
  max-width: 406px;
}
.login-form .signup-card .container .form-container {
  margin-right: 0;
}
.login-form .btn.primary {
  margin-top: 1em;
}
.login-form .txt.centered {
  margin-top: 1em;
  text-align: center;
}
.login-form .anim-btn {
  box-shadow: none;
  border: none;
  -webkit-transition: all 0.325s ease-out;
  -moz-transition: all 0.325s ease-out;
  transition: all 0.325s ease-out;
}
.login-form .anim-btn:focus {
  outline: 0;
}
.login-form .anim-btn:hover {
  -webkit-animation: login-form-input-shadow ease-in-out 0.325s;
  -moz-animation: login-form-input-shadow ease-in-out 0.325s;
  animation: login-form-input-shadow ease-in-out 0.325s;
  box-shadow: #eaeaea 1px 1px, #eaeaea 2px 2px, #eaeaea 3px 3px, #eaeaea 4px 4px;
}
@-webkit-keyframes login-form-input-shadow {
  0% {
    box-shadow: none;
  }
  100% {
    box-shadow: #eaeaea 1px 1px, #eaeaea 2px 2px, #eaeaea 3px 3px, #eaeaea 4px 4px;
  }
}
@-moz-keyframes login-form-input-shadow {
  0% {
    box-shadow: none;
  }
  100% {
    box-shadow: #eaeaea 1px 1px, #eaeaea 2px 2px, #eaeaea 3px 3px, #eaeaea 4px 4px;
  }
}
@keyframes login-form-input-shadow {
  0% {
    box-shadow: none;
  }
  100% {
    box-shadow: #eaeaea 1px 1px, #eaeaea 2px 2px, #eaeaea 3px 3px, #eaeaea 4px 4px;
  }
}
.login-form input {
  height: 54px;
  font-size: 1.2em;
}

.qr-code {
  display: block;
  margin: 0 auto;
}

.two-factor-form {
  width: 260px;
  margin: 0 auto;
}
.two-factor-form input {
  width: 260px !important;
  margin: 0 auto !important;
}

@media (max-width: 992px) {
  .login-form {
    position: initial;
  }
}
.signup-container {
  background-color: #fafafa;
  margin-bottom: 222px;
  padding: 0 2em;
}
.signup-container:after {
  background-color: #fafafa;
}
.signup-container input {
  height: 54px;
  font-size: 1.2em;
}
.signup-container div.error {
  font-size: 14px;
}
.signup-container .field_with_errors {
  margin-bottom: 0;
}
.signup-container .signup-card {
  position: relative;
  top: -100px;
  background: #fff;
  margin: 0 auto;
  max-width: 960px;
  padding: 2em;
  border-radius: 8px;
}
.signup-container .signup-card .container {
  display: flex;
}
.signup-container .signup-card .container .form-container {
  flex: 2;
  margin-right: 2em;
}
.signup-container .signup-card .container .form-container .alert {
  font-size: 14px;
}
.signup-container .signup-card .container .card-container {
  flex: 1;
}
.signup-container .signup-card .container .card-container .card {
  max-width: 270px;
}
.signup-container .signup-card .container .card-container .card .provide.notify {
  margin-top: 3em;
  font-size: 18px;
}
.signup-container .signup-card .container .card-container .card .provide.notify a {
  color: #fff;
}
@media (max-width: 960px) {
  .signup-container .signup-card .container .card-container {
    display: none;
  }
}
.signup-container .grecaptcha-badge {
  bottom: 90px !important;
}

.signup-container-ccandcoupon {
  background-color: #fafafa;
  height: 100%;
  margin-bottom: 222px;
  padding: 0 2em;
}
.signup-container-ccandcoupon:after {
  background-color: #fafafa;
}
.signup-container-ccandcoupon input {
  height: 54px;
  font-size: 1.2em;
}
.signup-container-ccandcoupon select {
  height: 54px;
  font-size: 1.2em;
}
.signup-container-ccandcoupon div.error {
  font-size: 14px;
}
.signup-container-ccandcoupon .field_with_errors {
  margin-bottom: 0;
}
.signup-container-ccandcoupon .signup-card {
  position: relative;
  top: -100px;
  background: #fff;
  margin: 0 auto;
  max-width: 960px;
  border: 1px solid #eaeaea;
  padding: 2em;
  border-radius: 8px;
}
.signup-container-ccandcoupon .signup-card .container {
  display: flex;
}
.signup-container-ccandcoupon .signup-card .container .form-container {
  flex: 2;
  margin-right: 2em;
}
.signup-container-ccandcoupon .signup-card .container .card-container {
  flex: 1;
}
.signup-container-ccandcoupon .signup-card .container .card-container .card {
  max-width: 270px;
}
.signup-container-ccandcoupon .signup-card .container .card-container .card .provide.notify {
  margin-top: 3em;
  font-size: 18px;
}
.signup-container-ccandcoupon .signup-card .container .card-container .card .provide.notify a {
  color: #fff;
}
@media (max-width: 960px) {
  .signup-container-ccandcoupon .signup-card .container .card-container {
    display: none;
  }
}

article.package-page-details-container {
  padding: 1em 0 0;
  margin-bottom: 1em;
}
article.package-page-details-container pre {
  background-color: #ffffff;
  border: 1px solid #eaeaea;
  white-space: pre-wrap;
}
article.package-page-details-container h1 {
  color: #666;
  margin: 0px;
  padding: 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.25em;
}
article.package-page-details-container .distro_version {
  color: #42b5ff;
}
article.package-page-details-container .download-button-container {
  text-align: right;
}
article.package-page-details-container .expander pre {
  margin-bottom: 1em;
}
article.package-page-details-container .package-info-details .package-repo-desc-instructions {
  padding-right: 1em;
}
article.package-page-details-container .package-info-details .breadcrumbs {
  display: flex;
  position: fixed;
  right: 0;
  background: #fff;
  top: 0;
  padding: 1em 1em 1em 14.3em;
  width: 100%;
  z-index: 1;
  box-shadow: 0px -1px 5px #bdbdbd;
}
article.package-page-details-container .package-info-details .breadcrumbs .package-path {
  display: inline-block;
  padding-top: 8px;
  flex: 1;
}
article.package-page-details-container .package-info-details .breadcrumbs .package-path > * {
  vertical-align: middle;
}
article.package-page-details-container .package-info-details .breadcrumbs .package-path .glyphicon {
  margin-right: 8px;
}
article.package-page-details-container .package-info-details .breadcrumbs .package-path span.file_name {
  font-weight: bold;
}
article.package-page-details-container .package-info-details .select-packages-modal.promote-modal {
  margin-right: 0.5em;
}
article.package-page-details-container .main-package-details {
  font-size: 0.9em;
}
article.package-page-details-container .main-package-details .pkg-title-container {
  padding-top: 1em;
  padding-right: 1em;
}
article.package-page-details-container .main-package-details .pkg-title-container .bordered-info .table-minimal th {
  font-style: italic;
}
article.package-page-details-container .main-package-details .pkg-title-container .bordered-info .table-minimal tbody tr:last-of-type > td {
  border-bottom: none;
}
article.package-page-details-container .main-package-details .extra-details h4 {
  margin-top: 0;
  margin-bottom: 0.25em;
  padding-top: 1em;
}
article.package-page-details-container .main-package-details .extra-details section:not(.repo-install-callout) {
  border-bottom: 19px solid #eaeaea;
  padding-bottom: 1em;
}
article.package-page-details-container .main-package-details .extra-details section.download-stats-container {
  padding-bottom: 0;
  border-color: #b5c3ff;
}
article.package-page-details-container .main-package-details .extra-details section:last-of-type {
  border-bottom: none;
}
article.package-page-details-container .package-actions-container span.styled-label-badge {
  display: inline-block;
  vertical-align: middle;
}
article.package-page-details-container .install-info-container.repo-install-callout {
  margin-top: 1em;
  background: linear-gradient(to bottom, #6366f1 0%, #2134c5 100%);
  border-right: 2px solid #2134c5;
}
@media screen and (max-width: 860px) {
  article.package-page-details-container .package-info-details {
    width: 100%;
    padding-right: 1em;
  }
  article.package-page-details-container .package-info-details .breadcrumbs {
    padding-left: 4.5em;
  }
}

article.show-package {
  clear: left;
}
article.show-package .quick-install-title {
  border-top: 1px solid #eaeaea;
  padding-top: 0.5em;
}
article.show-package .quick-install-title label {
  font-size: 14px;
  font-style: italic;
  color: #42b5ff;
  text-decoration: underline;
}
article.show-package .package-details ul {
  list-style-type: circle;
  padding: 0 2em;
}
article.show-package .table-minimal.basic {
  border: 1px solid #e8e8e8;
  padding: 8px;
}
article.show-package .thin-bordered-container {
  border: 1px solid #eaeaea;
  padding: 14px;
  border-radius: 4px;
  margin-bottom: 16px;
}

.bordered-info {
  padding: 8px;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  margin-bottom: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bordered-info a {
  display: block;
  color: #0275d8;
}
.bordered-info h3 {
  margin-top: 0;
  margin-bottom: 8px;
}
.bordered-info h3 .dist-tag-info {
  float: right;
  color: #888888;
  vertical-align: middle;
}
.bordered-info .npm-deps-modal .btn.small {
  float: right;
}
.bordered-info .npm-deps-modal .btn.small:hover {
  background-color: #888888;
  color: #fff;
}

.short-description {
  margin-top: 0;
}

.bordered-search-bar {
  border: 1px solid #e8e8e8;
  padding: 6px;
  border-radius: 4px;
  color: #5f5f5f;
}
.bordered-search-bar .search-query {
  width: 100%;
  display: block;
}
.bordered-search-bar .search-query input[type=search] {
  width: 90%;
  border: none;
  display: inline;
}

.flexed {
  display: flex;
}
.flexed div:nth-child(1):not(.modal-inner) {
  margin-right: 1em;
}
.flexed div:not(.modal-inner) {
  flex: 1;
}
.flexed div:not(.modal-inner):last-child {
  margin-right: 0;
}

.java-install-tabs .instructions-callout {
  margin-bottom: 1em;
}

@media (max-width: 1096px) {
  .flexed {
    display: block;
  }
  .flexed div {
    flex: none;
    margin-right: 0;
  }
}
.repo-install-callout {
  padding: 1em;
  border-radius: 4px;
  border-right: 2px solid #2779fb;
  background: linear-gradient(to bottom, #3ab3ff 0%, #2779fb 100%);
  box-shadow: 2px 2px 4px #969292;
  color: #fff;
}
.repo-install-callout h5 {
  margin: 0 0 12px 0;
  font-size: 18px;
  line-height: 22px;
}
.repo-install-callout p {
  font-style: italic;
  margin: 0 0 1em 0;
  line-height: 20px;
}
.repo-install-callout .bundler-venv-callout {
  margin-top: 1em;
}
.repo-install-callout #manual-instructions-text {
  display: inline-block;
  margin-top: 0.5em;
}

.keywords {
  margin-bottom: 1em;
}
.keywords .styled-label-badge .lite {
  margin-bottom: 0.25em;
}

.no-border-bottom {
  border-bottom: none !important;
}

.table-positioning {
  max-width: 1069px;
  float: none;
}

.display-gear {
  display: inline-block;
}
.display-gear:hover {
  text-decoration: none !important;
}

.node-white-header {
  padding: 60px 0;
  min-height: 280px;
  background-image: url(/assets/particles_1576w_468h-76bbfa81dc927f0513c6afe54c3d0a646560c73ccdbc3f98a9157a283084a48a.png);
}
.node-white-header .container {
  padding: 0 18px;
}
.node-white-header h1 {
  color: #3D3D3D;
  font-weight: 300;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .node-white-header {
    background-image: url(/assets/particles_1576w_468h_2x-31404ed79e1884b9feecb40412693050dc9d383f86b28830e23a6319c7c25a82.png);
    background-size: 1576px 468px;
  }
}

.pricing-card-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  top: -80px;
  padding: 0 18px;
}

.faq-callout {
  text-align: right;
  padding: 1em 0;
  color: #959595;
}
.faq-callout a {
  color: #959595;
  text-decoration: none;
}
.faq-callout a:hover {
  text-decoration: underline;
}
.faq-callout span.glyphicon {
  margin-right: 4px;
  vertical-align: middle;
}

.cards {
  display: flex;
}
.cards .card {
  color: #959595;
  font-size: 20px;
  padding: 20px;
  background: #FFFFFF;
  border: 1px solid #EAEAEA;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  flex: 1;
  margin-right: 38px;
}
.cards .card:last-of-type {
  margin-right: 0;
}
.cards .card .plan-name {
  font-size: 24px;
}
.cards .card .plan-amount {
  text-align: center;
  margin: 1.8em 0;
}
.cards .card .plan-amount .cost {
  color: #129AFF;
  margin-bottom: 16px;
  font-size: 64px;
}
.cards .card .plan-amount span {
  font-size: 18px;
}
.cards .card .usage-info {
  margin: 3em 0;
  line-height: 36px;
}
.cards .card .card-button .btn.info {
  font-weight: 700;
  background-color: #129AFF;
  border-color: #129AFF;
}
.cards .card .card-button .btn.info:hover {
  background-color: #bbbbbb;
  border-color: #bbbbbb;
}
.cards .card.callout .btn.info:hover {
  background-color: #5b56e6;
  border-color: #5b56e6;
  color: #fff;
}
.cards .card.callout {
  color: #ffffff;
  background: url(/assets/pricing/plan_node_270w_483h-e36d25cc48271d1a8a3c8d8c9a6ef871a5899b57cdb1b8328cd6f006d597b0ff.png) no-repeat, linear-gradient(-180deg, #7F2ED7 0%, #129AFF 100%);
}
.cards .card.callout .plan-amount .cost {
  color: #ffffff;
}
.cards .card.callout .btn.info {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #129AFF;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .cards .card.callout {
    background: url(/assets/pricing/plan_node_270w_483h_2x-3b4c63e3f0a2f2476648cf1d37c6835e00193c8917fc8e53e2673bfa7bdf2a01.png) no-repeat, linear-gradient(-180deg, #7F2ED7 0%, #129AFF 100%);
    background-size: 270px 483px;
  }
}

@media (max-width: 960px) {
  .cards {
    display: block;
  }
  .cards .card {
    max-width: 360px;
    margin: 0 auto 2em !important;
  }
}
.plan-cards-section {
  background-color: #F6F6F6;
}
.plan-cards-section:after {
  background-color: #F6F6F6;
}

.plan-features {
  min-height: 340px;
}
.plan-features h2 {
  color: #3D3D3D;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 2em;
  padding-top: 2em;
}
.plan-features .condensed-plan-items {
  max-width: 940px;
  margin: 0 auto;
}
.plan-features .condensed-plan-items ul {
  width: 33.333%;
  display: inline-block;
}
.plan-features .condensed-plan-items ul li {
  background-color: #ffffff;
  margin-bottom: 28px;
  display: block;
}
@media (max-width: 960px) {
  .plan-features .condensed-plan-items ul {
    width: 100%;
    display: block;
  }
  .plan-features .condensed-plan-items ul li {
    max-width: 270px;
    margin: 0 auto 2em;
  }
}

.sla-section,
.open-source-section {
  font-size: 20px;
}
.sla-section .container,
.open-source-section .container {
  margin-top: 5em;
  display: flex;
  max-width: 940px;
}
.sla-section h2,
.open-source-section h2 {
  font-size: 36px;
  font-weight: 300;
}
.sla-section h3,
.open-source-section h3 {
  margin-bottom: 0px;
  font-size: 26px;
}
.sla-section h3 span,
.open-source-section h3 span {
  font-weight: 300;
}
.sla-section ul li,
.open-source-section ul li {
  margin-bottom: 1em;
  width: 100%;
}
.sla-section .btn.info,
.open-source-section .btn.info {
  padding: 0.8em 1.3em;
  background-color: #129AFF;
  border-color: #129AFF;
}
.sla-section .btn.info.bold,
.open-source-section .btn.info.bold {
  font-weight: bolder;
}

.sla-section {
  padding: 2em 2em;
  color: #fff;
  background: linear-gradient(-179deg, #361690 0%, #5734b9 96%);
}
.sla-section:after {
  background-color: #5734b9;
}
.sla-section h3 {
  font-weight: 400;
}
.sla-section .copy-container {
  flex: 4;
}
.sla-section .button-container {
  flex: 1;
}
.sla-section ul {
  margin-top: 36px;
  padding-left: 30px;
  list-style-image: url(/assets/pricing/icons/green-check-d602df389479cbb7a6daf134b526eb1ca1feea08f8974035df1aa1dc436f5ed0.svg);
}
.sla-section ul li {
  padding-left: 8px;
}
.sla-section .button-container {
  text-align: center;
}
.sla-section .button-container a {
  margin-top: 50%;
}

@media (max-width: 960px) {
  .sla-section .container {
    display: block;
  }
  .sla-section .button-container a {
    margin-top: 10%;
  }
}
.open-source-section {
  background-color: #F5F5F5;
  background-image: url(/assets/pricing/icons/globe-88e26929cf456f6e368dd3f59f74ec320f299cf73ada73ad5d06f8581b6f1482.svg);
  background-size: 424px 424px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 680px;
}
.open-source-section h2 {
  font-size: 36px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 2em;
}
.open-source-section .btn.info {
  margin-top: 2em;
}
.open-source-section p {
  font-size: 22px;
}

@media (max-width: 960px) {
  .open-source-section .no-flex-container .table-centered .centered {
    padding: 0 2em;
  }
}
article.billing-faq h2 {
  margin-top: 1em;
}

article.sign-up::after {
  clear: both;
  content: "";
  display: block;
}
article.sign-up {
  margin-left: auto;
  margin-right: auto;
  max-width: 970px;
  font-size: 14px;
}
article.sign-up header {
  font-size: 1.4em;
  padding: 3em 2em 2em 2em;
}
article.sign-up .plan-info {
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
}
article.sign-up .signup-container {
  background-color: #ffffff;
}
article.sign-up .signup-container .signup-card {
  top: 0;
}
article.sign-up h3 {
  text-align: left;
  font-size: 28px;
  line-height: 22px;
}
article.sign-up h3.thin {
  max-width: 570px;
  line-height: 38px;
}
article.sign-up .error {
  font-size: 12px;
}
article.sign-up .mobile-plan-info {
  display: none;
}

article.collab-invite .repo-name {
  background-color: #7b7cea;
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
}
article.collab-invite input#user_email {
  background-color: #d9dcff;
  font-size: 1.2em;
}

header.user-page {
  display: flex;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 1em;
  margin: 1em 0;
}
header.user-page h1 {
  flex: 1;
  margin: 0;
}
header.user-page .btn {
  flex: 0;
  padding-top: 0.6em;
  margin: 0;
}
header.user-page .btn span.glyphicon {
  vertical-align: initial;
}
header.user-page .btn span {
  vertical-align: text-top;
}

header.user-page-width {
  width: 1069px;
  max-width: 1069px;
}

.collab-list-width {
  max-width: 1069px;
  float: none !important;
}

article.collab-list .title a.link {
  float: right;
  padding: 0.3em;
  color: #fff;
  border: 0;
  position: relative;
  top: -4px;
  right: -4px;
  text-decoration: underline;
}

.repo-private-icon {
  filter: invert(58%) sepia(81%) saturate(1645%) hue-rotate(179deg) brightness(101%) contrast(97%);
  height: 33px;
  width: 33px;
  background-repeat: no-repeat !important;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='visible' preserveAspectRatio='none' viewBox='0 0 24 24' width='32' height='32'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' id='lock' d='M9.33,11.35v-2c0.01-1.47,1.2-2.66,2.67-2.66c1.47,0,2.67,1.2,2.67,2.67v2H9.33V11.35z M17.99,12.35 c0-0.55-0.45-1-1-1h-0.33v-2c0.03-1.25-0.47-2.46-1.37-3.33c-1.8-1.82-4.73-1.83-6.55-0.03C8.73,6,8.72,6.01,8.71,6.02 c-0.9,0.87-1.4,2.08-1.37,3.33v2H7c-0.55,0-1,0.45-1,1v6c0,0.55,0.45,1,1,1h10c0.55,0,1-0.45,1-1v-6l0,0H17.99z' style='fill: #42AFFB;'/%3E%3C/g%3E%3C/svg%3E");
}

.repo-public-icon {
  filter: invert(58%) sepia(81%) saturate(1645%) hue-rotate(179deg) brightness(101%) contrast(97%);
  height: 24px;
  width: 32px;
  background-repeat: no-repeat !important;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' 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 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M444.943,347.699c-4.394-3.522-10.815-2.815-14.337,1.582c-4.661,5.818-9.703,11.489-14.982,16.858 c-3.95,4.016-3.895,10.475,0.12,14.424c1.986,1.953,4.569,2.927,7.151,2.927c2.64,0,5.277-1.018,7.273-3.047 c5.761-5.859,11.265-12.052,16.356-18.406C450.047,357.64,449.339,351.222,444.943,347.699z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M404.879,390.097c-3.403-4.489-9.802-5.371-14.291-1.966c-38.569,29.235-85.309,46.179-135.164,49 c-5.624,0.318-9.925,5.135-9.607,10.759c0.307,5.428,4.804,9.624,10.174,9.624c0.194,0,0.389-0.005,0.585-0.017 c53.918-3.051,104.52-21.416,146.335-53.11C407.4,400.984,408.281,394.587,404.879,390.097z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M504.755,199.948c0-0.001,0-0.001-0.001-0.002c-5.817-22.133-15.065-43.336-27.491-63.023 c-17.666-27.99-40.935-51.967-69.158-71.266C363.825,35.381,311.228,19.378,256,19.378c-15.448,0-30.959,1.291-46.103,3.837 c-42.923,7.216-83.441,24.689-117.168,50.531c-49.576,37.985-81.659,91.227-90.339,149.919C0.804,234.386,0,245.264,0,256 c0,42.127,12.129,83.49,35.075,119.617c22.189,34.936,53.913,64.224,91.743,84.698c0.003,0.002,0.006,0.004,0.009,0.005 c21.464,11.616,44.583,20.243,68.715,25.645c19.732,4.417,40.074,6.656,60.458,6.656c49.509,0,97.548-13.086,138.924-37.842 c40.419-24.183,72.565-58.22,92.963-98.427C503.888,324.811,512,291.048,512,256C512,237.098,509.562,218.24,504.755,199.948z M412.152,94.092c12.785,10.373,24.232,21.918,34.257,34.545l-20.162-4.63c-6.466-1.485-13.11,0.087-18.227,4.308 c-5.118,4.222-7.922,10.448-7.691,17.08c0.01,0.274-0.127,0.539-0.359,0.689l-14.81,9.673c-0.249,0.162-0.566,0.172-0.824,0.024 L363.474,143.9c-1.856-1.058-2.813-3.249-2.325-5.33l4.694-20.037c0.503-2.146,2.393-3.686,4.596-3.747l17.674-0.492 C399.968,113.964,409.836,105.307,412.152,94.092z M126.715,414.119l-2.982,20.807C59.64,394.883,20.398,327.546,20.398,256 c0-6.33,0.308-12.715,0.919-19.083l13.65,2.206c3.437,0.556,6.949,0.838,10.436,0.838h6.914c9.584,0,19.103,3.144,26.802,8.852 l10.476,7.766c0.896,0.664,1.48,1.682,1.599,2.792l1.42,13.137c0.229,2.125-1.244,4.055-3.355,4.393 c-11.911,1.905-20.745,12.437-20.55,24.497l0.746,46.244c0.085,5.254,1.814,10.239,5.002,14.415l16.623,21.78 c7.843,10.278,18.449,17.937,30.671,22.152C125.135,407.156,127.223,410.575,126.715,414.119z M192.423,464.242 c-17.254-4.427-33.891-10.659-49.622-18.587l4.105-28.639c1.895-13.213-5.889-25.96-18.506-30.311 c-8.41-2.9-15.708-8.172-21.105-15.244l-16.622-21.779c-0.524-0.686-0.808-1.506-0.822-2.369l-0.746-46.243 c-0.032-1.983,1.421-3.714,3.378-4.027c12.844-2.055,21.81-13.795,20.412-26.728l-1.42-13.138 c-0.729-6.75-4.276-12.941-9.731-16.985l-10.476-7.766c-11.19-8.295-25.023-12.864-38.951-12.864h-6.914 c-2.4,0-4.815-0.194-7.181-0.576l-13.932-2.252c9.889-49.492,38.323-94.217,80.844-126.797 c29.971-22.964,65.793-38.765,103.851-45.846c5.773,4.803,10.241,10.963,13.03,18.011l0.578,1.463 c1.448,3.659,2.412,7.497,2.863,11.407l0.514,4.45c0.913,7.915-0.298,15.955-3.5,23.25l-5.546,12.635 c-3.631,8.268-9.588,15.183-17.229,19.993l-6.91,4.351c-7.001,4.407-11.094,12.279-10.682,20.542l0.934,18.667 c0.047,0.953-0.396,1.586-0.776,1.95c-0.38,0.363-1.031,0.774-1.983,0.687c-0.841-0.08-1.582-0.572-1.983-1.316l-8.487-15.761 c-2.938-5.459-8.049-9.545-14.021-11.212l-29.996-8.372c-7.883-2.2-16.329-1.546-23.779,1.84l-7.143,3.247 c-15.028,6.831-23.241,23.464-19.529,39.547c1.469,6.369,4.69,12.18,9.311,16.801l19.489,19.49 c1.099,1.097,2.152,2.268,3.133,3.478l13.361,16.479c5.9,7.277,14.647,11.446,24.013,11.445c0.032,0,0.063,0,0.095,0l36.401-0.111 c0.011,0,0.021,0,0.033,0c3.726,0,7.205,1.997,9.083,5.218c4.37,7.493,11.742,12.834,20.226,14.652l13.639,2.922 c2.999,0.643,5.561,2.555,7.029,5.248l6.587,12.076c2.641,4.842,6.636,8.722,11.553,11.221l30.957,15.731 c2.546,1.294,4.017,4.066,3.664,6.9c-0.205,1.642-1,3.15-2.24,4.246l-11.759,10.402c-3.315,2.932-5.889,6.673-7.444,10.818 l-2.564,6.836c-0.78,2.083-2.406,3.766-4.462,4.618l-12.525,5.193c-10.668,4.423-17.563,14.745-17.563,26.295 c0,1.298-0.319,2.594-0.922,3.745L192.423,464.242z M256,472.223c-14.387,0-28.747-1.203-42.851-3.584l29.352-55.996 c2.129-4.06,3.255-8.631,3.255-13.216c0-3.273,1.954-6.199,4.977-7.453l12.526-5.193c7.254-3.009,12.994-8.95,15.749-16.299 l2.563-6.832c0.389-1.036,1.032-1.971,1.86-2.704l11.759-10.402c4.96-4.388,8.143-10.424,8.965-16.993 c1.419-11.339-4.473-22.437-14.662-27.616l-30.958-15.731c-1.228-0.624-2.227-1.594-2.886-2.804l-6.587-12.076 c-4.316-7.915-11.848-13.536-20.663-15.426l-13.638-2.922c-2.886-0.618-5.394-2.436-6.881-4.984 c-5.523-9.467-15.749-15.338-26.704-15.338c-0.032,0-0.063,0-0.095,0l-36.4,0.111c-0.011,0-0.021,0-0.033,0 c-3.186,0-6.162-1.418-8.169-3.893l-13.362-16.479c-1.426-1.759-2.959-3.461-4.555-5.056l-19.488-19.488 c-1.915-1.914-3.249-4.322-3.858-6.962c-1.538-6.667,1.866-13.561,8.094-16.392l7.143-3.247c3.089-1.403,6.589-1.675,9.857-0.763 l29.996,8.372c0.657,0.184,1.219,0.633,1.543,1.234l8.488,15.762c3.638,6.756,10.37,11.223,18.009,11.951 c6.629,0.633,13.197-1.646,18.013-6.249c4.816-4.603,7.386-11.06,7.054-17.714l-0.934-18.667c-0.045-0.91,0.405-1.776,1.176-2.261 l6.91-4.351c11.105-6.992,19.763-17.039,25.039-29.055l5.546-12.635c4.654-10.602,6.413-22.285,5.086-33.789l-0.514-4.45 c-0.655-5.68-2.055-11.257-4.16-16.575l-0.579-1.464c-1.955-4.938-4.486-9.571-7.515-13.834h0.013 c7.483-0.654,15.01-0.983,22.52-0.983c49.28,0,96.25,13.738,136.193,39.782l0.076,9.449c0.021,2.626-2.098,4.822-4.723,4.896 l-17.673,0.492c-11.454,0.318-21.278,8.332-23.89,19.487l-4.694,20.035c-2.534,10.816,2.438,22.211,12.09,27.708l20.861,11.881 c3.274,1.864,6.887,2.792,10.492,2.792c4.031,0,8.053-1.16,11.581-3.463l14.81-9.673c6.172-4.03,9.846-11.11,9.59-18.475 c-0.004-0.106-0.014-0.391,0.287-0.638c0.304-0.249,0.578-0.183,0.68-0.161l22.874,5.253c0.568,0.131,1.149,0.239,1.733,0.322 l16.17,2.321c7.032,11.706,12.847,23.961,17.384,36.627l-15.799-3.819c-0.63-0.152-1.274-0.283-1.915-0.386l-17.252-2.782 c-18.733-3.021-37.783,3.341-50.941,17.026l-2.596,2.7c-7.696,8.004-12.903,17.992-15.059,28.884l-6.578,33.245 c-2.294,11.589-1.02,23.443,3.683,34.281c8.211,18.921,26.041,32.128,46.531,34.466l3.196,0.365 c8.762,1.002,17.784-0.043,26.085-3.017l10.879-3.897c1.938-0.695,4.115-0.086,5.416,1.52l1.428,1.763 c0.667,0.824,1.05,1.86,1.082,2.917l0.516,17.729C429.455,424.098,346.343,472.223,256,472.223z M482.538,315.632l-1.189-1.47 c-4.887-6.037-12.171-9.364-19.652-9.364c-2.844,0-5.717,0.481-8.497,1.477l-10.879,3.896c-5.377,1.927-11.222,2.603-16.893,1.954 l-3.195-0.365c-13.27-1.515-24.817-10.068-30.134-22.32c-3.047-7.018-3.872-14.695-2.387-22.2l6.578-33.245 c1.396-7.054,4.768-13.522,9.753-18.705l2.596-2.7c8.521-8.861,20.856-12.983,32.99-11.025l17.25,2.782 c0.122,0.02,0.245,0.044,0.368,0.074l27.225,6.579c3.406,14.75,5.129,29.859,5.129,44.999 C491.602,276.427,488.563,296.38,482.538,315.632z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}

article.repo-list,
article.collab-list {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  border-radius: 4px;
}
article.repo-list.full-width,
article.collab-list.full-width {
  width: 100%;
  box-sizing: border-box;
}
article.repo-list h3,
article.collab-list h3 {
  font-weight: 700;
  color: #fff;
  background-color: #2f2b46;
  margin-bottom: 0;
  padding: 0.6em;
  border-radius: 4px 4px 0 0;
}
article.repo-list table,
article.collab-list table {
  margin-bottom: 2em;
}
article.repo-list .title,
article.collab-list .title {
  font-size: 18px;
  font-weight: 500;
  color: #555555;
  margin-bottom: 1em;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 1em;
}
article.repo-list .name a,
article.collab-list .name a {
  text-align: left;
  text-decoration: none;
}
article.repo-list .name span,
article.collab-list .name span {
  vertical-align: middle;
  font-size: 1rem;
}
article.repo-list .name span:not(.glyphicon):hover,
article.collab-list .name span:not(.glyphicon):hover {
  text-decoration: underline;
}
article.repo-list .tools,
article.collab-list .tools {
  padding: 0.7em;
  font-weight: bold;
  text-align: right;
}
article.repo-list .tools a,
article.collab-list .tools a {
  text-decoration: none;
}
article.repo-list .tools a span,
article.collab-list .tools a span {
  vertical-align: middle;
  display: inline;
  font-size: 1rem;
}
article.repo-list .tools a span:not(.glyphicon):hover,
article.collab-list .tools a span:not(.glyphicon):hover {
  text-decoration: underline;
}
article.repo-list section,
article.collab-list section {
  display: flex;
}
article.repo-list section:not(:last-of-type),
article.collab-list section:not(:last-of-type) {
  border-bottom: none;
}
article.repo-list section div:first-of-type span.icon,
article.collab-list section div:first-of-type span.icon {
  vertical-align: text-bottom;
  font-size: 1.2em;
  padding: 0.3em 0;
  margin-right: 0.5em;
}
article.repo-list section span.icon,
article.collab-list section span.icon {
  padding: 1em 0.5em;
}
article.repo-list section .repo-info,
article.collab-list section .repo-info {
  padding: 0 0.5em;
  min-width: 80%;
}
article.repo-list section .repo-info .name,
article.collab-list section .repo-info .name {
  padding-top: 2px;
  font-size: 22px;
  line-height: 24px;
  font-weight: bold;
}
article.repo-list section .repo-info .description,
article.collab-list section .repo-info .description {
  color: #aaa;
  font-weight: bold;
}
@media screen and (max-width: 860px) {
  article.repo-list,
  article.collab-list {
    width: 100%;
    box-sizing: border-box;
  }
}
article.repo-list .danger,
article.collab-list .danger {
  float: right;
}
article.repo-list .empty-message,
article.collab-list .empty-message {
  text-align: center;
  background-color: #f7f7ff;
  border: 1px solid #6366f1;
  width: 100%;
  min-height: 200px;
  border-radius: 4px;
  padding: 2em 0;
  margin-bottom: 2em;
}
article.repo-list .empty-message .icon svg,
article.collab-list .empty-message .icon svg {
  fill: #e0e0e0;
}
article.repo-list .empty-message .icon.with-pad svg,
article.collab-list .empty-message .icon.with-pad svg {
  padding: 2em;
}
article.repo-list .empty-message .title,
article.collab-list .empty-message .title {
  border-bottom: none;
  margin-bottom: 0;
}

#signup_wizard_step_headings .step .number {
  display: block;
  color: #fff;
  max-width: 50px;
  font-size: 1.125rem;
  font-weight: 600;
  max-height: 50px;
  font-family: "montserrat-bold", sans-serif;
  border-radius: 4px;
  background-color: #6366f1;
  padding: 0.8em 1.1em;
  margin-left: 1.4em;
}
#signup_wizard_step_headings .step .title {
  color: #6b7280;
  font-size: 0.875rem;
  font-family: "montserrat-regular", sans-serif;
}
#signup_wizard_step_headings .step.future .title {
  color: #6b7280;
  font-weight: 300;
}
#signup_wizard_step_headings .step.future .number {
  background-color: #fff;
  color: #9ca3af;
  border: 1px solid #9ca3af;
}
#signup_wizard_step_headings .step.future .number-2 {
  background-color: #6366f1 !important;
  color: #fff !important;
  border: 1px solid #9ca3af;
}
#signup_wizard_step_headings .step.complete .title {
  color: #9ca3af;
  font-weight: 500;
}
#signup_wizard_step_headings .step.complete .number {
  background-color: #f5f5f5;
  border: 1px solid #9ca3af;
  color: #9ca3af;
}

.test-packages-table tr th {
  text-align: left;
}

.repo-heading {
  font-size: 1.5rem;
  color: #000;
  font-family: "montserrat-bold", sans-serif;
  margin: 0;
  padding-bottom: 1em;
}

.repo-subheading {
  max-width: 733px;
  font-family: "montserrat-regular", sans-serif;
  font-weight: 500;
  margin: 0 0 1.5em 0;
  font-size: 1rem;
  color: #6b7280;
}
.repo-subheading.repo-subheading-padding {
  padding-top: 0.5em;
}

.new-repository-container {
  max-width: 1280px;
}
.new-repository-container .billing-width {
  max-width: 512px;
  min-width: 512px;
}
.new-repository-container .billing-right-padding {
  padding-right: 1em;
}
.new-repository-container .error-color {
  color: red;
}
.new-repository-container .features-width {
  min-width: 510px;
}
.new-repository-container .underline {
  text-decoration: underline;
}
.new-repository-container .short-width-border {
  width: 47% !important;
  padding-right: 2em;
  border-right: 1px solid #e5e7eb;
}
@media (max-width: 1260px) {
  .new-repository-container .short-width-border {
    width: 100% !important;
    border-right: none;
  }
  .new-repository-container .features-width {
    padding-left: 0 !important;
    width: 100% !important;
  }
  .new-repository-container .free-trial-component {
    max-width: 100%;
  }
  .new-repository-container .features-grid {
    text-align: center;
  }
  .new-repository-container .cc-billing {
    text-align: start;
  }
}

.header-box {
  background-color: #f7f7fe;
  max-width: 1069px;
  border: 1px solid #6366f1;
  border-radius: 4px;
  padding: 0.5em 1.5em 0 1.5em;
  margin-top: 1em;
}

.step-flex-wrapper {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.step-divider {
  border-top: 1px solid #9ca3af;
  width: 34%;
  padding-top: 2.7em;
}

.circle-step-activate {
  padding: 0.6em;
  position: relative;
  left: 16px;
  top: 20px;
  border: 2px solid #42affb;
  background-color: #fff;
  border-radius: 50%;
}

.circle-step-activate-2 {
  padding: 0.6em;
  position: relative;
  left: 17px;
  top: 18px;
  background-color: #42affb;
  border-radius: 50%;
}

.circle-step-deactivate {
  padding: 0.6em;
  position: relative;
  left: 16px;
  top: 20px;
  border: 1px solid gray;
  background-color: #fff;
  border-radius: 50%;
}

.new-repository-2 {
  border-right: 1px solid #e5e7eb;
}

.num-positioning {
  position: relative;
  bottom: 54px;
}

.step-icon {
  display: inline-block;
  position: relative;
  left: 20px;
  bottom: 4px;
}

.repo-title {
  font-family: "montserrat-bold", sans-serif;
  font-size: 1.625rem !important;
  font-weight: 600 !important;
  color: #000 !important;
}
.repo-title.repo-title-max-width {
  max-width: 800px;
}

.uploading-pkg-msg {
  max-width: 475px;
  font-family: "montserrat-regular", sans-serif;
  font-size: 0.875rem;
  color: #9ca3af;
  display: inline-block;
}

.echo-info-icon-2 {
  position: relative;
  top: 6px;
}

.wizard-faq-section {
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "montserrat-regular", sans-serif;
}

.faq-container {
  width: 100%;
  max-width: 30em;
}

.accordion-link {
  font-size: 0.875rem;
  font-weight: 600;
  border: 1px solid #f3f4f6;
  border-radius: 4px;
  margin-bottom: 0.9em;
  padding: 0.5em 0 0.5em 2em;
  text-decoration: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.accordion-link:focus {
  background-color: #f3f4f6;
}

.accordion-link:hover {
  color: #1468a0;
}

.accordion-link span {
  color: #6366f1;
  padding: 0.5rem;
}

.accordion-icon-remove {
  display: none;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 650ms;
}

.faq-answer::before {
  content: "";
  position: absolute;
  width: 0.6rem;
  height: 90%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.faq-answer p {
  font-size: 0.875rem;
  padding-left: 2em;
  color: #6b7280;
}

.accordion-item:target .faq-answer {
  max-height: 20rem;
}

.accordion-item:target .accordion-link {
  background-color: #f3f4f6;
}

.accordion-item:target .accordion-link .accordion-icon-add {
  display: none;
}

.accordion-item:target .accordion-link .accordion-icon-remove {
  display: block;
}

.go-to-dashboard-btn {
  width: 49%;
  height: 50px;
  padding: 0.7em;
  border: 1px solid #79cdeb;
  border-radius: 4px;
  font-size: 1rem;
  color: #1c1e21;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  transition: 0.2s;
  opacity: 0.8;
  background-color: #79cdeb;
}

.go-to-dashboard-btn:hover {
  opacity: 1;
  color: #fff;
}

.cc-disclaimer {
  font-family: "montserrat-regular", sans-serif;
  font-size: 0.85rem;
  color: #6b7280;
}

.text-field-sizing, .text-field-cc-2, .text-field-cc {
  height: 52px;
  padding: 0px 14px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background-color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  text-decoration: none solid rgb(229, 231, 235);
  line-height: 1.42857;
  background-image: none;
  margin-bottom: 1em;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.text-field-cc {
  display: block;
  width: 100%;
}

.text-field-cc-2 {
  display: inline;
  width: 49%;
}

.cc-billing {
  display: inline-block;
  padding: 1em 0;
  color: #6b7280;
  font-family: "montserrat-bold", sans-serif;
  font-weight: 600;
  width: 22%;
  font-size: 1rem;
}

.horizontal-line {
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #9ca3af;
  margin-bottom: 0.3em;
  width: 76%;
}

.minimal-cc {
  position: relative;
  background-image: linear-gradient(45deg, #fff 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 3.25em;
}

.free-trial-component {
  background-color: #f3f4f6;
  padding: 1em 2em;
  max-width: 520px;
}

.free-trial-mascot {
  width: 172px;
  height: 241px;
  float: right;
  position: relative;
  bottom: 100px;
}

.free-trial-date-grid {
  display: grid;
  grid-template-columns: auto 1fr;
}

.free-trial-date-grid img {
  background-color: #6366f1;
  padding: 0.5em 0.5em 0.5em 0.5em;
  border-radius: 4px;
  position: relative;
  top: 8px;
}

.features-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.features-grid img {
  filter: invert(42%) sepia(65%) saturate(5050%) hue-rotate(227deg) brightness(101%) contrast(89%);
}

.free-trial-heading {
  font-family: "montserrat-bold", sans-serif;
  font-size: 1.5rem;
  color: #000;
  max-width: 215px;
}

.free-trial-subheading {
  font-family: "montserrat-regular", sans-serif;
  font-size: 1rem;
  color: #6b7280;
  max-width: 215px;
}

.vertical-line {
  width: 1px;
  height: 50%;
  background-color: #9ca3af;
  margin: 10px 18px;
}

.free-trial-date {
  font-family: "montserrat-bold", sans-serif;
  font-size: 1.5rem;
  color: #6b7280;
  margin: 0;
  padding-left: 1em;
}

.free-trial-date-info {
  font-family: "montserrat-regular", sans-serif;
  font-size: 1rem;
  color: #576366;
  max-width: 240px;
  padding-left: 1.7em;
  padding-bottom: 1.5em;
  margin: 0;
}

.free-trial-heading-2 {
  font-family: "montserrat-bold", sans-serif;
  font-size: 1.25rem;
  color: #000;
  text-align: center;
  margin-bottom: 0;
}

.free-trial-feature {
  font-family: "montserrat-regular", sans-serif;
  font-size: 0.875rem;
  color: #6b7280;
  display: inline-block;
}

.purple-success {
  width: 49%;
  height: 50px;
  border-radius: 4px;
  opacity: 0.8;
  background-color: #4446e6;
  font-family: "montserrat-regular", sans-serif;
  font-size: 1rem;
  transition: 0.2s;
  color: #fff;
  font-weight: 600;
}

.purple-success:hover {
  opacity: 1;
}

.card-name-field input:focus::-webkit-input-placeholder,
.card-number-field input:focus::-webkit-input-placeholder,
.cvv-field input:focus::-webkit-input-placeholder,
.zip-field input:focus::-webkit-input-placeholder,
.address-line-1-field input:focus::-webkit-input-placeholder,
.address-line-2-field input:focus::-webkit-input-placeholder,
.city-field input:focus::-webkit-input-placeholder,
.extra-data-field input:focus::-webkit-input-placeholder {
  color: transparent;
}

.floating-above-extra::before, .floating-above-city::before, .floating-above-line2::before, .floating-above-line1::before, .floating-above-cvv::before, .floating-above-number::before, .floating-above::before {
  position: relative;
  padding: 0 4px;
  top: 12px;
  left: 14px;
  font-size: 0.65em;
  background-color: #fff;
  color: #6366f1;
  font-weight: bold;
}

.floating-above::before {
  content: "Name on the Card";
}

.floating-above-number::before {
  content: "Credit Card Number";
}

.floating-above-cvv::before {
  content: "CVV";
}

.floating-above-zip::before {
  content: "Postal Code";
  display: block;
  position: relative;
  padding: 0 4px;
  max-width: 76px;
  top: 10px;
  left: 14px;
  font-size: 0.65em;
  background-color: #fff;
  color: #6366f1;
  font-weight: bold;
}

.floating-above-line1::before {
  content: "Address Line 1";
  top: 82px;
}

.floating-above-line2::before {
  content: "Address Line 2";
}

.floating-above-city::before {
  content: "City";
}

.floating-above-extra::before {
  content: "Region / Town (Optional)";
}

.test-packages-table a {
  color: #42affb;
}

.test-packages-table tr:nth-child(odd) {
  background-color: #f7f7fe;
}

th {
  max-width: 125px;
  padding: 8px 10px 10px;
  background-color: #f6f6f6;
  font-family: "montserrat-regular", sans-serif;
  font-size: 1rem;
  color: #000000;
}

.package-td-left {
  padding: 8px 10px 10px;
  font-family: "montserrat-regular", sans-serif;
  font-size: 1rem;
}

.package-td-right {
  padding: 8px 10px 10px;
  font-family: "montserrat-regular", sans-serif;
  font-size: 1rem;
  color: #42affb;
}

@media (max-width: 614px) {
  .step-flex-wrapper {
    flex-direction: column;
  }
  .new-repository-container {
    display: flex;
    flex-direction: column;
  }
  .new-repository-2,
  .new-repository-3,
  .new-repository-4,
  .new-repository-5 {
    width: 100% !important;
  }
  .step-divider {
    display: none;
  }
  .step-3-width {
    min-width: 5em;
  }
  .number-2 {
    margin-left: 1.9em !important;
  }
  .num-positioning-2 {
    margin-left: 1.9em !important;
  }
}
@media (max-width: 1345px) {
  .cc-features-mobile {
    padding-left: 0 !important;
  }
}
#contextual-sidebar.sidebar-container {
  position: fixed;
  top: 0;
  overflow: auto;
  width: 130px;
  height: 100%;
  margin-left: 101px;
  background-color: #efefef;
  color: #424086;
  z-index: 2;
}
#contextual-sidebar.sidebar-container.docs {
  width: 13.9em;
  padding: 1em 2em 0em 1em;
}
#contextual-sidebar.sidebar-container img {
  max-width: 65px;
  max-height: 65px;
}
#contextual-sidebar.sidebar-container .rounded {
  border-radius: 50%;
}
#contextual-sidebar.sidebar-container .sidebar-positioning {
  margin-left: 83px !important;
  overflow: auto;
}
#contextual-sidebar.sidebar-container .btn {
  width: 100%;
  padding: 1em;
  border-radius: 0;
  white-space: inherit;
  font-size: 0.8em;
  text-shadow: 0px 1px 0px #717171;
  font-weight: bold;
  background: -moz-linear-gradient(top, #42b5ff 0%, #09a3f0 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #42b5ff), color-stop(100%, #09a3f0));
  background: -webkit-linear-gradient(top, #42b5ff 0%, #09a3f0 100%);
  background: -o-linear-gradient(top, #42b5ff 0%, #09a3f0 100%);
  background: -ms-linear-gradient(top, #42b5ff 0%, #09a3f0 100%);
  background: linear-gradient(to bottom, #42b5ff 0%, #09a3f0 100%);
}
#contextual-sidebar.sidebar-container .btn:hover {
  background: #545454;
}
#contextual-sidebar.sidebar-container .user-name {
  float: right;
  font-weight: 800;
  margin-bottom: 1.6em;
  width: 100%;
}
#contextual-sidebar.sidebar-container .user-name a {
  font-size: 0.875rem;
  overflow-wrap: break-word;
  text-decoration: none;
}
#contextual-sidebar.sidebar-container .sidebar-button-container .btn {
  border-radius: 4px;
}
#contextual-sidebar.sidebar-container .sidenav li.active .glyphicon, #contextual-sidebar.sidebar-container .sidenav li:hover .glyphicon {
  color: #555555;
}
#contextual-sidebar.sidebar-container .sidenav li a {
  padding: 1em 0;
  text-align: center;
}
#contextual-sidebar.sidebar-container .sidenav li a:hover {
  background-color: #e2e2e2;
}
#contextual-sidebar.sidebar-container .sidenav li a .glyphicon {
  top: 2px;
  margin-right: 0.4em;
  color: #888888;
}
#contextual-sidebar.sidebar-container .avatar-container {
  padding: 2em 0;
  text-align: center;
}
#contextual-sidebar.sidebar-container .repo-name-with-icon {
  font-size: 1.4em;
  text-align: left;
}
#contextual-sidebar.sidebar-container .repo-name-with-icon span {
  vertical-align: middle;
}
#contextual-sidebar.sidebar-container .repo-name {
  word-wrap: break-word;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: white;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999999;
}

.form-control::-webkit-input-placeholder {
  color: #999999;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}

.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 15px;
}

.terminal-screen {
  width: 592px;
  height: 377px;
  background-image: url(/assets/macbook-screen592w377h-a94ca2f1c740d4f3b451146b209d337a3a667cb4182974a96ab5b38cd8362bb2.png);
  background-size: 592px 377px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .terminal-screen {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/macbook-screen592w377h_2x-d61af10b1c9908ba9113daced6e55bd728531fdb4f5849e44250e9707345f6eb.png);
    background-size: 592px 377px;
  }
}
.terminal-screen {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  background-repeat: no-repeat;
  font-size: 14px;
  box-sizing: content-box;
  background-position: 100%;
  position: relative;
  padding: 0px 0px 0px 0px;
}

.terminal-container {
  padding: 11px 22px;
  position: absolute;
  top: 36px;
  color: #ffffff;
}
.terminal-container > * {
  float: left;
  text-align: left;
  max-width: 535px;
  font-family: monospace;
  overflow: hidden;
}
.terminal-container i {
  font-style: normal;
}
.terminal-container i.green {
  color: #A8FF60;
}
.terminal-container i.yellow {
  color: #FFFFB6;
}
.terminal-container i.orange {
  color: orange;
}
.terminal-container i.red {
  color: red;
}
.terminal-container i.purple {
  color: #bcc3e4;
}
.terminal-container span {
  white-space: pre;
  width: 550px;
  height: 323px;
  display: block;
  line-height: 1.35em;
  overflow: hidden;
}
.terminal-container span .overflow {
  overflow: scroll;
  min-height: 198px;
}

@keyframes blink {
  to {
    visibility: hidden;
  }
}
/* Pure CSS Terminal  */
.terminal-screen-css {
  background: #000;
  border-radius: 4px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 1em;
  padding: 1em;
  font-size: 0.7em;
  width: 100%;
  min-height: 397px;
  min-width: 250px;
  position: relative;
  overflow: hidden;
}
.terminal-screen-css .caret {
  background: #00bcd4;
  display: inline-block;
  width: 7px;
  height: 14px;
  margin-left: 2px;
  margin-top: -2px;
  vertical-align: middle;
  animation: blink 1s steps(2, start) 1;
}
.terminal-screen-css #hl-text {
  display: inline-block;
}
.terminal-screen-css #hl-text.typing + .caret {
  animation: none;
}
.terminal-screen-css #hl-text.cursor-off + .caret {
  display: none;
}
.terminal-screen-css .topbar {
  height: 29px;
  border-bottom: 1px solid #f5f5f5;
  overflow: hidden;
}
.terminal-screen-css .topbar .button-group {
  display: none;
}
.terminal-screen-css .topbar .button-group .win-button {
  display: block;
  height: 12px;
  width: 12px;
  border-radius: 10px;
  float: left;
  margin-right: 8px;
}
.terminal-screen-css .topbar .button-group .win-button.close {
  background-color: #f94c07;
}
.terminal-screen-css .topbar .button-group .win-button.max {
  background-color: #50d011;
}
.terminal-screen-css .topbar .button-group .win-button.min {
  background-color: #e0b616;
}
.terminal-screen-css .topbar .tab-buttons {
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
}
.terminal-screen-css .topbar .tab-buttons .tab {
  width: auto;
  height: 28px;
  background-color: #000;
  display: inline-block;
  text-align: center;
  border: 1px solid #eaeaea;
  border-bottom: none;
  color: #fff;
  padding: 3px 12px;
  font-size: 14px;
  font-family: monospace;
  font-weight: 900;
  position: relative;
  -webkit-transform: translateY(29px);
  -moz-transform: translateY(29px);
  transform: translateY(29px);
}
.terminal-screen-css .topbar .tab-buttons .tab.active {
  background-color: #fff;
  color: #000;
}
.terminal-screen-css .topbar .tab-buttons .tab.disable {
  pointer-events: none;
}
.terminal-screen-css .topbar .tab-buttons .tab.up {
  -webkit-transform: translateY(0px);
}
.terminal-screen-css .topbar .tab-buttons .tab:hover {
  color: #000;
  background-color: #fff;
}
.terminal-screen-css .topbar .tab-buttons .slide-up-tab {
  -moz-animation: slide-up-tab 0.25s ease-in;
  -webkit-animation: slide-up-tab 0.25s ease-in;
  animation: slide-up-tab 0.25s ease-in;
}
@-moz-keyframes slide-up-tab {
  0% {
    -moz-transform: translateY(29px);
  }
  100% {
    -moz-transform: translateY(0px);
  }
}
@-webkit-keyframes slide-up-tab {
  0% {
    -webkit-transform: translateY(29px);
  }
  100% {
    -webkit-transform: translateY(0px);
  }
}
@keyframes slide-up-tab {
  0% {
    transform: translateY(29px);
  }
  100% {
    transform: translateY(0px);
  }
}
.terminal-screen-css .topbar .glyphicon-repeat {
  float: right;
  color: #fff;
}
.terminal-screen-css .cursor {
  color: #fff;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: "Lucida Console", Monaco, monospace;
  margin-top: 10px;
  height: 250px;
  overflow-y: scroll;
  width: 113%;
}
.terminal-screen-css .cursor .cursor {
  display: initial;
  margin-top: 0;
  margin-bottom: 1em;
}
.terminal-screen-css .green {
  color: #80ffa9;
}
.terminal-screen-css .yellow {
  color: #fafe7f;
}
.terminal-screen-css .continue + .user-tip .continue {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}
.terminal-screen-css .user-tip {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-left: -1em;
  padding: 0 1em;
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  word-break: break-word;
  display: flex;
  display: -webkit-flex;
  color: #3c3c3c;
  font-weight: bold;
}
.terminal-screen-css .user-tip p {
  flex: 3;
  -webkit-flex: 3;
}
.terminal-screen-css .user-tip .continue {
  -webkit-transform: translateY(120px);
  -moz-transform: translateY(120px);
  transform: translateY(120px);
  box-shadow: inset 0px -1px 0px #abcac4;
  -webkit-transition: all 0.2875s;
  -moz-transition: all 0.2875s;
  transition: all 0.2875s;
}
.terminal-screen-css .user-tip .continue:hover {
  box-shadow: inset 0px -2px 0px #6bdbc7;
}
.terminal-screen-css .user-tip .continue:active, .terminal-screen-css .user-tip .continue:focus {
  box-shadow: inset 0px -1px 0px #6bdbc7;
}
.terminal-screen-css .user-tip .button-container {
  padding: 0.7em;
  position: relative;
  overflow: hidden;
}
.terminal-screen-css .user-tip .button-container a.continue {
  position: relative;
  right: -71px;
  z-index: 1;
  background: linear-gradient(to bottom, #6cdcc7, #469ad6);
  background-color: #80ffa9;
  border-radius: 3px;
  text-decoration: none;
  margin: 0;
}
.terminal-screen-css .user-tip .button-container .btn.secondary {
  position: relative;
  z-index: 0;
}
@media (max-width: 992px) {
  .terminal-screen-css .user-tip {
    min-height: 82px;
  }
  .terminal-screen-css .user-tip p {
    display: none;
  }
  .terminal-screen-css .user-tip .button-container {
    position: absolute;
    right: 14px;
    top: 12px;
  }
}

.terminal-screen-container {
  margin-bottom: 5em;
  padding: 3em 1em;
  background: url(/assets/particles_1600w_1050h-2c84bc46ce6ea06510b13a4768af350495c554878432d3a1c4f4f5511fb317c6.png) no-repeat, #2a1f63;
  background-size: 1600px 1050px;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .terminal-screen-container {
    background: url(/assets/particles_1600w_1050h_2x-f0b4e6c960117d5a7c3764e9116c5edb3e457729fda9e29fcef682e23ab08582.png) no-repeat, #2a1f63;
    background-size: 1600px 1050px;
  }
}
.terminal-screen-container .cli-callout {
  font-size: 18px;
  color: #C4C5F9;
  text-align: center;
  padding-bottom: 1em;
  width: 80%;
  margin: 0.5em auto 1em;
}
.terminal-screen-container .cli-callout a {
  color: #fff;
}
.terminal-screen-container h1.main-headline {
  text-align: center;
  color: #ffffff;
  font-weight: 300;
  font-size: 2em;
  margin: 0 auto;
}
.terminal-screen-container h1.main-headline span {
  background-color: transparent;
  transition: background-color 0.125s linear;
  -webkit-transition: background-color 0.125s linear;
}
.terminal-screen-container h1.main-headline span.highlight {
  background-color: #8141c6;
}
@media screen and (max-width: 860px) {
  .terminal-screen-container .terminal-screen-css {
    min-height: 522px;
  }
  .terminal-screen-container .tab-buttons .tab :not(.num) {
    display: none;
  }
}

a.no-underline {
  text-decoration: none;
}

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.25;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  font-size: 18px;
}
.btn:not(.glyphicon) {
  font-family: inherit;
}
a.btn {
  text-decoration: none;
}

.btn[class*=glyphicon-]:before {
  top: 0.05em;
  left: -0.05em;
  position: relative;
}
.btn.large {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.btn.small {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.btn.center {
  text-align: center;
}
.btn.block {
  display: block;
  width: 100%;
}
.btn.primary {
  color: #fff;
  background-color: #42b5ff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.btn.primary:hover {
  background-color: rgb(0, 133.253968254, 219);
}
.btn.primary:active {
  background-color: #42b5ff;
}
.btn.primary.disabled, .btn.primary[disabled=disabled] {
  background-color: black;
  opacity: 0.4;
  pointer-events: none;
}
.btn.primary.outline {
  color: #42b5ff;
  background-color: transparent;
  border: 1px solid #42b5ff;
  text-shadow: none;
}
.btn.primary.outline:hover {
  color: #fff;
  background-color: rgb(0, 117.7380952381, 193.5);
  border-color: rgb(0, 117.7380952381, 193.5);
}
.btn.primary.outline:active {
  background-color: rgb(0, 117.7380952381, 193.5);
  border-color: rgb(0, 117.7380952381, 193.5);
}
.btn.primary.elevate {
  box-shadow: 0px 1px 6px #9a9a9a;
}
.btn.primary.elevate:active {
  background-color: rgb(0, 102.2222222222, 168);
  box-shadow: 0 1px 2px;
}
.btn.secondary {
  color: #fff;
  background-color: #4295ff;
  border-color: #7f96c7;
  text-shadow: 1px 1px 1px #888585;
}
.btn.secondary:hover {
  background-color: rgb(49.4055944056, 123.0769230769, 215.5944055944);
  border-color: #7f96c7;
}
.btn.secondary:active {
  background-color: #a6accc;
  border-color: #a6accc;
}
.btn.secondary.disabled, .btn.secondary[disabled=disabled] {
  background-color: rgb(60.8936170213, 76.6808510638, 151.1063829787);
  opacity: 0.4;
  pointer-events: none;
}
.btn.secondary.outline {
  color: #bcc3e4;
  background-color: transparent;
}
.btn.secondary.outline:hover {
  color: #fff;
  background-color: #bcc3e4;
  border-color: #bcc3e4;
}
.btn.secondary.outline:active {
  background-color: #a6accc;
  border-color: #a6accc;
}
.btn.secondary.dashboard-loggedin {
  color: #fff;
  border-color: #fff;
}
.btn.success {
  color: #fff;
  background-image: linear-gradient(#63E735, #4DB02B);
  border-color: #78D758;
  font-weight: bold;
}
.btn.success:hover {
  background-image: linear-gradient(#63E735, #4DB02B);
}
.btn.success:active {
  background-color: #427731;
  border-color: #427731;
}
.btn.success.disabled, .btn.success[disabled=disabled] {
  background-color: #b6c3b2;
  border-color: #9dab98;
  opacity: 0.4;
  pointer-events: none;
}
.btn.success.outline {
  color: rgb(87.652173913, 203.3043478261, 48.6956521739);
  background-color: transparent;
}
.btn.success.outline:hover {
  color: #fff;
  background-color: #78D758;
  border-color: #78D758;
}
.btn.success.outline:active {
  background-color: #427731;
  border-color: #427731;
}
.btn.info {
  color: #fff;
  background-color: #424086;
  border-color: #424086;
}
.btn.info:hover {
  background-color: #292852;
  border-color: #292852;
}
.btn.info:active {
  background-color: #0d0d1b;
  border-color: #0d0d1b;
}
.btn.info.disabled, .btn.info[disabled=disabled] {
  background-color: black;
  opacity: 0.4;
  pointer-events: none;
}
.btn.info.outline {
  color: #424086;
  background-color: transparent;
}
.btn.info.outline:hover {
  color: #fff;
  background-color: rgba(66, 64, 134, 0.25);
  border-color: #424086;
}
.btn.info.outline:active {
  background-color: #0d0d1b;
  border-color: #0d0d1b;
}
.btn.info-2 {
  color: #fff;
  background-color: #696bec;
  border-color: #696bec;
}
.btn.info-2:hover {
  background-color: #292852;
  border-color: #292852;
}
.btn.info-2:active {
  background-color: #0d0d1b;
  border-color: #0d0d1b;
}
.btn.info-2.disabled, .btn.info-2[disabled=disabled] {
  background-color: black;
  opacity: 0.4;
  pointer-events: none;
}
.btn.info-2.outline {
  color: #fff;
  background-color: #696bec;
}
.btn.info-2.outline:hover {
  color: #fff;
  background-color: #4446e5;
  border-color: #4446e5;
}
.btn.info-2.outline:active {
  background-color: #0d0d1b;
  border-color: #0d0d1b;
}
.btn.warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
.btn.warning:hover {
  background-color: #b5833d;
  border-color: #b5833d;
}
.btn.warning:active {
  background-color: #795625;
  border-color: #795625;
}
.btn.warning.disabled, .btn.warning[disabled=disabled] {
  background-color: rgb(28.4214876033, 20.5702479339, 9.5785123967);
  opacity: 0.4;
  pointer-events: none;
}
.btn.warning.outline {
  color: #f0ad4e;
  background-color: transparent;
}
.btn.warning.outline:hover {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn.warning.outline:active {
  background-color: #795625;
  border-color: #795625;
}
.btn.danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.btn.danger > a {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  margin-left: 4px;
  font-weight: bold;
}
.btn.danger > a:hover {
  text-decoration: underline;
}
.btn.danger:hover {
  background-color: #b34340;
  border-color: #b34340;
}
.btn.danger:active {
  background-color: #8a3331;
  border-color: #8a3331;
}
.btn.danger.disabled, .btn.danger[disabled=disabled] {
  pointer-events: none;
  color: #ffaeae !important;
  border-color: #ffaeae;
}
.btn.danger.outline {
  color: #d9534f;
  background-color: transparent;
}
.btn.danger.outline:hover {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.btn.danger.outline:active {
  background-color: #8a3331;
  border-color: #8a3331;
}
.btn.link {
  padding: 0;
  font-weight: 400;
  color: #0275d8;
  border-radius: 0;
  background-color: transparent;
  border-color: transparent;
  text-decoration: underline;
}
.btn.link.repo-link {
  color: #42affb;
}
.btn.link.settings-flex {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.btn.link:active, .btn.link.active, .btn.link:focus, .btn.link:disabled, .btn.link[disabled=disabled] {
  border-color: transparent;
  background-color: transparent;
}
.btn.link.cancel {
  color: #555555;
  text-decoration: none;
}
.btn.link.danger {
  color: #ff2f00;
}
.btn.link.danger:hover {
  background-color: transparent;
  border-color: transparent;
}
.btn .glyphicon + span {
  vertical-align: text-top;
}

/* Reset HTML button for all user-agents */
button {
  display: inline-block;
  border: none;
  padding: 1rem 2rem;
  margin: 0;
  text-decoration: none;
  background: #0069ed;
  color: #ffffff;
  font-family: sans-serif;
  font-size: 1rem;
  cursor: pointer;
  text-align: center;
  transition: background 250ms ease-in-out, transform 150ms ease;
  -webkit-appearance: none;
  -moz-appearance: none;
}

button:hover,
button:focus {
  background: transparent;
}

button:focus {
  outline-offset: -2px;
}

button:active {
  transform: scale(0.99);
}

.create-a-repo-btn {
  border-radius: 4px;
  background-color: #6366f1;
  font-family: "montserrat-bold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 1em 2rem;
  font-size: 1rem;
  color: #fff;
  transition: 0.2s;
}
.create-a-repo-btn:hover {
  background-color: #4c4cff;
}

.upload-btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

ul {
  list-style-type: none;
  padding: 0;
}

ol {
  padding-left: 24px;
}
ol li {
  margin-bottom: 1em;
}

ul.bullet {
  list-style-type: disc;
  padding-left: 24px !important;
}

.plan {
  float: left;
  width: 240px;
  min-height: 310px;
  margin-bottom: 20px;
  border-right: 1px solid #eaeaea;
  color: #262542;
  text-align: center;
}
.plan.highlight {
  box-shadow: -1px -2px 25px rgba(92, 82, 245, 0.42);
  position: relative;
  min-height: inherit;
  border-radius: 4px;
  padding-bottom: 8px;
}
.plan.highlight .inner h3 {
  color: #fff;
  text-align: center;
  font-size: 38px;
  margin: 22px;
}
.plan.highlight .price-badge {
  height: 148px;
  margin-top: -110px;
  padding-top: 95px;
  font-size: 22px;
  border-radius: 4px 4px 0 0;
}
.plan.highlight .price-badge:before {
  content: "$";
  font-size: 18px;
  position: relative;
  top: -4px;
}
.plan.details {
  width: 316px;
  text-align: center;
  margin-left: 108px;
  margin-top: 45px;
  min-height: 0;
}
.plan.details .provide {
  padding: 10px;
}
.plan.last {
  border-right: none;
}
.plan.callout {
  height: 360px;
  margin-top: -35px;
  box-shadow: 5px 5px 4px #e2e2e2;
}
.plan.callout .btn {
  margin-top: 48px;
}
.plan h3 {
  font-weight: 100;
  font-size: 29px;
  color: #424086;
}
.plan .check {
  width: 18px;
  height: 19px;
  background-image: url(/assets/green-check19w18h-ebc155200aca70b5a508794bcbc9fdb1adc09ae9b5c4ba5c7ce30df6de0f5bde.png);
  background-size: 18px 19px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .plan .check {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/green-check19w18h_2x-c88fb8dc4d1d4869da4bd5b90775641f1b808db1caa5b6fd32833a00ef82a5d2.png);
    background-size: 18px 19px;
  }
}
.plan .check {
  display: inline-block;
  margin-bottom: -3px;
  margin-right: 4px;
}
.plan .price-badge {
  height: 56px;
  background-color: #8f46d6;
  padding: 18px 0;
  color: #fff;
}
.plan .price-badge:before {
  content: "$";
  font-size: 12px;
  position: relative;
  top: -4px;
}
.plan .price-badge span {
  opacity: 0.5;
}
.plan .provide {
  font-size: 1.2em;
  border-top: 0px;
  padding: 18px;
  text-align: left;
}
.plan .provide ~ .provide {
  border-top: 1px solid #eaeaea;
}
.plan .provide.disabled {
  color: #eaeaea;
}
.plan .provide.notify {
  color: #73729E;
  text-align: center;
  font-size: 12px;
  font-style: italic;
}
.plan .provide.notify .link-callout {
  text-decoration: underline;
  font-weight: bold;
}
.plan .provide.show-more {
  background-color: #def1de;
  text-align: center;
  cursor: pointer;
  color: #7877eb;
}
.plan .provide.show-more:hover {
  background-color: #bfecbf;
  text-decoration: underline;
}
.plan .provide.show-more .glyphicon {
  vertical-align: baseline;
}
.plan .selected-badge {
  border-top: 1px solid #eaeaea;
  padding-top: 28px;
  text-align: center;
  font-size: 18px;
}
.plan .selected-badge input[type=radio] {
  display: none;
}
.plan .selected-badge input[type=radio]:checked {
  display: none;
}
.plan .selected-badge input[type=radio]:checked + .selected-message {
  display: block;
  margin: 0 auto;
  width: 19px;
  height: 18px;
  background-image: url(/assets/green-check19w18h-ebc155200aca70b5a508794bcbc9fdb1adc09ae9b5c4ba5c7ce30df6de0f5bde.png);
  background-size: 19px 18px;
  background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .plan .selected-badge input[type=radio]:checked + .selected-message {
    /* on retina, use image that's scaled by 2 */
    background-image: url(/assets/green-check19w18h_2x-c88fb8dc4d1d4869da4bd5b90775641f1b808db1caa5b6fd32833a00ef82a5d2.png);
    background-size: 19px 18px;
  }
}
.plan .selected-badge input[type=radio]:checked + .selected-message {
  border: 1px solid #9FEF9F;
  padding: 9px;
  color: #fff;
  border-radius: 4px;
}
.plan .selected-badge input[type=radio]:checked + .selected-message + .select-message {
  display: none;
}
.plan .selected-badge .select-message {
  min-width: 108px;
}
.plan .selected-badge .selected-message {
  display: none;
}
.plan .select-message {
  background-color: #969AB6;
  padding: 10px;
  border-radius: 4px;
}
.plan .select-message + input[type=radio] {
  display: none;
}
.plan .btn {
  width: 85%;
  background-color: #616169;
  margin-top: 12px;
  color: #ffffff;
}
.plan .btn.callout {
  background-color: #4EDF70;
  margin-top: 6px;
}
.plan .header {
  width: 100%;
  height: 26px;
  border-radius: 6px 6px 0 0;
  background-color: #bcc3e4;
  display: block;
  box-shadow: inset 0px -1px 0px #fff;
}

.size-sm-plans .provide {
  font-size: 10px;
}
.size-sm-plans .plan {
  width: 145px;
}
.size-sm-plans .plan .price-badge {
  background: none;
  color: #000;
}
.size-sm-plans .plan.highlight {
  min-height: inherit;
  box-shadow: -1px -2px 25px rgba(71, 71, 79, 0.42);
}
.size-sm-plans .plan.highlight h3 {
  color: #000;
  font-size: 30px;
}
.size-sm-plans .plan h3 {
  font-size: 24px;
}
.size-sm-plans .btn-primary {
  float: right;
  height: 50px;
  width: 120px;
  font-size: 22px;
  font-weight: bold;
}

.size-md-plans .provide {
  font-size: 12px;
}
.size-md-plans .plan {
  width: 195px;
}

.size-lg-plans .provide {
  font-size: 12px;
}
.size-lg-plans .plan {
  width: 145px;
}

#create_repo .step1-left {
  border-right: 1px solid #eee;
  width: 93%;
}

#create_repo .step1-right {
  padding-top: 45px;
}

#create_repo .step label {
  font-size: 18px;
  margin-bottom: 0px;
}

#create_repo .step .explanation {
  color: #aaa;
}

#create_repo .step1 .btn {
  padding: 20px;
}

#create_repo .step2 {
  padding-top: 10px;
}

#create_repo .step2 .explanation {
  margin-left: 19px;
}

#create_repo .private_repo_cta {
  color: #aaa;
  font-style: italic;
  width: 360px;
  text-align: center;
  margin: 10px 0;
}

#create_repo hr {
  width: 414px;
  margin-left: 0;
  margin-right: 0;
}

#create_repo .step2 .disabled {
  color: #aaa;
  font-style: italic;
}

#create_repo .step h3 {
  margin-bottom: 5px;
}

#create_repo .step3 input {
  border-radius: 5px;
  padding: 10px;
  height: 54px;
  line-height: 24px;
  font-size: 22px;
  width: 414px;
}

#create_repo .step3-2 input {
  width: 463px;
}

#create_repo h3.error {
  color: #DB332C;
}

#create_repo .error_message {
  color: #DB332C;
  font-size: 18px;
  margin-top: 5px;
}

.create_repo_form {
  border-right: 1px solid #eee;
}

#repo_faqs {
  padding-left: 25px;
}
#repo_faqs dl {
  margin-top: 25px;
}
#repo_faqs dl dt {
  font-size: 15px;
}
#repo_faqs dl dd {
  margin-bottom: 25px;
}

.grid-items-lines::after {
  clear: both;
  content: "";
  display: block;
}
.grid-items-lines {
  position: relative;
}
.grid-items-lines .grid-item {
  transition-timing-function: ease-in-out;
  transition: 0.2s;
  background: white;
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
  border-right: 1px solid rgba(51, 51, 51, 0.2);
  cursor: default;
  float: left;
  height: 14em;
  overflow: hidden;
  outline: none;
  padding: 2em;
  text-decoration: none;
  width: 100%;
}
@media screen and (min-width: 860px) {
  .grid-items-lines .grid-item {
    width: 33.3333333333%;
  }
}
.grid-items-lines .grid-item img {
  display: block;
  height: 2.5em;
  margin-bottom: 1.2em;
  opacity: 0.3;
}
.grid-items-lines .grid-item h1 {
  color: #333;
  font-size: 1.3em;
  margin-bottom: 0.4em;
}
.grid-items-lines .grid-item p {
  color: rgba(51, 51, 51, 0.6);
  line-height: 1.5em;
}
@media screen and (min-width: 640px) {
  .grid-items-lines .grid-item p {
    max-width: 70%;
  }
}
@media screen and (min-width: 860px) {
  .grid-items-lines .grid-item-big {
    width: 66.6666666667%;
  }
}
@media screen and (min-width: 640px) {
  .grid-items-lines .grid-item-big p {
    max-width: 60%;
  }
}
.grid-items-lines .bottom-cover {
  background: white;
  bottom: 0px;
  height: 3px;
  position: absolute;
  width: 100%;
}
.grid-items-lines .right-cover {
  background: white;
  height: 100%;
  position: absolute;
  right: 0px;
  width: 4px;
}

.table-minimal {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border-radius: 3px;
}
.table-minimal a {
  color: #0275d8;
}
.table-minimal.bordered {
  margin-bottom: 1em;
  border-radius: 4px;
}
.table-minimal.bordered tr td:first-of-type {
  border-left: 1px solid #e8e8e8;
}
.table-minimal.bordered tr td:last-of-type {
  border-right: 1px solid #e8e8e8;
}
.table-minimal.bordered tr:first-of-type td {
  border-top: 1px solid #e8e8e8;
}
.table-minimal.bordered tr:last-of-type td {
  border-bottom: 1px solid #e8e8e8;
}
.table-minimal thead th {
  background-color: white;
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
  padding: 0.625em 1em;
  text-align: left;
}
.table-minimal thead th:first-of-type {
  padding-left: 1em;
}
.table-minimal thead th:last-of-type {
  padding-right: 1em;
}
.table-minimal tbody tr {
  border-radius: 4px;
  height: 48px;
}
.table-minimal tbody tr.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.table-minimal tbody tr td {
  padding: 8px 16px;
  -moz-transition: all 0.1875s;
  -webkit-transition: all 0.1875s;
  transition: all 0.1875s;
}
.table-minimal tbody tr:hover > td:first-of-type {
  box-shadow: inset 4px 0 0 #42b5ff;
  border-radius: 0;
}
.table-minimal tbody tr:hover > td, .table-minimal tbody tr:hover > th {
  background-color: #efefef;
}
.table-minimal tbody tr:last-of-type > td {
  border-bottom: 1px solid #e8e8e8;
}
.table-minimal.basic tr:hover > td:first-of-type {
  box-shadow: none;
}
.table-minimal tbody {
  background-color: white;
}
.table-minimal tbody td {
  border-bottom: 1px solid #e8e8e8;
}
.table-minimal tbody td:first-of-type {
  padding-left: 1em;
}
.table-minimal tbody td:last-of-type {
  padding-right: 1em;
}
.table-minimal tbody td.download-link {
  font-size: 18px;
  text-align: center;
  padding-top: 1em;
}
.table-minimal tbody td.download-link a {
  text-decoration: none;
}
.table-minimal tbody td button {
  display: inline-block;
  font-size: 0.7em;
  line-height: 1.5em;
  margin-bottom: 0.3em;
  margin-right: 0.5em;
  outline: none;
  padding: 0.3em 1em;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .table-minimal tbody td button {
    margin-bottom: 0;
    width: auto;
  }
}

.front-page .new-footer-container {
  background: #f3f4f6;
}

.new-footer-container {
  width: 100%;
  color: #6b7280;
  padding: 4em 0;
  text-align: center;
}
.new-footer-container.small-footer {
  height: 88px;
}
.new-footer-container a {
  text-decoration: none;
}
.new-footer-container footer {
  padding: 0 20px;
  max-width: 1200px;
  margin: 0 auto;
}
.new-footer-container footer .footer-columns {
  display: flex;
  flex-wrap: wrap;
}
.new-footer-container footer .footer-columns .footer-link {
  color: #6b7280;
  font-size: 16px;
}
.new-footer-container footer .footer-columns .footer-link:hover {
  color: #6366f1;
}
.new-footer-container footer .footer-columns .footer-group {
  list-style-type: none;
  text-align: left;
  flex: 1;
  padding: 0 2em 0 0;
  margin-bottom: 2em;
}
.new-footer-container footer .footer-columns .footer-group .header {
  text-transform: uppercase;
  font-family: montserrat-black, sans-serif;
  font-size: 14px;
  color: #9ca3af;
  font-weight: bold;
  min-height: 38px;
}
.new-footer-container footer .footer-columns .footer-group .header p {
  font-size: 12px;
}
.new-footer-container footer .footer-columns .footer-group li {
  margin-bottom: 1em;
}
.new-footer-container footer .footer-columns .footer-group li span.corp {
  font-size: 16px;
  font-weight: bold;
  color: #E9E8FF;
}
.new-footer-container footer .redirect-arrow-footer {
  margin-top: 80px;
  width: 36px;
  height: 36px;
  background: #6366f1;
  border-radius: 50%;
  position: relative;
  float: right;
  right: 28px;
  bottom: 22px;
  cursor: pointer;
}
.new-footer-container footer .redirect-arrow-footer a {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.new-footer-container footer .redirect-arrow-footer svg {
  position: absolute;
  top: 25%;
  left: 25%;
  margin-left: -3px;
  margin-top: -4px;
}

.bottom {
  display: flex;
  justify-content: space-between;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid #e5e7eb;
  padding-top: 30px;
  width: 100%;
}
.bottom .bk-logo {
  border: 0 none;
}
.bottom-logo-img {
  content: url(/assets/logo_v1-d5895e7b89b2dee19030e85515fd0f91d8f3b37c82d218a6531fc89c2b1b613c.png);
  width: 175px;
  height: 40px;
  cursor: pointer;
}
.bottom-logo-copyright {
  font-size: 12px;
  padding-top: 10px;
  color: #9ca3af;
}
.bottom-subscribe-input {
  width: 200px;
  height: 38px;
  padding: 0px 8px;
  font-family: montserrat-regular, sans-serif;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background-color: #ffffff;
  background-size: cover;
  font-size: 14px;
}
.bottom-subscribe-input::placeholder {
  color: #9ca3af;
}
.bottom-subscribe-input:focus-visible {
  outline: none;
}
.bottom-subscribe-heading {
  color: #9ca3af;
  font-family: montserrat-black, sans-serif;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.bottom-subscribe-btn {
  padding: 0.6rem 1rem;
  border-radius: 0.25rem;
  color: white;
  font-family: montserrat-regular, sans-serif;
  font-size: 14px;
  font-weight: bold;
  background-color: #000000;
  transition: all 0.3s ease;
}
.bottom-subscribe-btn:hover {
  background-color: #6366f1;
}
.bottom-subscribe-btn:focus {
  background-color: #000000 !important;
}
.bottom-subscribe-confirm {
  width: 310px;
  display: none;
  font-weight: normal;
  font-family: montserrat-regular, sans-serif;
  font-size: 14px;
  text-transform: initial;
  color: #6b7280;
  margin-top: 10px;
}
.bottom-subscribe-confirm-mobile {
  display: none;
  font-weight: normal;
  font-family: montserrat-regular, sans-serif;
  font-size: 14px;
  text-transform: initial;
  color: #6b7280;
  margin-top: 10px;
}
.bottom-socials {
  margin: 24px 30px;
  margin-bottom: 20px;
}
.bottom-socials-icon {
  margin: 4px;
}
.bottom-socials-icon:hover svg g path {
  fill: #9CA3AF !important;
}
.bottom-status {
  font-size: 14px;
  margin: 24px 0px;
  margin-bottom: 30px;
}
.bottom-status .bstatus {
  white-space: nowrap;
}
.bottom-status .bstatus::before {
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 6px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.bottom-status .bstatus a {
  color: #6b7280;
  font-weight: bold;
}
.bottom-status .bstatus.green::before {
  background-color: #10b981;
}
.bottom-status .bstatus.yellow::before {
  background-color: yellow;
}
.bottom-status .bstatus.orange::before {
  background-color: orange;
}
.bottom-status .bstatus.red::before {
  background-color: red;
}

.footer-grey-mobile {
  display: none;
}
.footer-grey-mobile .active::after {
  transform: rotate(-180deg);
  margin-top: -48px;
  margin-right: 10px;
}
.footer-grey-mobile__container {
  padding-top: 16px;
}
.footer-grey-mobile__container-group a {
  color: #6B7280;
}
.footer-grey-mobile__container-group-header {
  height: 50px;
  background-color: #6b7281;
  cursor: pointer;
  padding: 1px;
  margin: 5px 0px;
  border-radius: 4px;
}
.footer-grey-mobile__container-group-header::after {
  content: url(/assets/front/arrow-down-1b5d9e18869d406004e2679a3fad91b285cc99689c5e68009e766821410fda8d.svg);
  float: right;
  margin-top: -43px;
  padding-right: 10px;
}
.footer-grey-mobile__container-group-header p {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.footer-grey-mobile__container-group-links {
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  text-align: left;
  max-height: 0;
  margin: 5px 0px;
}
.footer-grey-mobile__container-group-links-link {
  color: #6b7280;
  font-size: 16px;
}
.footer-grey-mobile__container-group-links-link:hover {
  color: #6366f1;
}
.footer-grey-mobile__container-group-links li {
  margin: 15px 0px;
}
.footer-grey-mobile__copyright {
  padding-top: 20px;
  color: #9CA3AF;
  font-size: 14px;
}

@media (max-width: 1030px) {
  .bottom-socials {
    display: none;
  }
}
@media (max-width: 992px) {
  footer .footer-navbar {
    z-index: 0 !important;
  }
  footer svg {
    z-index: 0 !important;
  }
}
@media (max-width: 750px) {
  .footer-desktop {
    display: none;
  }
  .footer-grey-mobile {
    display: block;
  }
  .redirect-arrow-footer {
    right: 0px;
  }
  .bottom-logo {
    margin-bottom: 40px;
  }
  .bottom-subscribe {
    text-align: left;
    padding-bottom: 25px;
    border-bottom: 1px solid #e5e7eb;
  }
  .bottom-subscribe-input {
    width: 100%;
    height: 50px;
  }
  .bottom-subscribe-btn {
    width: 100%;
    margin-top: 10px;
    height: 50px;
    font-size: 16px;
  }
  .bottom-subscribe-confirm {
    margin-top: 20px;
    margin-bottom: 0px;
  }
  .bottom-status {
    text-align: left;
    padding: 30px 0px 30px 5px;
    border-bottom: 1px solid #e5e7eb;
  }
}
@media (max-width: 735px) {
  .footer-form {
    text-align: left !important;
  }
  .new-footer-container .redirect-arrow-footer {
    margin-top: 35px !important;
  }
  .status-container {
    transform: translateY(-148px);
  }
  .status-section {
    margin-top: 7em;
  }
}
@media (max-width: 499px) {
  .footer-columns {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 416px) {
  .status-container {
    transform: translateY(-121px);
  }
}
@media (max-width: 364px) {
  .footer-columns {
    grid-template-columns: 1fr;
  }
  .footer-grey-mobile__container-group-header:after {
    padding-right: 0px;
  }
}
@media (max-width: 300px) {
  .footer-grey-mobile__container-group-header p {
    font-size: 14px;
  }
  .footer-grey-mobile__container-group-header:after {
    margin-top: -36px;
  }
}
@media (max-width: 1274px) {
  .nav > li > a {
    padding: 28px 10px;
  }
  .front-page {
    font-size: 16px;
  }
  .front-page .terminal-screen {
    font-size: 12px;
    width: 532px;
    height: 314px;
    background-size: 532px 314px;
  }
  .front-page .terminal-screen .terminal-container {
    top: 16px;
  }
  .front-page .stats-image-container {
    background-size: 532px 314px !important;
  }
  .front-page .pricing {
    padding: 0 28px;
  }
}
.form-flex {
  display: flex;
}

.click-once.disabled {
  pointer-events: none;
}

.text-field {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 1em;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.text-field.textarea {
  height: auto;
  font-family: inherit;
  overflow: auto;
}
.text-field.monospace {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.text-field[disabled=disabled], .text-field[disabled] {
  opacity: 0.4;
}

.field_with_errors {
  border-color: #DB332C;
  margin-bottom: 1em;
}
.field_with_errors label {
  color: #DB332C;
}

.alert {
  margin: 20px 0;
}

.error {
  border-color: #DB332C !important;
  padding-top: 5px;
  color: #DB332C !important;
}

.controls {
  margin-bottom: 1em;
}
.controls > .error ~ .error {
  margin-top: 0;
}

.text-field-2 {
  display: block;
  width: 100%;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.text-field-2:focus {
  outline: none !important;
  border-bottom: none;
  border: 1px solid #6366f1;
}
.text-field-2.textarea {
  height: auto;
  font-family: inherit;
  overflow: auto;
}
.text-field-2[disabled=disabled], .text-field-2[disabled] {
  opacity: 0.4;
}

.tables {
  border: 1px solid gainsboro;
  border-collapse: separate;
  border-left: 0;
  border-radius: 3px;
  border-spacing: 0;
  width: 100%;
  table-layout: fixed;
}
.tables.mobile {
  display: none;
}
.tables.mobile.always-show {
  display: table;
}
.tables span.smaller {
  font-size: 12px;
  color: #8e8e8e;
}
.tables tbody {
  background-color: rgb(250.6, 250.6, 250.6);
}
.tables tbody tr:hover > td, .tables tbody tr:hover > th {
  background-color: rgb(237.85, 237.85, 237.85);
}
.tables tbody tr:nth-child(even) {
  background-color: rgb(245.5, 245.5, 245.5);
}
.tables tbody tr:nth-child(even):hover > td {
  background-color: rgb(232.75, 232.75, 232.75);
}
.tables thead:first-of-type tr:first-child > th:first-child {
  border-top-left-radius: 3px;
}
.tables thead:first-of-type tr:first-child > th:last-child {
  border-top-right-radius: 3px;
}
.tables tbody:last-child tr:last-child > td:first-child {
  border-bottom-left-radius: 3px;
}
.tables tbody:last-child tr:last-child > td:last-child {
  border-bottom-right-radius: 3px;
}
.tables thead th {
  background-color: white;
  border-bottom: 0;
  border-left: 1px solid gainsboro;
  padding: 0.75em 1em;
  text-align: center;
}
.tables thead th.colheader {
  color: #fafafa;
}
.tables thead th.colheader.hosted {
  color: #000;
}
.tables thead th.colheader {
  border-bottom: 1px solid #eaeaea;
}
.tables tbody {
  background-color: rgb(250.6, 250.6, 250.6);
}
.tables tbody td {
  border-bottom: 0;
  border-left: 1px solid gainsboro;
  border-top: 1px solid gainsboro;
  padding: 0.75em 1em;
  text-align: center;
  vertical-align: middle;
}
.tables tbody td.green-check:before {
  content: "";
  height: 12px;
  width: 12px;
  border: 2px solid #eaeaea;
  border-radius: 6px;
  display: inline-block;
  background-color: #00ffae;
  margin-right: -6px;
}
.tables tbody td a {
  text-decoration: underline;
}
.tables tbody td a.btn {
  width: 100%;
  font-size: 14px;
  border: solid 1px #adadad;
  border-radius: 4px;
  color: #6f6868;
  text-decoration: none;
}
.tables tbody td a.btn:active, .tables tbody td a.btn:focus {
  color: inherit;
}
.tables tbody td a.btn:hover {
  color: #5ca567;
  background-color: #dedede;
}
.tables tbody td button {
  display: inline-block;
  font-size: 0.7em;
  line-height: 1.5em;
  margin-bottom: 0.3em;
  margin-right: 0.5em;
  outline: none;
  padding: 0.3em 1em;
  width: 100%;
}
@media screen and (min-width: 40em) {
  .tables tbody td button {
    margin-bottom: 0;
    width: auto;
  }
}

.flash-alert {
  font-family: "montserrat-regular", sans-serif;
  max-width: 1069px;
  background-color: #fff6bf;
  color: rgb(140, 120.3125, 0);
  border: 1px solid rgb(229.5, 221.4, 171.9);
  border-radius: 4px;
  display: block;
  margin: 1em 0 1em 0;
  padding: 0.7em 0 0.7em 0.7em;
  text-align: left;
}
.flash-alert a {
  color: rgb(140, 120.3125, 0);
  text-decoration: underline;
}
.flash-alert a:focus, .flash-alert a:hover {
  color: rgb(25.5, 24.6, 19.1);
}
.flash-alert p:first-of-type {
  margin-top: 0;
}
.flash-alert .close-flash {
  background: none;
  border: none;
  float: right;
  font-size: 1.5em;
  color: rgb(255, 224.484375, 38);
  top: -0.7em;
  position: relative;
  font-weight: bold;
}

.flash-danger {
  font-family: "montserrat-regular", sans-serif;
  max-width: 1069px;
  background-color: #f2dede;
  color: rgb(113.347826087, 44.652173913, 44.652173913);
  border: 1px solid rgb(217.8, 199.8, 199.8);
  border-radius: 4px;
  display: block;
  margin: 1em 0 1em 0;
  padding: 0.7em 0 0.7em 0.7em;
  text-align: left;
}
.flash-danger a {
  color: rgb(113.347826087, 44.652173913, 44.652173913);
  text-decoration: underline;
}
.flash-danger a:focus, .flash-danger a:hover {
  color: rgb(24.2, 22.2, 22.2);
}
.flash-danger p:first-of-type {
  margin-top: 0;
}
.flash-danger .close-flash {
  background: none;
  border: none;
  float: right;
  font-size: 1.5em;
  color: rgb(198.7608695652, 112.2391304348, 112.2391304348);
  top: -0.7em;
  position: relative;
  font-weight: bold;
}

.flash-notice {
  font-family: "montserrat-regular", sans-serif;
  max-width: 1069px;
  background-color: #e5edf8;
  color: rgb(36.2727272727, 77.7272727273, 134.7272727273);
  border: 1px solid rgb(206.1, 213.3, 223.2);
  border-radius: 4px;
  display: block;
  margin: 1em 0 1em 0;
  padding: 0.7em 0 0.7em 0.7em;
  text-align: left;
}
.flash-notice a {
  color: rgb(36.2727272727, 77.7272727273, 134.7272727273);
  text-decoration: underline;
}
.flash-notice a:focus, .flash-notice a:hover {
  color: rgb(22.9, 23.7, 24.8);
}
.flash-notice p:first-of-type {
  margin-top: 0;
}
.flash-notice .close-flash {
  background: none;
  border: none;
  float: right;
  font-size: 1.5em;
  color: rgb(108.4545454545, 153.5454545455, 215.5454545455);
  top: -0.7em;
  position: relative;
  font-weight: bold;
}

.flash-success {
  font-family: "montserrat-regular", sans-serif;
  max-width: 1069px;
  background-color: #d4edda;
  color: rgb(42.1967213115, 100.8032786885, 56.262295082);
  border: 1px solid rgb(190.8, 213.3, 196.2);
  border-radius: 4px;
  display: block;
  margin: 1em 0 1em 0;
  padding: 0.7em 0 0.7em 0.7em;
  text-align: left;
}
.flash-success a {
  color: rgb(42.1967213115, 100.8032786885, 56.262295082);
  text-decoration: underline;
}
.flash-success a:focus, .flash-success a:hover {
  color: rgb(21.2, 23.7, 21.8);
}
.flash-success p:first-of-type {
  margin-top: 0;
}
.flash-success .close-flash {
  background: none;
  border: none;
  float: right;
  font-size: 1.5em;
  color: rgb(104.1475409836, 191.8524590164, 125.1967213115);
  top: -0.7em;
  position: relative;
  font-weight: bold;
}

.flash-tip {
  font-family: "montserrat-regular", sans-serif;
  max-width: 1069px;
  background-color: #d6ecfc;
  color: rgb(10.9090909091, 90.9090909091, 149.0909090909);
  border: 1px solid rgb(192.6, 212.4, 226.8);
  border-radius: 4px;
  display: block;
  margin: 1em 0 1em 0;
  padding: 0.7em 0 0.7em 0.7em;
  text-align: left;
}
.flash-tip a {
  color: rgb(10.9090909091, 90.9090909091, 149.0909090909);
  text-decoration: underline;
}
.flash-tip a:focus, .flash-tip a:hover {
  color: rgb(21.4, 23.6, 25.2);
}
.flash-tip p:first-of-type {
  margin-top: 0;
}
.flash-tip .close-flash {
  background: none;
  border: none;
  float: right;
  font-size: 1.5em;
  color: rgb(71.4318181818, 169.9318181818, 241.5681818182);
  top: -0.7em;
  position: relative;
  font-weight: bold;
}

div.package-tab-list {
  font-size: 16px;
  position: absolute;
  right: 0px;
  top: 0px;
}
div.package-tab-list div.selected-filter .filter-desc .current-filter {
  cursor: pointer;
  padding: 0.5em 1em;
  min-height: 41px;
  text-align: center;
}
div.package-tab-list div.selected-filter .filter-desc .current-filter.disabled {
  opacity: 0.5;
}
div.package-tab-list div.selected-filter .filter-desc .current-filter span {
  vertical-align: middle;
}
div.package-tab-list div.selected-filter .filter-desc .current-filter img {
  float: left;
  margin-right: 8px;
}
div.package-tab-list div.selected-filter .filter-desc .current-filter:not(.disabled):hover, div.package-tab-list div.selected-filter .filter-desc .current-filter:focus {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
div.package-tab-list div.selected-filter .filter-desc .current-filter:not(.disabled):hover .package-tabs, div.package-tab-list div.selected-filter .filter-desc .current-filter:focus .package-tabs {
  display: block;
  margin: 6px 0;
}
div.package-tab-list div.selected-filter .filter-desc .current-filter ul.package-tabs {
  min-width: 100%;
  display: none;
  right: 1px;
  top: 34px;
  z-index: 3;
  position: absolute;
  background-color: #f3f3f3;
  border: 1px solid #e8e8e8;
  border-top: none;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
div.package-tab-list div.selected-filter .filter-desc .current-filter ul.package-tabs li {
  min-height: 48px;
  width: 100%;
  border: none;
  border-radius: 0;
  white-space: nowrap;
}
div.package-tab-list div.selected-filter .filter-desc .current-filter ul.package-tabs li:hover {
  background-color: rgb(179.25, 179.25, 179.25);
}
div.package-tab-list div.selected-filter .filter-desc .current-filter ul.package-tabs li:hover a {
  color: #fff;
}
div.package-tab-list div.selected-filter .filter-desc .current-filter ul.package-tabs li a {
  color: #424086;
  display: inline-flex;
  padding: 0.6em;
  text-decoration: none;
}
div.package-tab-list div.selected-filter .filter-desc .current-filter ul.package-tabs li span.glyphicon,
div.package-tab-list div.selected-filter .filter-desc .current-filter ul.package-tabs li img {
  font-size: 23px;
  vertical-align: middle;
}

.newsletter {
  border-top: 6px solid #d7c4e8;
  padding: 2em;
  background-color: #9147d8;
}
.newsletter .contents {
  display: flex;
  color: #fff;
}
.newsletter .contents .title-desc {
  flex: 1;
}
.newsletter .contents .title-desc h4 {
  font-size: 30px;
  margin-bottom: 0;
}
.newsletter .contents .title-desc p {
  margin-top: 0;
  width: 70%;
}
.newsletter .contents .form-container {
  display: flex;
  flex: 1;
  font-size: 1.6em;
  padding: 2em 0;
}
.newsletter .contents .form-container input[type=text] {
  font-size: 1em;
  flex: 2;
  padding: 6px 12px;
}
.newsletter .contents .form-container .flat-btn {
  color: #fff;
  font-size: 1em;
  flex: 1;
  padding: 8px 16px;
  background-color: #6149d7;
  border: 0;
}
@media (max-width: 992px) {
  .newsletter .contents {
    display: block;
  }
  .newsletter .contents .title-desc {
    text-align: center;
  }
  .newsletter .contents .title-desc p {
    width: inherit;
  }
  .newsletter .contents .form-container {
    display: block;
    padding: inherit;
  }
  .newsletter .contents .form-container * {
    width: 100%;
    margin-top: 18px;
  }
}

p {
  font-family: montserrat-regular, sans-serif;
}

.product-page {
  margin: 0 auto;
  max-width: 1440px;
  padding-top: 70px;
}

.product-signup {
  display: flex;
  justify-content: space-between;
  background: #fafafa;
  transition: height 0.6s;
}
.product-signup__left {
  width: 100%;
  position: relative;
  padding: 30px 70px;
}
.product-signup__left-container {
  position: relative;
  max-width: 440px;
  margin: 0 auto;
}
.product-signup__left-heading {
  font-family: montserrat-black, sans-serif;
  font-weight: bold;
  font-size: 22px;
  color: black;
  max-width: 330px;
  position: relative;
  margin: 15px 0px;
}
.product-signup__left-github {
  border-top: 1px solid #e5e7eb;
  position: relative;
}
.product-signup__left-github-or {
  margin: -11px 120px 10px 120px;
  background: #fafafa;
  font-size: 16px;
  text-align: center;
}
.product-signup__left-github-btn {
  background-color: black;
  width: 100%;
  font-family: montserrat-bold, sans-serif;
  font-weight: bold;
  font-size: 16px;
  padding: 0.7rem 1rem;
}
.product-signup__left-github-btn:before {
  content: "";
  background: url(/assets/front/pc-signup-github-5a9408ea765b9632802bfb290a35ab756de370f1410fe07ef35e0bef61c44582.svg) no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 9px;
  width: 25px;
  height: 25px;
}
.product-signup__left-github-btn:hover {
  background-color: #3e46db;
}
.product-signup__left-terms {
  font-size: 12px;
  position: relative;
}
.product-signup__left-terms a {
  font-weight: bold;
  color: #42affb;
  text-decoration: none;
}
.product-signup__right {
  width: 100%;
  background-image: linear-gradient(155deg, #6670eb 4%, #5d34ab 100%);
  color: white;
  position: relative;
  padding: 30px 70px;
  margin: 0 auto;
}
.product-signup__right-left {
  margin-right: 20px;
}
.product-signup__right-heading {
  max-width: 822px;
  margin: 20px auto;
  font-family: montserrat-bold, sans-serif;
  font-size: 22px;
  font-weight: bold;
  position: relative;
}
.product-signup__right-container {
  display: flex;
}
.product-signup__right-feature {
  max-width: 259px;
  height: 64px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 5px;
  display: flex;
  align-items: center;
  margin: 20px 0px;
  padding: 20px 0px;
}
.product-signup__right-feature img {
  width: 25px;
  height: 25px;
  margin: 10px;
}
.product-signup__right-feature-text {
  color: white;
  font-size: 16px;
  padding-right: 10px;
}
.product-signup.short {
  background-image: linear-gradient(292deg, #9147d8, #2a1f63);
  height: 100px;
  min-height: inherit;
  background-size: contain;
}
.product-signup .hero-container {
  padding: 5.25em 2em 0;
}
.product-signup .hero-container .btn.primary {
  margin: 1em auto;
}
.product-signup .hero-container h1.main-headline {
  text-align: left;
  color: #ffffff;
  font-weight: 400;
  font-size: 32px;
  width: 100%;
}
.product-signup .hero-container h1.main-headline span {
  background-color: transparent;
  transition: background-color 0.125s linear;
  -webkit-transition: background-color 0.125s linear;
}
.product-signup .hero-container h1.main-headline span.highlight {
  background-color: #8141c6;
}
.product-signup .hero-container .subhead {
  text-align: left;
  font-size: 20px;
  font-weight: 400;
  margin: 0 auto;
  color: #C4C5F9;
  font-family: "Courier Prime", "Courier New", monospace;
}
.product-signup .hero-container .cli-callout {
  font-size: 18px;
  color: #C4C5F9;
  text-align: center;
  padding-bottom: 1em;
  width: 80%;
  margin: 0.5em auto 1em;
}
.product-signup .hero-container .cli-callout a {
  color: #fff;
}
.product-signup .hero-container .form-container {
  width: 100%;
  margin-top: 40px;
  text-align: left;
}
.product-signup .hero-container .form-container .cta-subhead {
  color: #fff;
  text-align: center;
  font-size: 14px;
  width: 65%;
  margin: 24px auto;
}
.product-signup .hero-container .form-container .cta-subhead a {
  color: #58cd30;
}
.product-signup .hero-container .form-container .btn.success {
  font-size: 1.4em;
  font-weight: 400;
}
.product-signup .hero-container .form-control {
  height: 52px;
  font-size: 0.9em;
  line-height: 1.22;
}
.product-signup .username-alert:after {
  content: "Username";
  position: absolute;
  color: black;
  top: -57px;
  left: 9px;
  background: white;
  padding: 0px 4px;
  font-size: 12px;
}
.product-signup .email-alert:after {
  content: "Email Address";
  position: absolute;
  color: black;
  top: -56px;
  left: 10px;
  background: white;
  padding: 0px 4px;
  font-size: 12px;
}
.product-signup .repository-alert:after {
  content: "Repository Name";
  position: absolute;
  color: black;
  top: -57px;
  left: 10px;
  background: white;
  padding: 0px 4px;
  font-size: 12px;
}
.product-signup .phone-alert:after {
  content: "Phone Number";
  position: absolute;
  color: black;
  top: -56px;
  left: 12px;
  background: white;
  padding: 0px 4px;
  font-size: 12px;
  z-index: 4;
}
.product-signup .terms-link {
  color: #42affb !important;
  font-weight: bold !important;
  cursor: pointer !important;
}

@media (max-width: 1200px) {
  .product-signup {
    flex-direction: column;
  }
  .product-signup__right-container {
    justify-content: center;
  }
  .product-signup__right-feature {
    max-width: 100%;
    margin: 20px 0px;
    padding-right: 10px;
  }
}
@media (max-width: 650px) {
  .product-signup__left {
    padding: 30px;
  }
  .product-signup__right {
    padding: 30px;
  }
  .product-signup__right-container {
    flex-direction: column;
    margin: 0px;
  }
  .product-signup__right-feature {
    margin: 20px 0px 0px 0px;
  }
  .product-signup__right-left {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 499px) {
  .product-page {
    margin: 0;
  }
  .username-alert:after {
    top: 37px;
  }
  .email-alert:after {
    top: 104px;
  }
  .repository-alert:after {
    top: 170px;
  }
}
@media (max-width: 450px) {
  .product-signup__right {
    padding: 30px;
  }
}
@media (max-width: 406px) {
  .phone-box .summary {
    top: 96px !important;
  }
}
@media (max-width: 395px) {
  .btn.btn-submit.btn-block.btn-verify.register:after {
    display: none;
  }
}
.learn-more-cards {
  background-color: #ffffff;
  color: #eaeaea;
  padding: 3em;
}
.learn-more-cards .title {
  text-align: center;
  font-size: 1.4em;
  margin-bottom: 2em;
}
.learn-more-cards .learn-more-cards-container {
  display: flex;
  margin: 0 auto 3em;
  max-width: 1300px;
}
.learn-more-cards .learn-more-cards-container.two-up {
  margin: 0 auto;
  max-width: 804px;
}
.learn-more-cards .learn-more-cards-container .learn-more-card {
  flex: 1;
  min-height: 308px;
  max-width: 348px;
  margin: 0 auto;
  position: relative;
}
.learn-more-cards .learn-more-cards-container .learn-more-card:last-of-type {
  padding-right: 0;
}
.learn-more-cards .learn-more-cards-container .learn-more-card p {
  font-size: 0.9em;
  padding: 0 22px;
}
.learn-more-cards .learn-more-cards-container .learn-more-card .btn {
  text-align: center;
}
.learn-more-cards .learn-more-cards-container .learn-more-card .btn.block.secondary {
  color: #fff;
  font-weight: bold;
  min-height: 50px;
  padding: 1em 0;
}
.learn-more-cards .learn-more-cards-container .learn-more-card .image-container {
  text-align: center;
}
.learn-more-cards .learn-more-cards-container .learn-more-card h3 {
  font-weight: bold;
}
.learn-more-cards .learn-more-cards-container .learn-more-card .button-container {
  text-align: center;
  margin-top: 2em;
}
.learn-more-cards .learn-more-cards-container .learn-more-card a.secondary {
  position: absolute;
  bottom: 0;
  max-width: 90%;
}
.learn-more-cards.dark .pkg-sprite {
  background-image: url(/assets/pkg-logo-sprite-dark-f8806fc1232868b53da4db82804a638ab253acd91b1e9c278703f130d523c692.png);
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .learn-more-cards.dark .pkg-sprite {
    background-image: url(/assets/pkg-logo-sprite-dark_2x-33fbcf8c9cf72233ae6ae73b008e91c56a33516fbf2c0c932f43a38297f6f542.png);
    background-size: 546px 161px;
  }
}
@media screen and (max-width: 860px) {
  .learn-more-cards {
    padding: 1em;
  }
  .learn-more-cards .title {
    margin-bottom: 0;
  }
  .learn-more-cards .learn-more-cards-container {
    display: block;
    margin-bottom: 0;
  }
  .learn-more-cards .learn-more-cards-container .learn-more-card {
    margin: 0;
    max-width: initial;
  }
  .learn-more-cards .learn-more-cards-container .learn-more-card a.secondary {
    max-width: inherit;
  }
}

.pkg-sprite {
  background: url(/assets/pkg-logo-sprite-75a187534fa60233649b3b8f1b8a9a41f4854290629b03497f485ed4ff09f87b.png) no-repeat;
  display: inline-block;
}
.pkg-sprite.debian-image {
  background-position: -100px 0;
  width: 51px;
  height: 63px;
}
.pkg-sprite.python-image {
  background-position: 0 0;
  width: 59px;
  height: 60px;
}
.pkg-sprite.maven-image {
  background-position: -201px 0;
  width: 155px;
  height: 43px;
  margin: 0.5em 0;
}
.pkg-sprite.rpm-image {
  background-position: -195px -100px;
  width: 106px;
  height: 55px;
}
.pkg-sprite.rubygems-image {
  background-position: -100px -101px;
  width: 55px;
  height: 59px;
}
.pkg-sprite.clojar-image {
  background-position: 0 -100px;
  width: 38px;
  height: 61px;
}
.pkg-sprite.node-image {
  background-position: -322px -100px;
  width: 136px;
  height: 61px;
}
.pkg-sprite.packagecloud-js-image {
  background-position: -365px 0;
  width: 136px;
  height: 61px;
}
.pkg-sprite.io-packagecloud-image {
  background-position: -491px -82px;
  width: 55px;
  height: 73px;
  display: inline-block;
}

.server-image {
  background-image: url(/assets/features/server-53f62aff5c3ad8f1450090d2dd10425e4576a9a0127f8583fd37f0df0f343781.svg);
  background-repeat: no-repeat;
  width: 74px;
  height: 74px;
  display: inline-block;
}

.cloud-image {
  background-image: url(/assets/features/cloud-451b863354ee35aab5d13689255ac9f8b54fe190dca53a1c1ce7e7e828ccd4ed.svg);
  background-repeat: no-repeat;
  width: 74px;
  height: 74px;
  display: inline-block;
}

.wind-image {
  background-image: url(/assets/features/wind-4d3d38f659b7b24b862e16ca96d4a0e1e83a67426844490d9b76b8f38d7d5fdb.svg);
  background-repeat: no-repeat;
  width: 74px;
  height: 74px;
  display: inline-block;
}

.share-image {
  background-image: url(/assets/features/share-c9b42a669c1a479abb3b55382d6692ef33888ecee6599529457d26a6f57ca16e.svg);
  background-repeat: no-repeat;
  width: 74px;
  height: 74px;
  display: inline-block;
}

.boxes-image {
  background-image: url(/assets/features/boxes-efe10f65584ef600e3edec08cc3ec2fa76e44bfb74dc373652ecaf6b82b32463.svg);
  background-repeat: no-repeat;
  width: 74px;
  height: 74px;
  display: inline-block;
}

.globe-image {
  background-image: url(/assets/features/globe-9bc68fa105bbf35239192b1e16ef46af1a8d2fb2f41f62b3f701dad3e17507cb.svg);
  background-repeat: no-repeat;
  width: 74px;
  height: 74px;
  display: inline-block;
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .debian-image,
  .python-image,
  .rubygems-image,
  .maven-image,
  .rpm-image,
  .clojar-image,
  .node-image,
  .packagecloud-js-image,
  .io-packagecloud-image {
    background-image: url(/assets/pkg-logo-sprite_2x-0333f515876fcf2e432d5b48ac724818a7bf0b69b64ae83e80271b338171414b.png);
    background-size: 546px 161px;
  }
}
input[type=search]::placeholder {
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
}

.tools-container {
  display: flex;
  width: 100%;
  margin: 1em 0;
}
.tools-container .search,
.tools-container .add-package-container {
  display: inline-block;
}
.tools-container .search {
  flex: 1;
  position: relative;
}
.tools-container .search form .bordered-search-bar {
  border: 1px solid #e8e8e8;
  padding: 6px;
  border-radius: 4px;
  color: #5f5f5f;
}
.tools-container .search .btn.small {
  position: absolute;
  top: 7px;
  right: 7px;
}
.tools-container .search .btn.small:focus, .tools-container .search .btn.small:active {
  color: #fff;
  background-color: #42b5ff;
  border-color: #42b5ff;
}
.tools-container .add-package-container {
  margin-left: 0.8em;
}
.tools-container .add-package-container .btn {
  min-height: 39px;
}
.tools-container .extra-search-options {
  width: 100%;
  background-color: #ffffff;
  text-align: right;
  font-style: italic;
  overflow: hidden;
  font-size: 14px;
  padding: 0.5em 0;
}
.tools-container .extra-search-options .toggle {
  cursor: pointer;
  user-select: none;
  color: #6366f1;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
}
.tools-container .extra-search-options.opened .expandable-fields {
  display: block;
}
.tools-container .extra-search-options .expandable-fields {
  display: none;
  border-radius: 4px;
  margin-top: 1em;
  border: 1px solid #e8e8e8;
  padding: 0.5em;
  font-style: italic;
  color: #555;
  text-align: left;
}
.tools-container .extra-search-options .expandable-fields select#filter {
  width: 100%;
  margin-bottom: 0.5em;
}

.search form {
  border: none;
}
.search form .glyphicon {
  font-size: 0.9em;
  margin-left: 3px;
  top: 3px;
}
.search .search-query {
  display: inline-block;
  width: 94%;
}
.search .search-query .glyphicon {
  color: #888888;
}
.search input[type=search] {
  border: none;
  vertical-align: middle;
  width: 80%;
  font-weight: bold;
}
.search input[type=search]:focus {
  outline: none;
}
.search input[type=search]::-webkit-input-placeholder {
  color: #696969;
}
.search input[type=search]::-moz-placeholder {
  color: #696969;
}
.search input[type=search]:-ms-input-placeholder {
  color: #696969;
}
.search input[type=search] :-moz-placeholder {
  color: #696969;
}

.search-page .search {
  position: relative;
  top: 0 !important;
  right: 0 !important;
}
.search-page .search hr {
  margin-top: 8px;
  margin-bottom: 8px;
}
.search-page .search.form-container {
  margin-right: 16px;
}
.search-page .search .button-container {
  padding: 1em 0;
  border-top: 1px solid #eaeaea;
}
.search-page .search .glyphicon-search {
  position: absolute;
  top: 15px;
  left: 10px;
  color: #aaa;
  z-index: 2;
}
.search-page .search input[type=search] {
  width: 194px;
  padding-left: 30px;
  height: 34px;
  border: 1px solid #eaeaea;
  border-radius: 4px;
}
.search-page .search input[type=search]:focus {
  outline: none;
}

.packages-list-container {
  margin-bottom: 1em;
  overflow: scroll;
  max-height: 288px;
}
.packages-list-container .distInfo {
  padding-bottom: 1em;
}
.packages-list-container .distInfo:last-of-type {
  border-bottom: 0;
}
.packages-list-container .distInfo .distName {
  display: inline-block;
  padding-bottom: 3px;
  font-weight: bold;
}
.packages-list-container + .button-container .btn {
  margin-right: 0.5em;
}

.nav-tabs li > a {
  padding: 10px 14px;
}

.packages-list table.table-minimal td {
  padding: 12px 18px;
}
.packages-list table.table-minimal td.description {
  font-size: 12px;
  line-height: 18px;
  color: #ccc;
}
.packages-list table.table-minimal td.more {
  font-size: 13px;
  line-height: 16px;
  color: #aaa;
}
.packages-list table.table-minimal td.install a {
  font-size: 13px;
  color: #42b5ff;
  text-decoration: none;
}
.packages-list table.table-minimal td.install span:hover {
  color: #fff;
}
.packages-list table.table-minimal thead th.select-package {
  border-right: 1px dashed #e8e8e8;
  text-align: center;
  user-select: none;
  border-bottom: 1px dashed #e8e8e8;
}
.packages-list table.table-minimal thead th.select-package .glyphicon-check {
  color: #42b5ff;
}
.packages-list table.table-minimal thead th.package-name {
  padding-left: 12px;
  text-align: left;
}
.packages-list table.table-minimal thead th.type-icon {
  text-align: center;
}
.packages-list table.table-minimal thead th.delete-package {
  text-align: center;
}
.packages-list table.table-minimal tbody tr:last-of-type {
  border-bottom: 1px solid #e8e8e8;
}
.packages-list table.table-minimal tbody tr:last-of-type td.checkbox-cell {
  border-bottom: 1px solid #e8e8e8;
}
.packages-list table.table-minimal tbody td.package-info-details {
  max-width: 242px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.packages-list table.table-minimal tbody td.package-info-details .name.with-count:before {
  content: attr(data-count) ".";
  color: #a5a5a5;
}
.packages-list table.table-minimal tbody td.package-info-details .package-type-icon {
  background-position: 0;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
}
.packages-list table.table-minimal tbody td.package-info-details .package-type-icon.deb {
  background-image: url(/assets/repo_icons/24/debian-e45d89598bbf1a5286d60cfb89f672eba158eec3f4d0000a5c5ae8067dcccbd6.png);
}
.packages-list table.table-minimal tbody td.package-info-details .package-type-icon.rpm {
  background-image: url(/assets/repo_icons/24/rpm-baa9a5aacd06e1e95c7b082ef3793e19fb07a9ad127debfc92966333f13cd398.png);
}
.packages-list table.table-minimal tbody td.package-info-details .package-type-icon.gem {
  background-image: url(/assets/repo_icons/24/ruby-33fe33c2b7c98521d5b42b2d765b57d52b15ef8135fc778164efd54d1de92db8.png);
}
.packages-list table.table-minimal tbody td.package-info-details .package-type-icon.py {
  background-image: url(/assets/repo_icons/24/python-09876baf1e019372ad70d629470bb23bd09f82dc3a3613ec9026ed6ef46153d5.png);
}
.packages-list table.table-minimal tbody td.package-info-details .package-type-icon.java {
  background-image: url(/assets/repo_icons/24/java-f27584d99efe8deeff749794d6d23fee1a5d8929f508d5650d63e150b3b3b76d.png);
}
.packages-list table.table-minimal tbody td.package-info-details .package-type-icon.node {
  width: 100%;
  height: 24px;
  background: transparent url(/assets/repo_icons/24/node-92f4545d17173698c7a28b104dd7bae9981430d9e3f3f59ae126dc31844e2f60.png) no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .packages-list table.table-minimal tbody td.package-info-details .package-type-icon.node {
    /* on retina, use image that's scaled by 2 */
    background: transparent url(/assets/repo_icons/24/node_2x-0784254f744c77e2509f2eed0287320b6512bb3fce8952c398f958d244d080b4.png) no-repeat;
    background-size: 24px 24px;
  }
}
.packages-list table.table-minimal tbody td.package-info-details .package-type-icon.node {
  width: 24px;
  height: 24px;
}
.packages-list table.table-minimal tbody td.package-info-details .package-type-icon.android {
  background-image: url(/assets/repo_icons/24/android-6ff24b2519b94c9f6991b6d0adf7be5988be803e62de42c90cec47a2c3b922b5.png);
}
.packages-list table.table-minimal tbody td.package-info-details .package-type-icon.helm {
  background-image: url(/assets/repo_icons/24/helm-1cdf33a6bd68acc110288eaddc3cb877f079094db0abfb72e62576b7d97aad69.png);
}
.packages-list table.table-minimal tbody td.package-info-details .name {
  display: inline-block;
  vertical-align: middle;
}
.packages-list table.table-minimal tbody td.checkbox-cell, .packages-list table.table-minimal tbody td.package-icon-cell {
  width: 45px;
}
.packages-list table.table-minimal tbody td.checkbox-cell {
  text-align: center;
  border-right: 1px dashed #e8e8e8;
  border-left: 1px dashed #e8e8e8;
  border-bottom: none;
  position: relative;
}
.packages-list table.table-minimal tbody td.checkbox-cell label {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 12px;
  -webkit-user-select: none;
}
.packages-list table.table-minimal tbody td.delete-package {
  text-align: center;
}
.packages-list ol.results .empty-list-tips ul {
  padding: 0;
}
.packages-list ol.results .empty-list-tips ul li {
  padding: 0;
  list-style-type: decimal;
  margin-left: 2em;
}
.packages-list ol.results .empty-list-tips ul li:before {
  content: "";
}
.packages-list ol.results li {
  list-style: none;
  padding-left: 1.25em;
}
.packages-list ol.results li:before {
  content: attr(data-count) ".";
  position: relative;
  top: 28px;
  left: -23px;
  color: #777777;
}

.package-actions {
  font-size: 16px;
  margin-bottom: 0;
  position: relative;
  top: -2px;
}
.package-actions .btn.primary.small {
  height: 40px;
}
.package-actions .actions-container {
  display: inline-block;
  border-left: 1px solid #d4d4d4;
  padding-left: 8px;
}
.package-actions .actions-container.disabled {
  opacity: 0.45;
  pointer-events: none;
}
.package-actions .actions-container .select-packages-modal {
  display: inline-block;
  vertical-align: middle;
}
.package-actions > * {
  vertical-align: top;
  margin: 0 !important;
}
.package-actions > *:focus {
  outline: none;
}
.package-actions .actions-container .btn.primary.block {
  margin-bottom: 0;
}
.package-actions .actions-container .btn.danger.block {
  margin-bottom: 0;
}
.package-actions input[name=selectAll] {
  display: none;
}

.cookie-popover {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f7f7f7;
  color: #fff;
  position: fixed;
  width: 90%;
  z-index: 99999;
  padding-left: 16px;
  max-width: 810px;
  margin: 1% auto;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  border: 1px solid #cecece;
  box-shadow: inset 3px 0px 0px #42b5ff;
  color: #4c4b4b;
  border-left: none;
}
.cookie-popover p {
  font-size: 14px;
  line-height: 22px;
  flex: 2;
}
.cookie-popover .button-container {
  flex: 0;
  text-align: center;
  padding-right: 2em;
}
.cookie-popover .button-container a.close {
  color: #7accf3;
  border-radius: 16px;
  background: none;
  border: 1px solid;
  padding: 8px 8px;
  line-height: 0;
  font-size: 14px;
}

button.social-login img {
  height: 30px;
  width: 30px;
  vertical-align: middle;
}
button.social-login {
  margin-bottom: 4px;
}

div.social-login--login {
  padding-top: 0;
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 4px;
}
div.social-login--login .separator {
  display: flex;
  align-items: center;
}
div.social-login--login .separator .line {
  height: 3px;
  flex: 1;
  background-color: #333;
}
div.social-login--login .separator h2 {
  color: #333;
  padding: 0 2rem;
}

div.social-login--signup {
  padding-top: 0;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 8px;
}
div.social-login--signup .separator {
  display: flex;
  align-items: center;
}
div.social-login--signup .separator .line {
  height: 3px;
  flex: 1;
  background-color: #333;
}
div.social-login--signup .separator h2 {
  color: #333;
  padding: 0 2rem;
}

@media (min-width: 650px) {
  div.social-login--signup {
    padding: 8px 30px;
  }
}
@media (min-width: 800px) {
  div.social-login--signup {
    padding: 8px 65px;
  }
}
@media (min-width: 850px) {
  div.social-login--signup {
    padding: 8px 80px;
  }
}
@media (min-width: 890px) {
  div.social-login--signup {
    padding: 8px 100px;
  }
}
@media (min-width: 960px) {
  div.social-login--signup {
    padding: 8px 12px;
  }
}
.announcement-row {
  display: block;
  background: #6366f1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color 0.2s ease;
}
.announcement-row span {
  display: inline-block;
  transform: translateX(0);
  transition: 0.2s ease transform;
}
.announcement-row:hover {
  background-color: #3e46db;
}
.announcement-row:hover span {
  transform: translateX(2px);
}

.new-navbar {
  background-color: #f3f4f6;
  position: relative;
  height: 90px;
  margin-bottom: 20px;
  transition: background-color 0.3s, height 0.6s, opacity 0.3s;
  z-index: 5 !important;
}
.new-navbar .nav-group {
  list-style-type: none;
  display: flex;
  justify-content: flex-end;
  margin-right: 30px;
}
.new-navbar .nav-group .phone {
  position: relative;
  transform: translate(0px, 1px);
}
.new-navbar .nav-group .phone a {
  font-weight: normal !important;
}
.new-navbar .nav-group .phone a:hover {
  background-color: transparent !important;
  color: black !important;
}
.new-navbar .nav-group .phone::before {
  content: "";
  position: absolute;
  background-image: url(/assets/phone-icon-e5bf3a2a959f434ad6436dba0065318b7bae9b131ec7406353128c17fe769578.svg);
  width: 23px;
  height: 23px;
  top: 0;
  bottom: 0;
  right: 0;
  left: -12px;
}
.new-navbar .inner-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  max-width: 1380px;
  justify-content: space-between;
  margin: 0px auto;
}
.new-navbar .navbar-header {
  display: flex;
  align-items: center;
  height: 100% !important;
}
.new-navbar .navbar-header svg {
  transition: height 0.6s;
}
.new-navbar .navbar-header .navbar-brand {
  display: flex;
  align-items: center;
  color: #ffffff;
  text-decoration: none;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
.new-navbar .navbar-header .navbar-brand:hover, .new-navbar .navbar-header .navbar-brand:focus {
  color: #bcc3e4;
}
.new-navbar .navbar-items {
  flex: 1;
}
.new-navbar.new-navbar-top {
  position: sticky;
  top: 0;
  display: flex;
  z-index: 2;
  margin: 0 auto;
  height: 100px;
  width: 100%;
  padding: 0 123px;
}
.new-navbar .new-nav {
  list-style-type: none;
  height: 20px;
  justify-content: space-between;
}
.new-navbar .new-nav .dropdown {
  position: relative;
}
.new-navbar .new-nav .dropdown::after {
  content: url(/assets/pc-nav-dropdown-black-e0d87dc9751b49cf9daa80488f546bc96010c8710f23d3c54e7bc2bbe11ac749.svg);
  position: absolute;
  font-size: 12px;
  right: 5px;
  top: 1px;
  cursor: pointer;
  border-radius: 4px;
}
.new-navbar .new-nav .dropdown:hover a {
  color: #6670eb;
  background-color: white;
}
.new-navbar .new-nav .dropdown:hover::after {
  content: url(/assets/pc-nav-dropdown-32cd70864bcef9fd50e0fb62e597d4f0d34645d785d1baaf63dda6f4f795a1b7.svg);
}
.new-navbar .new-nav .spacing-pointer {
  margin-left: 12px;
}
.new-navbar .new-nav.navbar-nav .spacer {
  flex-grow: 2;
}
.new-navbar .new-nav.navbar-nav .arrow {
  transition: transform 0.3s;
  position: absolute;
  left: 96%;
}
.new-navbar .new-nav.navbar-nav .arrow svg {
  height: 10px;
}
.new-navbar .new-nav.navbar-nav li a {
  font-size: 14px;
  color: black;
  font-weight: bold;
  overflow: hidden;
  text-decoration: none;
  padding: 10px 15px;
  margin: 0 4px;
  border-radius: 4px;
}
.new-navbar .new-nav.navbar-nav li a:hover {
  color: #6670eb;
  background-color: white;
}
.new-navbar .new-nav.navbar-nav li .products, .new-navbar .new-nav.navbar-nav li .resources {
  padding: 10px 23px 10px 13px !important;
}
.new-navbar .new-nav.navbar-nav li .products::after, .new-navbar .new-nav.navbar-nav li .resources::after {
  content: "";
  position: absolute;
  left: 4px;
  bottom: -12px;
  width: calc(100% - 8px);
  height: 6px;
  cursor: default;
}
.new-navbar .new-nav.navbar-nav li a.pointer {
  cursor: pointer;
}
.new-navbar .new-nav.navbar-nav li .dropdown-list {
  width: 775px;
  border-radius: 6px;
  position: absolute;
  top: 33px;
  left: 4%;
  padding: 30px 0px;
  z-index: 10;
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  list-style: none;
  display: flex;
  justify-content: space-around;
  align-items: left;
}
.new-navbar .new-nav.navbar-nav li .dropdown-list2 {
  width: 300px;
  justify-content: left;
  padding: 30px;
}
.new-navbar .new-nav.navbar-nav li .dropdown-list2-div {
  width: 100%;
}
.new-navbar .new-nav.navbar-nav li .dropdown-list .dropdown-list-link {
  display: block;
  font-weight: normal !important;
  padding: 8px 0px;
  color: black;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
  text-decoration: none;
}
.new-navbar .new-nav.navbar-nav li .dropdown-list .dropdown-list-link:hover {
  color: #6670eb;
}
.new-navbar .new-nav.navbar-nav li .no-display {
  display: none;
}
.new-navbar .new-nav.navbar-nav li #products:hover .no-display {
  display: flex;
}
.new-navbar .new-nav.navbar-nav li #resources:hover .no-display {
  display: flex;
}
.new-navbar .new-nav.navbar-nav li .signup-btn {
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  color: white;
  font-weight: bold;
  background-color: #6366f1;
  transition: background-color 300ms;
}
.new-navbar .new-nav.navbar-nav li .signup-btn:hover,
.new-navbar .new-nav.navbar-nav li .signup-btn:focus {
  background-color: #3e46db !important;
  color: white !important;
}
.new-navbar .new-nav > li {
  float: left;
  position: relative;
  display: block;
}
.new-navbar .new-nav > li > a {
  text-decoration: none;
  padding: 28px 16px;
}
.new-navbar .new-nav .navbar-links {
  flex-grow: 1;
}
.new-navbar .navbar-link {
  font-family: montserrat-bold, sans-serif !important;
  font-weight: bold !important;
}

.products-subheading {
  color: black;
  align-items: center;
  display: flex;
  padding-bottom: 10px;
  border-bottom: 1px solid #6366f1;
}
.products-subheading-heading {
  text-decoration: uppercase;
  font-size: 12px;
  font-family: montserrat-bold, sans-serif;
  font-weight: bold;
  margin-left: 8px;
  margin-bottom: 4px;
}
.products-subheading-img {
  width: 17px;
  height: 17px;
}
.products-subheading-first {
  padding-top: 14px;
}

@media (min-width: 992px) {
  .new-nav {
    display: flex;
    justify-content: flex-end;
  }
}
@media (max-width: 1380px) {
  .new-navbar.new-navbar-top {
    padding: 0px 50px;
  }
}
@media (max-width: 1274px) {
  .new-navbar.new-navbar-top {
    padding: 0px 10px;
  }
  .dropdown::after {
    top: -1px !important;
  }
}
@media (max-width: 1150px) {
  .new-navbar .new-nav.navbar-nav li a {
    padding: 10px;
  }
}
@media (max-width: 1113px) {
  .new-navbar .new-nav .navbar-links {
    top: -4px;
  }
  .new-navbar .new-nav.navbar-nav li a {
    font-size: 0.8em;
  }
  .new-navbar .new-nav > li > a {
    padding: 28px 14px;
  }
  .new-navbar .nav-group .phone, .signup-ls {
    transform: translate(0px, 1px);
  }
  .mobile-top, .signup-ls, .login-ls {
    transform: translate(0px, 0px);
  }
}
@media (max-width: 1075px) {
  .new-navbar .new-nav.navbar-nav li a {
    padding: 5px;
  }
}
@media (max-width: 1023px) {
  .new-navbar .new-nav.navbar-nav li .signup-btn {
    padding: 9px 10px;
  }
}
@media (max-width: 1006px) {
  .new-navbar .new-nav.navbar-nav li .signup-btn {
    padding: 9px 3px;
  }
}
@media (max-width: 992px) {
  .new-navbar.new-navbar-top {
    padding: 24px 20px;
  }
  .new-navbar .nav-group .phone {
    margin: 44px 70px !important;
  }
  .new-navbar .nav-group .phone::before {
    left: -19px;
  }
  .new-navbar .nav-group .phone a {
    font-size: 20px;
  }
  .new-navbar .nav-group .phone a:hover {
    background-color: transparent !important;
    color: white !important;
  }
  .new-navbar .navbar-items {
    display: flex;
    justify-content: space-between;
  }
  .new-navbar .navbar-items .mobile-nav-button {
    position: relative;
    left: calc(100% - 32px);
    z-index: 2;
  }
  .new-navbar .navbar-items .mobile-nav-button .rect {
    height: 3px;
    width: 32px;
    margin: 8px 0px;
    background-color: black;
    transition: all 0.25s ease-out;
  }
  .new-navbar .navbar-items .mobile-nav-button .rect.rect1.rotated {
    -webkit-transform: rotate(-220deg);
    transform: rotate(-224deg);
    position: relative;
    top: 10.5px;
  }
  .new-navbar .navbar-items .mobile-nav-button .rect.rect2.rotated {
    -webkit-transform: rotate(220deg);
    transform: rotate(224deg);
    background-color: black;
  }
  .new-navbar .navbar-items .mobile-nav-button .rect.rect3.rotated {
    opacity: 0;
  }
  .new-navbar .new-nav .dropdown:hover a {
    background-color: transparent;
    color: white;
  }
  .new-navbar .new-nav .dropdown::after {
    content: url(/assets/pc-nav-dropdown-white-3951717f8115a2a8480e8727aa9af9f13bd76df933eb8c56180443e1ff9bbb24.svg) !important;
    left: 90px;
    top: -2px;
  }
  .new-navbar .new-nav {
    padding: 0px;
    text-align: center;
    position: fixed;
    top: 100px !important;
    right: 0;
    min-height: 600px;
    background-color: #1e2838;
    margin: 0;
    width: 100%;
    overflow-y: auto;
  }
  .new-navbar .new-nav li {
    float: none;
  }
  .new-navbar .new-nav .mobile-top {
    position: relative;
    margin: 44px;
    text-align: left;
  }
  .new-navbar .new-nav.opened {
    display: block;
    transform: translateY(0vh);
    transition: transform 0.15s ease-in;
  }
  .new-navbar .new-nav.opened > li > ul > li > a {
    font-size: 16px;
    color: white;
    font-family: montserrat-bold, sans-serif;
    font-weight: bold;
  }
  .new-navbar .new-nav.closed {
    transform: translateY(-100vh);
    display: none;
  }
  .new-navbar .new-nav.hide-mobile {
    display: none !important;
  }
  .new-navbar .new-nav li.active > a,
  .new-navbar .new-nav li:hover > a {
    background-color: inherit;
    box-shadow: none;
  }
  .new-navbar .new-nav .login-ls {
    margin-bottom: 16px;
  }
  .new-navbar .new-nav .signup-ls {
    margin-bottom: 64px;
  }
  .new-navbar .new-nav .signup-btn {
    padding: 16px 0px !important;
    font-weight: normal;
    display: block;
    width: calc(100% - 105px);
    margin: 0px 32px;
  }
  .new-navbar .new-nav .login-btn-mobile {
    padding: 16px 0px !important;
    border-radius: 0.25rem;
    font-weight: bold;
    border-color: white;
    border-style: solid;
    border-width: 1px;
    font-weight: normal;
    display: block;
    width: calc(100% - 105px);
    margin: 0px 32px;
  }
  .new-navbar .new-nav .arrow {
    display: none;
  }
  .new-navbar .new-nav .open {
    transform: translateX(0);
  }
  .new-navbar .new-nav.navbar-nav li a:hover {
    color: white;
    background-color: transparent;
  }
  .new-navbar .new-nav.navbar-nav li .dropdown-list {
    flex-direction: column;
    width: 100%;
    border-radius: 6px;
    position: relative;
    left: 1%;
    margin: 10px auto;
    padding: 20px;
    font-size: 15px;
    z-index: 10;
    overflow: hidden;
    list-style: none;
  }
  .new-navbar .new-nav.navbar-nav li .products, .new-navbar .new-nav.navbar-nav li .resources {
    padding: 5px !important;
  }
  .new-navbar .new-nav.navbar-nav li .dropdown-list-link {
    font-size: 13px !important;
  }
  .nav-group {
    display: block !important;
  }
  .dropdown2::after {
    left: 100px !important;
    top: -1px !important;
  }
  .mobile-product-subheading {
    padding-top: 10px;
  }
  .phone {
    margin: 44px 67px !important;
  }
  .phone a {
    font-size: 20px;
  }
  .phone a:hover {
    background-color: transparent !important;
    color: white !important;
  }
  .navbar-heading svg {
    height: 24px;
    z-index: 10;
  }
  .mobile-phone {
    font-size: 20px !important;
    font-family: montserrat-regular, sans-serif !important;
    font-weight: normal !important;
  }
  .signup-btn, .login-btn {
    margin: 0 auto !important;
    font-family: montserrat-regular, sans-serif !important;
  }
  .signup-btn::after {
    content: url(/assets/front/arrow-6544332a31752fb8a4368946a176a2d7a2b899375425ea0fcfebeec817d8c92c.svg);
    position: relative;
    top: 1px;
    right: -7px;
  }
}
.navbar {
  position: relative;
  min-height: 65px;
  margin-bottom: 20px;
  transition: background-color 0.3s, height 0.6s, opacity 0.3s;
  z-index: 5 !important;
}
.navbar .nav-group {
  list-style-type: none;
  display: flex;
  justify-content: center;
}
.navbar .nav-group .phone {
  transform: translate(0px, -1px);
}
.navbar .inner-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.navbar .navbar-header {
  display: flex;
  align-items: center;
  height: 100% !important;
}
.navbar .navbar-header svg {
  transition: height 0.6s;
}
@media (max-width: 992px) {
  .navbar .navbar-header svg {
    height: 24px;
    z-index: 10;
  }
}
.navbar .navbar-header .navbar-brand {
  display: flex;
  align-items: center;
  color: #ffffff;
  text-decoration: none;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
.navbar .navbar-header .navbar-brand .glyphicon {
  position: relative;
  top: 5px;
}
.navbar .navbar-header .navbar-brand:hover, .navbar .navbar-header .navbar-brand:focus {
  color: #bcc3e4;
}
.navbar .navbar-items {
  flex: 1;
}
.navbar.navbar-top {
  position: fixed;
  top: 0;
  display: flex;
  z-index: 2;
  margin: 0 auto;
  height: 100px;
  width: 100%;
  padding: 0 2em;
}
@media (max-width: 992px) {
  .navbar.navbar-top {
    padding: 24px 20px;
  }
}
@media (min-width: 992px) {
  .navbar .nav {
    display: flex;
    justify-content: flex-end;
  }
}
.navbar .nav {
  list-style-type: none;
  height: 20px;
  justify-content: space-between;
}
.navbar .nav .dropdown {
  position: relative;
}
.navbar .nav .dropdown::after {
  content: "▼";
  position: absolute;
  color: white;
  font-size: 12px;
  right: -2px;
  top: 4px;
  cursor: pointer;
}
.navbar .nav .spacing-pointer {
  margin-left: 12px;
}
.navbar .nav.navbar-nav .spacer {
  flex-grow: 2;
}
.navbar .nav.navbar-nav .arrow {
  transition: transform 0.3s;
  position: absolute;
  left: 96%;
}
.navbar .nav.navbar-nav .arrow svg {
  height: 10px;
}
.navbar .nav.navbar-nav .docs-link:hover .arrow {
  transform-origin: center;
  transform: rotate(-180deg);
}
.navbar .nav.navbar-nav li a {
  font-size: 0.9em;
  color: #ffffff;
  overflow: hidden;
  text-decoration: none;
  margin: 0 14px;
}
.navbar .nav.navbar-nav li a.pointer {
  cursor: pointer;
}
.navbar .nav.navbar-nav li .dropdown-list {
  width: 192px;
  border-radius: 6px;
  position: absolute;
  top: 147%;
  left: 13%;
  padding: 12px 10px 12px 0px;
  font-size: 15px;
  z-index: 10;
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  list-style: none;
}
.navbar .nav.navbar-nav li .dropdown-list .dropdown-list-link {
  display: block;
  padding: 8px 16px;
  color: inherit;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
  text-decoration: none;
}
.navbar .nav.navbar-nav li .no-display {
  display: none;
}
.navbar .nav.navbar-nav li .has-underline {
  display: inline-block;
  position: relative;
  padding: 0 0 4px 0;
}
.navbar .nav.navbar-nav li .has-underline::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  transform-origin: bottom right;
  transition: transform 350ms ease-out;
  -webkit-transition: transform 350ms ease-out;
  -moz-transition: transform 350ms ease-out;
}
.navbar .nav.navbar-nav li .has-underline:hover::after,
.navbar .nav.navbar-nav li a:focus::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.navbar .nav.navbar-nav li.login-button-container:hover > a {
  box-shadow: none;
}
.navbar .nav.navbar-nav li .signup-btn {
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  color: black;
  font-weight: bold;
  background-color: #F5C348;
  background: linear-gradient(90deg, #FFB600 0%, #F5C44A 100%);
  transition: background-color 300ms;
}
.navbar .nav.navbar-nav li .signup-btn:hover,
.navbar .nav.navbar-nav li .signup-btn:focus {
  background-color: #FFB600;
  background: linear-gradient(90deg, #FFB600 0%, #FFB600 100%);
}
.navbar .nav > li {
  float: left;
  position: relative;
  display: block;
}
.navbar .nav > li > a {
  text-decoration: none;
  padding: 28px 16px;
}
@media (max-width: 992px) {
  .navbar .nav {
    padding: 0px 0px 64px;
    text-align: center;
    position: fixed;
    top: 64px;
    right: 0;
    min-height: 100vh;
    background-color: rgba(0, 0, 0, 0.9);
    margin: 0;
    width: 100vw;
    overflow-y: auto;
  }
  .navbar .nav li {
    float: none;
  }
  .navbar .nav .mobile-top {
    position: relative;
    margin: 44px;
  }
  .navbar .nav.opened {
    display: block;
    transform: translateY(0vh);
    transition: transform 0.15s ease-in;
  }
  .navbar .nav.opened > li > ul > li > a {
    font-size: 1.4em !important;
  }
  .navbar .nav.closed {
    transform: translateY(-100vh);
    display: none;
  }
  .navbar .nav.hide-mobile {
    display: none !important;
  }
  .navbar .nav li.active > a,
  .navbar .nav li:hover > a {
    background-color: inherit;
    box-shadow: none;
  }
  .navbar .nav .login-ls {
    margin-top: 72px;
    margin-bottom: 16px;
  }
  .navbar .nav .signup-ls {
    margin-bottom: 64px;
  }
  .navbar .nav .signup-btn {
    padding: 16px 0px !important;
    font-weight: normal;
    display: block;
    width: calc(100% - 64px);
    margin: 0px 32px;
  }
  .navbar .nav .login-btn-mobile {
    padding: 16px 0px !important;
    border-radius: 0.25rem;
    font-weight: bold;
    border-color: white;
    border-style: solid;
    border-width: 1px;
    font-weight: normal;
    display: block;
    width: calc(100% - 64px);
    margin: 0px 32px;
  }
  .navbar .nav .arrow {
    display: none;
  }
  .navbar .nav .has-underline::after {
    display: none;
  }
  .navbar .nav .has-underline::before {
    display: none;
  }
  .navbar .nav .open {
    transform: translateX(0);
  }
}
@media (max-width: 992px) {
  .navbar .navbar-items {
    display: flex;
    justify-content: space-between;
  }
  .navbar .navbar-items .mobile-nav-button {
    position: relative;
    left: calc(100% - 32px);
    z-index: 2;
  }
  .navbar .navbar-items .mobile-nav-button .rect {
    height: 2px;
    width: 32px;
    margin: 8px 0px;
    background-color: white;
    transition: all 0.25s ease-out;
  }
  .navbar .navbar-items .mobile-nav-button .rect.rect1.rotated {
    -webkit-transform: rotate(-220deg);
    transform: rotate(-224deg);
    position: relative;
    top: 9.5px;
  }
  .navbar .navbar-items .mobile-nav-button .rect.rect2.rotated {
    -webkit-transform: rotate(220deg);
    transform: rotate(224deg);
    background-color: white;
  }
  .navbar .navbar-items .mobile-nav-button .rect.rect3.rotated {
    opacity: 0;
  }
}

.push-style,
.push-style-2 {
  text-align: center;
  padding: 8px 10px 10px;
  background-color: #f7f7fe;
  font-family: "montserrat-regular", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #000;
}

#new-repo-1st-nav .sub-text,
#new-repo-2nd-nav .sub-text {
  font-family: "montserrat-regular", sans-serif;
}

.your-status {
  color: #fff;
  margin: 0 22px;
  border-radius: 4px;
  padding: 0.3em;
  font-size: 8px;
  font-size: 0.5rem;
}

.status-trial {
  background-color: #dc3545;
}

.status-paid {
  background-color: #28a745;
}

nav.sidenav {
  padding-top: 1em;
}
nav.sidenav .bottom-menu {
  width: 100%;
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
}
nav.sidenav .bottom-menu ul li.logout-button {
  background-color: #6366f1;
  padding: 1em 0;
}
nav.sidenav .bottom-menu ul li.logout-button:hover {
  background-color: red !important;
}
nav.sidenav ul.icons {
  font-size: 1em;
}
nav.sidenav ul.icons .glyphicon-terminal::before {
  padding: 0 6px;
  border: 2px solid;
  border-radius: 3px;
  font-size: 16px;
}
nav.sidenav ul.icons li,
nav.sidenav ul.icons .glyphicon {
  -webkit-transition: all 0.125s ease-in;
  transition: all 0.12s ease-in;
}
nav.sidenav ul.icons li {
  padding: 0.5em 0;
  text-align: center;
  cursor: pointer;
  position: relative;
}
nav.sidenav ul.icons li:hover, nav.sidenav ul.icons li.active, nav.sidenav ul.icons li:focus {
  background-color: #707aeb;
}
nav.sidenav ul.icons li a:not(.link) {
  display: block;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  height: 100%;
}
nav.sidenav ul.icons li label:not(.modal-close) {
  height: 100%;
  width: 100%;
  color: #fff;
  display: block;
  position: absolute;
  top: 0;
  padding-top: 18px;
}
nav.sidenav ul.icons li .sub-text {
  font-size: 0.875rem;
}
nav.sidenav ul.icons li.more ul.submenu {
  position: absolute;
  top: 0;
  left: 101px;
}
nav.sidenav ul.icons li.more ul.submenu li {
  font-size: 0.75em;
  font-family: "montserrat-regular", sans-serif;
  margin-bottom: 0;
  background-color: #7179eb;
}
nav.sidenav ul.icons li.more ul.submenu li a {
  color: #fff;
  text-decoration: none;
}
nav.sidenav ul.icons .submenu-admin {
  top: -208px !important;
}
nav.sidenav ul.icons .submenu-admin li {
  font-size: 0.75em;
  font-family: "montserrat-regular", sans-serif;
  margin-bottom: 0;
  background-color: #7179eb;
}
nav.sidenav ul.icons .submenu-admin li:hover {
  background-color: #6366f1 !important;
}
nav.sidenav ul.icons .submenu-admin li a {
  color: #fff;
  text-decoration: none;
}
nav.sidenav ul.icons .submenu-li:hover {
  background-color: #6366f1 !important;
}

nav.navigation {
  background-color: #6366f1;
  min-height: 52px;
  width: 100%;
  z-index: 999;
}
.logged-out header.navigation {
  background-image: linear-gradient(292deg, #9147d8, #2a1f63);
}

nav.navigation.fixed {
  position: fixed;
  top: 0;
  width: 101px;
  height: 100%;
}
nav.navigation .navigation-wrapper::after {
  clear: both;
  content: "";
  display: block;
}
nav.navigation .navigation-wrapper {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
nav.navigation .navigation-wrapper::after {
  clear: both;
  content: "";
  display: block;
}
nav.navigation .navigation-wrapper {
  position: relative;
  z-index: 9999;
}
nav.navigation .logo {
  color: #ffffff;
  font-size: 36px;
  display: block;
  top: 0;
  text-align: center;
  padding: 0.5em 0;
  /* Explicitly set to subpixel-antialiased */
  /* because of bug noted in Safari 10.0.3 - issue is */
  /* triggered by the submenu nav with position:absolute  */
  /* inside the header navigation. The abs positioned submenu, */
  /* when displayed, caused Safari to render fonts inside the */
  /* parent header element as antialiased. */
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}
nav.navigation .logo .glyphicon {
  position: relative;
  top: 3px;
  z-index: 1;
  right: 20px;
}
nav.navigation .logo .glyphicon.small {
  position: absolute;
  top: 11px;
  color: #42B5FF;
  z-index: 0;
  left: 16px;
}
nav.navigation img.avatar {
  width: 20px;
  height: 20px;
  border: 1px solid #471D23;
  border-radius: 5px;
  vertical-align: text-top;
  margin-right: 5px;
}
nav.navigation nav {
  float: none;
  min-height: 52px;
  z-index: 9999999;
}
nav.navigation nav li a,
nav.navigation nav li:hover a,
nav.navigation nav li.active a {
  width: 100%;
  padding-right: 0.8em;
}
@media screen and (min-width: 53.75em) {
  nav.navigation nav {
    float: right;
  }
  nav.navigation nav li a,
  nav.navigation nav li:hover a,
  nav.navigation nav li.active a {
    width: inherit;
    padding-right: inherit;
  }
}
nav.navigation ul.navigation-menu {
  clear: both;
  display: none;
  margin: 0 auto;
  overflow: visible;
  padding: 0;
  width: 100%;
  z-index: 9999;
}
nav.navigation ul.navigation-menu.show {
  /* display: block; */
}
@media screen and (min-width: 53.75em) {
  nav.navigation ul.navigation-menu {
    display: inline;
    margin: 0;
    padding: 0;
  }
}
nav.navigation ul li.nav-link {
  background: #15105d;
  display: block;
  line-height: 52px;
  overflow: hidden;
  text-align: right;
  width: 100%;
  z-index: 9999;
}
@media screen and (min-width: 53.75em) {
  nav.navigation ul li.nav-link {
    background: transparent;
    display: inline;
    line-height: 52px;
    text-decoration: none;
    width: auto;
  }
}
nav.navigation ul li.nav-link a {
  color: #000;
  display: inline-block;
  text-decoration: none;
}
@media screen and (min-width: 53.75em) {
  nav.navigation ul li.nav-link a {
    padding: 0 1em;
  }
}
nav.navigation ul li.nav-link.active a {
  background-color: #a56cdc;
}
nav.navigation .active-nav-item a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 3px;
}
nav.navigation li.more.nav-link {
  padding-right: 0;
}
@media screen and (min-width: 53.75em) {
  nav.navigation li.more.nav-link {
    padding-right: 1em;
  }
}
nav.navigation li.more.nav-link > a {
  padding-right: 0.6em;
  position: relative;
  bottom: -1px;
}
nav.navigation li.more.nav-link > a::after {
  content: "";
}
nav.navigation li.more {
  overflow: visible;
  padding-right: 0;
}
nav.navigation li.more:focus > .submenu, nav.navigation li.more:hover > .submenu {
  display: block;
}
@media screen and (min-width: 53.75em) {
  nav.navigation li.more {
    position: relative;
  }
}
nav.navigation ul.submenu {
  display: none;
  padding-left: 0;
}
@media screen and (min-width: 53.75em) {
  nav.navigation ul.submenu {
    left: 0;
    position: absolute;
    top: 2.2em;
  }
}
@media screen and (min-width: 53.75em) {
  nav.navigation ul.submenu .submenu {
    left: 11.8em;
    top: 0;
  }
}
nav.navigation ul.submenu .submenu-li {
  max-height: 94px;
}
nav.navigation ul.submenu li {
  display: block;
  padding-right: 0;
  background-color: #fff;
}
@media screen and (min-width: 53.75em) {
  nav.navigation ul.submenu li {
    line-height: 40px;
  }
}
nav.navigation ul.submenu li a {
  display: inline-block;
  text-align: right;
  width: 100%;
  text-decoration: none;
  color: #7179eb;
}
nav.navigation ul.submenu li a:hover {
  color: rgb(202.4074074074, 205.3703703704, 247.5925925926);
  text-decoration: underline;
}
nav.navigation ul.submenu li a {
  padding: 0 1em;
  text-align: left;
  width: 150px;
}
nav.navigation .navigation-tools {
  background: #505050;
  clear: both;
  display: block;
  height: 52px;
  min-width: 175px;
}
@media screen and (min-width: 53.75em) {
  nav.navigation .navigation-tools {
    background: transparent;
    clear: none;
    float: right;
  }
}

nav.repo-page-sidebar {
  width: 100%;
  display: inline-block;
}

@media (max-width: 1274px) {
  .navbar .nav .dropdown::after {
    top: 2px;
  }
  .mobile-top,
  .signup-ls,
  .login-btn {
    transform: translate(0px, 3px);
  }
  .navbar .nav-group .phone {
    transform: translate(0px, 2px);
  }
}
@media (max-width: 1166px) {
  .navbar .nav.navbar-nav li a {
    margin: 0 9px;
  }
  .navbar .nav .dropdown::after {
    left: 93.5px;
  }
}
@media (max-width: 1113px) {
  .navbar.navbar-top {
    padding: 0 1em;
  }
  .navbar .nav.navbar-nav li a {
    font-size: 0.8em;
  }
  .navbar .nav > li > a {
    padding: 28px 14px;
  }
  .mobile-top,
  .login-btn {
    transform: translate(0px, 6px);
  }
  .navbar .nav-group .phone,
  .signup-ls {
    transform: translate(0px, 3px);
  }
  .navbar .nav .dropdown::after {
    top: 1px;
    left: 85px;
  }
}
@media (max-width: 1023px) {
  .navbar .nav.navbar-nav li .signup-btn {
    padding: 9px 10px;
  }
}
@media (max-width: 1006px) {
  .navbar .nav.navbar-nav li .signup-btn {
    padding: 9px 3px;
  }
}
@media (max-width: 992px) {
  .nav-group {
    display: block !important;
  }
  .navbar .nav .dropdown::after {
    left: 164px;
    font-size: 16px;
    top: 5px;
  }
  .navbar .nav.navbar-nav li .dropdown-list {
    width: 223px;
    border-radius: 6px;
    position: relative;
    left: 1%;
    margin: 10px auto;
    padding: 12px 10px 12px 0px;
    font-size: 15px;
    z-index: 10;
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    list-style: none;
  }
  .navbar .nav.navbar-nav li .dropdown-list-link {
    font-size: 15px !important;
  }
}
.wizard-padding {
  padding: 0 3em 6em 3em !important;
}

@media (max-width: 860px) {
  .new-repository-no-package {
    padding-left: 2em;
  }
  .new-repository-3 {
    padding-left: 0 !important;
  }
}
html {
  position: relative;
  min-height: 100%;
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

.brand-page-container {
  min-height: 1360px;
}

.fadein {
  -webkit-animation: fadein ease-in 0.35s;
  -moz-animation: fadein ease-in 0.35s;
  animation: fadein ease-in 0.35s;
}

.fadein-fast {
  -webkit-animation: fadein ease-in 0.25s;
  -moz-animation: fadein ease-in 0.25s;
  animation: fadein ease-in 0.25s;
}

.fadein-slow {
  -webkit-animation: fadein ease-in 0.9s;
  -moz-animation: fadein ease-in 0.9s;
  animation: fadein ease-in 0.9s;
}

.fadeout {
  -webkit-animation: fadeout ease-out 0.325s;
  -moz-animation: fadeout ease-out 0.325s;
  animation: fadeout ease-out 0.325s;
}