/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

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

/**
Use a more readable tab size (opinionated).
*/

:root {
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

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

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
  font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		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;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
}

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

/**
Remove the inheritance of text transform in Edge and Firefox.
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.
*/

/**
Restore the focus styles unset by the previous rule.
*/

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

/**
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.
*/

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  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"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #9ca3af;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #9ca3af;
}

input::placeholder,
textarea::placeholder {
  color: #9ca3af;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

.bg-transparent {
  background-color: transparent;
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
}

.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
}

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
}

.bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
}

.bg-teal-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(13, 148, 136, var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

.hover\:bg-yellow-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
}

.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
}

.hover\:bg-indigo-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}

.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
}

.border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgba(16, 185, 129, var(--tw-border-opacity));
}

.border-green-600 {
  --tw-border-opacity: 1;
  border-color: rgba(5, 150, 105, var(--tw-border-opacity));
}

.rounded {
  border-radius: 0.25rem;
}

.border-dashed {
  border-style: dashed;
}

.border-2 {
  border-width: 2px;
}

.border {
  border-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.border-r {
  border-right-width: 1px;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

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

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.flex-1 {
  flex: 1 1 0%;
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.h-6 {
  height: 1.5rem;
}

.h-16 {
  height: 4rem;
}

.h-40 {
  height: 10rem;
}

.h-full {
  height: 100%;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.leading-tight {
  line-height: 1.25;
}

.leading-snug {
  line-height: 1.375;
}

.leading-relaxed {
  line-height: 1.625;
}

.m-0 {
  margin: 0px;
}

.m-6 {
  margin: 1.5rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mt-0 {
  margin-top: 0px;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-2xl {
  max-width: 42rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-20 {
  padding: 5rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.static {
  position: static;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
}

.top-0 {
  top: 0px;
}

.right-0 {
  right: 0px;
}

* {
  --tw-shadow: 0 0 #0000;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

* {
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
}

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

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

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

.text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.text-gray-50 {
  --tw-text-opacity: 1;
  color: rgba(249, 250, 251, var(--tw-text-opacity));
}

.text-gray-100 {
  --tw-text-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-text-opacity));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-text-opacity));
}

.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgba(217, 119, 6, var(--tw-text-opacity));
}

.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgba(180, 83, 9, var(--tw-text-opacity));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-text-opacity));
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-text-opacity));
}

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-text-opacity));
}

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-text-opacity));
}

.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-text-opacity));
}

.text-teal-600 {
  --tw-text-opacity: 1;
  color: rgba(13, 148, 136, var(--tw-text-opacity));
}

.visited\:text-white:visited {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.italic {
  font-style: italic;
}

.uppercase {
  text-transform: uppercase;
}

.underline {
  text-decoration: underline;
}

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

.w-6 {
  width: 1.5rem;
}

.w-8 {
  width: 2rem;
}

.w-10 {
  width: 2.5rem;
}

.w-16 {
  width: 4rem;
}

.w-32 {
  width: 8rem;
}

.w-40 {
  width: 10rem;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.transform {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90 {
  --tw-rotate: 90deg;
}

.-translate-x-1 {
  --tw-translate-x: -0.25rem;
}

.-translate-x-10 {
  --tw-translate-x: -2.5rem;
}

.-translate-x-32 {
  --tw-translate-x: -8rem;
}

.-translate-y-1 {
  --tw-translate-y: -0.25rem;
}

.-translate-y-10 {
  --tw-translate-y: -2.5rem;
}

.transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@-webkit-keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

@-webkit-keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@-webkit-keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
            animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
            animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{
  display:block
}

audio,canvas,video{
  display:inline-block;*display:inline;*zoom:1
}

audio:not([controls]){
  display:none;
  height:0
}

[hidden]{
  display:none
}

html{
  font-size:100%;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%
}

html,button,input,select,textarea{
  font-family:sans-serif
}

body{
  margin:0
}

a:focus{
  outline:thin dotted
}

a:active,a:hover{
  outline:0
}

h1{
  font-size:2em;
  margin:0.67em 0
}

h2{
  font-size:1.5em;
  margin:0.83em 0
}

h3{
  font-size:1.17em;
  margin:1em 0
}

h4{
  font-size:1em;
  margin:1.33em 0
}

h5{
  font-size:0.83em;
  margin:1.67em 0
}

h6{
  font-size:0.75em;
  margin:2.33em 0
}

abbr[title]{
  border-bottom:1px dotted
}

b,strong{
  font-weight:bold
}

blockquote{
  margin:1em 40px
}

dfn{
  font-style:italic
}

mark{
  background:#ff0;
  color:#000
}

p,pre{
  margin:1em 0
}

code,kbd,pre,samp{
  font-family:monospace, serif;_font-family:'courier new', monospace;
  font-size:1em
}

pre{
  white-space:pre;
  white-space:pre-wrap;
  word-wrap:break-word
}

q{
  quotes:none
}

q:before,q:after{
  content:'';
  content:none
}

small{
  font-size:75%
}

sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}

sup{
  top:-0.5em
}

sub{
  bottom:-0.25em
}

dl,menu,ol,ul{
  margin:1em 0
}

dd{
  margin:0 0 0 40px
}

menu,ol,ul{
  padding:0 0 0 40px
}

nav ul,nav ol{
  list-style:none;
  list-style-image:none
}

img{
  border:0;
  -ms-interpolation-mode:bicubic
}

svg:not(:root){
  overflow:hidden
}

figure{
  margin:0
}

form{
  margin:0
}

fieldset{
  border:1px solid #c0c0c0;
  margin:0 2px;
  padding:0.35em 0.625em 0.75em
}

legend{
  border:0;
  padding:0;
  white-space:normal;*margin-left:-7px
}

button,input,select,textarea{
  font-size:100%;
  margin:0;
  vertical-align:baseline;*vertical-align:middle
}

button,input{
  line-height:normal
}

button,html input[type="button"],input[type="reset"],input[type="submit"]{
  -webkit-appearance:button;
  cursor:pointer;*overflow:visible
}

button[disabled],input[disabled]{
  cursor:default
}

input[type="checkbox"],input[type="radio"]{
  box-sizing:border-box;
  padding:0;*height:13px;*width:13px
}

input[type="search"]{
  -webkit-appearance:textfield;
  box-sizing:content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
  -webkit-appearance:none
}

button::-moz-focus-inner,input::-moz-focus-inner{
  border:0;
  padding:0
}

textarea{
  overflow:auto;
  vertical-align:top
}

table{
  border-collapse:collapse;
  border-spacing:0
}

p{
  -webkit-hyphens:auto;
  -epub-hyphens:auto;
  -ms-hyphens:auto;
      hyphens:auto
}

b,strong,.strong{
  font-weight:bold
}

dfn,em,.em{
  font-style:italic
}

small,.small{
  font-size:75%
}

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

dd{
  margin:0
}

.sidebar ul,.sidebar ol,.commentlist{
  list-style:none
}

.clearfix{
  zoom:1
}

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

.clearfix:after{
  clear:both
}

*{
  box-sizing:border-box
}

.image-replacement{
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden
}

.button,.button:visited,a.vimeography-button,.blue-button,.blue-button:visited,.drop-element.drop-open ul li a,.footer .right span.heading,.vimeography-mobile-menu ul li a,.preview-videos a,.product-description h2,.edd-csau-products h2,.sell-points h1{
  font-family:"proxima-nova", sans-serif;
  font-weight:600;
  font-size:15px;
  text-transform:uppercase;
  text-decoration:none
}

span.amp{
  font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif !important;
  font-style:italic
}

.text-left{
  text-align:left
}

.text-center{
  text-align:center
}

.text-right{
  text-align:right
}

.alert-help,.alert-info,.alert-error,.alert-success{
  margin:10px;
  padding:5px 18px;
  border:1px solid
}

.alert-help{
  border-color:#e8dc59;
  background:#ebe16f
}

.alert-info{
  border-color:#bfe4f4;
  background:#d5edf8
}

.alert-error{
  border-color:#f8cdce;
  background:#fbe3e4
}

.alert-success{
  border-color:#deeaae;
  background:#e6efc2
}

.button,.button:visited,a.vimeography-button{
  letter-spacing:1px;
  background-color:#4cb5c2;
  display:inline-block;
  font-weight:500;
  cursor:pointer;
  text-decoration:none
}

.button, .button:visited, a.vimeography-button {
  --tw-bg-opacity: 1;
  background-color: rgba(20, 184, 166, var(--tw-bg-opacity));
  border-radius: 0.25rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.button:hover, .button:visited:hover, a.vimeography-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(13, 148, 136, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.blue-button,.blue-button:visited{
  letter-spacing:1px;
  display:inline-block;
  font-weight:500;
  cursor:pointer;
  text-decoration:none
}

.blue-button, .blue-button:visited {
  --tw-bg-opacity: 1;
  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
  border-radius: 0.25rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.blue-button:hover, .blue-button:visited:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

#content{
  position:relative;
  overflow:hidden;
  height:100%
}

.pusher{
  position:relative;
  left:0;
  height:100%;
  transition:transform 0.5s
}

.pusher:after{
  position:absolute;
  top:0;
  right:0;
  width:0;
  height:0;
  background:rgba(0,0,0,0.2);
  content:"";
  opacity:0;
  transition:opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s
}

.pusher .st-content{
  height:100%;
  background:#f1f1f1;
  position:relative
}

.vimeography-breadcrumb{
  border-bottom:1px solid #ccc;
  background-color:#fff;
  position:fixed;
  top:60px;
  left:0;
  right:0;
  width:100%
}

.vimeography-breadcrumb a.theme-menu-toggle{
  display:inline-block;
  transition:background-color 200ms linear;
  color:#222;
  letter-spacing:1px;
  font-family:"proxima-nova", sans-serif;
  font-weight:700;
  text-decoration:none;
  text-transform:uppercase;
  padding:25px;
  display:block;
  margin:0
}

.vimeography-theme-browser-bundle-upsell{
  margin-top:-160px;
  position:relative;
  background-color:#58acb9;
  text-align:center;
  padding:6px 0;
  width:100%;
  z-index:2;
  border-bottom:2px solid #3999a9;
  box-shadow:0 2px 2px 0px rgba(0,0,0,0.15);
  transition:all 1000ms ease-in-out
}

.vimeography-theme-browser-bundle-upsell.upsell-visible{
  margin-top:0
}

.vimeography-theme-browser-bundle-upsell p{
  color:#fafafa;
  font-weight:300
}

.vimeography-theme-browser-bundle-upsell p a{
  padding:10px 18px;
  background-color:#364e5f;
  text-decoration:none;
  margin-left:8px;
  border-radius:4px;
  color:#fff;
  text-transform:uppercase;
  font-size:14px;
  font-weight:600;
  transition:all 200ms linear
}

.vimeography-theme-browser-bundle-upsell p a:hover{
  background-color:#5a7c94
}

.vimeography-theme-browser-bundle-upsell .dismiss-upsell{
  position:absolute;
  top:20px;
  right:40px;
  font-size:28px;
  color:#51848c;
  cursor:pointer
}

.vimeography-theme-menu{
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  z-index:1;
  visibility:hidden;
  width:300px;
  background:#f1f1f1;
  transition:all 0.5s;
  overflow-x:hidden;
  overflow-y:scroll;
  -webkit-overflow-scrolling:touch;
  border-right:1px solid #ccc;
  position:fixed;
  top:60px;
  left:-300px;
  bottom:0
}

.vimeography-theme-menu:after{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.2);
  content:"";
  opacity:1;
  transition:opacity 0.5s;
  display:none
}

.vimeography-theme-menu .drawer-menu-header{
  position:relative;
  padding:20px 20px 2px 15px;
  border-bottom:1px solid #ccc
}

.vimeography-theme-menu .drawer-menu-header input[type="search"]{
  width:96%;
  height:20px;
  padding:2%;
  border-radius:4px;
  border:1px solid #ddd;
  margin-bottom:20px
}

.vimeography-theme-menu .drawer-menu-header ::-webkit-input-placeholder{
  font-size:0.75em;
  text-transform:uppercase;
  letter-spacing:1px;
  padding-top:2px
}

.vimeography-theme-menu .drawer-menu-header :-moz-placeholder{
  font-size:0.75em;
  text-transform:uppercase;
  letter-spacing:1px;
  padding-top:2px
}

.vimeography-theme-menu .drawer-menu-header ::-moz-placeholder{
  font-size:0.75em;
  text-transform:uppercase;
  letter-spacing:1px;
  padding-top:2px
}

.vimeography-theme-menu .drawer-menu-header :-ms-input-placeholder{
  font-size:0.75em;
  text-transform:uppercase;
  letter-spacing:1px;
  padding-top:2px
}

.vimeography-theme-menu .drawer-menu-header h2{
  margin:0;
  padding:0 0 10px 0;
  color:rgba(0,0,0,0.4);
  text-shadow:0 0 1px rgba(0,0,0,0.1);
  font-weight:300;
  font-size:1.6em
}

.vimeography-theme-menu .drawer-menu-header i{
  position:absolute;
  right:27px;
  top:27px;
  display:inline-block;
  color:#e74c3c;
  cursor:pointer;
  text-shadow:0 1px 0 #ccc
}

.vimeography-theme-menu ul{
  margin:0;
  padding:0 20px;
  list-style:none;
  width:300px
}

.vimeography-theme-menu ul li{
  margin:10px 0
}

.vimeography-theme-menu ul li a{
  display:block;
  padding:15px;
  outline:none;
  background:#fff;
  border-bottom:1px solid #ccc;
  color:#333;
  text-transform:uppercase;
  text-shadow:0 0 1px rgba(255,255,255,0.1);
  letter-spacing:1px;
  font-weight:400;
  box-sizing:border-box;
  transition:all 250ms
}

.vimeography-theme-menu ul li a.active{
  border:5px solid #4cb5c2;
  padding:10px
}

.vimeography-theme-menu ul li a:hover{
  background:#fbfbfb;
  box-shadow:inset 0 -1px rgba(0,0,0,0);
  color:#111;
  transform:scale(1.05)
}

.vimeography-theme-menu ul li a img{
  display:block;
  margin-bottom:10px;
  width:230px;
  height:175px
}

.vimeography-theme-menu ul li a .theme-title{
  float:left
}

.vimeography-theme-menu ul li a .theme-price{
  float:right;
  font-size:14px;
  font-weight:300
}

.vimeography-theme-menu-open .vimeography-breadcrumb{
  width:100%;
  overflow:hidden
}

.vimeography-theme-menu-open .vimeography-theme-menu{
  visibility:visible;
  transition:transform 0.5s
}

.vimeography-theme-menu-open .vimeography-theme-menu:after{
  width:0;
  height:0;
  opacity:0;
  transition:opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s
}

.vimeography-theme-menu-open .pusher:after{
  width:100%;
  height:100%;
  opacity:1;
  transition:opacity 0.5s
}

.vimeography-theme-preview-container{
  margin-top:100px
}

#theme-browser-content{
  border:0
}

@media only screen and (min-width: 853px){
  .vimeography-breadcrumb{
    display:none
  }

  .vimeography-theme-preview-container{
    overflow:auto;
    padding:0 0 0 10px;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:300px
  }

  #content .vimeography-theme-menu{
    visibility:visible;
    border-right:1px solid #ccc;
    overflow-x:hidden;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
    position:fixed;
    top:100px;
    left:0;
    bottom:0;
    width:315px
  }

  #content .vimeography-theme-menu:after{
    width:0;
    height:0;
    opacity:0;
    transition:none
  }

  #content .pusher:after{
    width:0;
    height:0;
    opacity:1;
    transition:opacity 0.5s
  }
}

.slick-prev:before,.slick-next:before{
  color:#222 !important
}

body{
  font-family: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";
  font-size:100%;
  line-height:1.5em;
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity))
}

.icon-blocks{
  text-align:center
}

.icon-blocks section object,.icon-blocks section img{
  width:75px;
  height:75px;
  margin-top:60px
}

.icon-blocks section h1{
  font-family: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";
  text-transform:uppercase;
  font-weight:600;
  background-color:#fafafa
}

.pitch{
  margin:40px 0 0
}

.pitch h1{
  margin-top:10px
}

.pitch .left{
  float:left
}

.pitch .right{
  float:left;
  max-width:400px;
  text-align:left;
  padding:0 0 0 40px
}

.pitch .video{
  max-width:560px
}

.pitch iframe{
  width:560px;
  height:315px
}

.home{
  text-align:center
}

.home section:nth-child(odd){
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
}

.home .featured{
  background-color:#fff
}

.home .featured h1{
  margin:0
}

.home .demo-gallery{
  display:none
}

.home .gallery-editor-wrapper,.home .vimeography-pro-container,.home .resources-container{
  display:none
}

.home .gallery-editor{
  padding:0
}

.home .testimonials article{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  border-radius: 0.25rem;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 2.5rem;
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.home .testimonials article .star-rating{
  font-size:12px;
  color:#fcbf2e;
  margin:5px 40px 0;
  display:inline-block
}

.page-template-page-pro-php{
  text-align:center
}

.wrap{
  width:100%;
  margin:0 auto;
  padding:0 20px
}

a,a:visited{
  color:#4cb5c2
}

a:hover,a:focus,a:visited:hover,a:visited:focus{
  color:#399ba7
}

a:link,a:visited:link{
  -webkit-tap-highlight-color:rgba(0,0,0,0.3)
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5{
  font-family: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";
  text-rendering:optimizelegibility;
  font-weight:500
}

h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a{
  text-decoration:none
}

h1,.h1{
  font-size:2em;
  line-height:1.4em;
  margin:20px 0;
  font-weight:300
}

h2,.h2{
  font-size:1.5em;
  line-height:1.3em;
  margin-bottom:0.375em;
  font-weight:600
}

h3,.h3{
  font-size:1.125em
}

h4,.h4{
  font-size:1.1em;
  font-weight:700
}

h5,.h5{
  font-size:0.846em;
  line-height:2.09em;
  text-transform:uppercase;
  letter-spacing:2px
}

hr{
  display:block;
  padding:0;
  color:#e4e4e4;
  background-color:#e4e4e4;
  height:1px;
  border:0;
  width:100%;
  margin:40px 0 10px
}

.header{
  --tw-bg-opacity: 1;
  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
  position:fixed;
  height:60px;
  width:100%;
  z-index:2;
  top:0;
  left:0;
  right:0
}

#logo{
  display:block;
  max-width:210px;
  color:#fff
}

#logo img{
  width:100%
}

#inner-header i{
  float:right;
  cursor:pointer;
  margin:18px 0 0 0;
  color:#999;
  font-size:23px;
  z-index:9999;
  transition:all 0.3s ease
}

#inner-header i.active{
  float:left
}

#inner-header nav{
  position:fixed;
  top:0;
  left:0;
  display:none
}

#inner-header nav.visible{
  display:block
}

.nav{
  display:inline-block;
  margin:0
}

.nav li{
  float:left
}

.nav li a{
  display:block;
  text-decoration:none;
  padding:20px 15px 10px;
  color:#fafafa;
  text-transform:uppercase;
  font-weight:400;
  letter-spacing:1px;
  font-family:"Helvetica Neue", sans-serif;
  font-size:13px
}

.nav li ul.sub-menu li a,.nav li ul.children li a{
  padding-left:30px
}

.drop-element.drop-open{
  z-index:2
}

.drop-element.drop-open ul{
  margin:0;
  padding:0;
  text-align:center
}

.drop-element.drop-open ul li{
  padding:4px 0
}

.drop-element.drop-open ul li a{
  color:#222
}

.drop-element.drop-open ul li a:hover{
  color:#4cb5c2
}

p{
  font-size:16px;
  color:#4c5258
}

blockquote{
  font-style:italic;
  font-weight:300;
  line-height:1.4em;
  color:#5f6e7e;
  text-shadow:0 1px 1px #fff
}

#content{
  margin-top:60px;
  min-height:70vh
}

body.logged-in #content{
  margin-top:15px
}

.byline{
  color:#999
}

.entry-content blockquote{
  font-family:"Bitter", serif
}

.entry-content dd{
  margin-left:0;
  font-size:0.9em;
  color:#787878;
  margin-bottom:1.5em
}

.entry-content img{
  margin:0 0 1.5em 0;
  max-width:100%;
  height:auto
}

.entry-content video,.entry-content object{
  max-width:100%;
  height:auto
}

.entry-content pre{
  background:#eee;
  border:1px solid #cecece;
  padding:10px
}

.wp-caption{
  max-width:100%;
  background:#eee;
  padding:5px
}

.wp-caption img{
  max-width:100%;
  margin-bottom:0;
  width:100%
}

.wp-caption p.wp-caption-text{
  font-size:0.85em;
  margin:4px 0 7px;
  text-align:center
}

.pagination,.wp-prev-next{
  margin:1.1em 0 2.2em
}

.pagination{
  text-align:center
}

.pagination ul{
  display:inline-block;
  white-space:nowrap;
  padding:0;
  clear:both;
  margin:1px
}

.pagination ul li{
  padding:0;
  margin:0;
  float:left;
  display:inline;
  overflow:hidden
}

.pagination ul li a,.pagination ul li span{
  margin:0;
  text-decoration:none;
  padding:0;
  line-height:1em;
  font-size:1em;
  font-weight:normal;
  padding:0.5em;
  min-width:1em;
  display:block
}

.pagination ul li span.current{
  font-weight:bold
}

.wp-prev-next .prev-link{
  float:left
}

.wp-prev-next .next-link{
  float:right
}

.commentlist li{
  position:relative;
  clear:both;
  overflow:hidden;
  list-style-type:none;
  margin-bottom:1.5em;
  padding:0.7335em 10px
}

.commentlist li:last-child{
  margin-bottom:0
}

.commentlist li ul.children{
  margin:0
}

.commentlist li[class*="depth-"]{
  margin-top:1.1em
}

.commentlist li.depth-1{
  margin-left:0;
  margin-top:0
}

.commentlist li:not(.depth-1){
  margin-right:-10px;
  margin-left:-10px;
  margin-top:0;
  padding-bottom:0
}

.commentlist .odd{
  background:#eee
}

.commentlist .even{
  background:#fefefe
}

.commentlist .vcard{
  margin-left:50px
}

.commentlist .vcard cite.fn{
  font-weight:700;
  font-style:normal
}

.commentlist .vcard time{
  float:right
}

.commentlist .vcard time a{
  color:#999;
  text-decoration:none
}

.commentlist .vcard time a:hover{
  text-decoration:underline
}

.commentlist .vcard img.avatar{
  position:absolute;
  left:10px;
  padding:2px;
  border:1px solid #cecece;
  background:#fff
}

.commentlist .comment_content{
  margin-left:50px
}

.commentlist .comment_content p{
  margin:0.7335em 0 1.5em;
  font-size:1em;
  line-height:1.5em
}

.commentlist .comment-reply-link{
  text-decoration:none;
  float:right;
  background:#4598bb;
  padding:3px 5px;
  color:#fff;
  opacity:0.65;
  margin-bottom:10px;
  font-weight:700;
  font-size:0.9em
}

.commentlist .comment-reply-link:hover,.commentlist .comment-reply-link:focus{
  opacity:1
}

.respond-form{
  margin:1.5em 10px;
  padding-bottom:2.2em
}

.respond-form form{
  margin:0.75em 0
}

.respond-form form li{
  list-style-type:none;
  clear:both;
  margin-bottom:0.7335em
}

.respond-form form li label,.respond-form form li small{
  display:none
}

.respond-form form input[type="text"],.respond-form form input[type="email"],.respond-form form input[type="url"],.respond-form form textarea{
  padding:3px 6px;
  background:#efefef;
  border:2px solid #cecece;
  line-height:1.5em
}

.respond-form form input[type="text"]:focus,.respond-form form input[type="email"]:focus,.respond-form form input[type="url"]:focus,.respond-form form textarea:focus{
  background:#fff
}

.respond-form form input[type="text"]:invalid,.respond-form form input[type="email"]:invalid,.respond-form form input[type="url"]:invalid,.respond-form form textarea:invalid{
  outline:none;
  border-color:#fbc2c4;
  background-color:#f6e7eb;
  -ms-box-shadow:none;
  box-shadow:none
}

.respond-form form input[type="text"],.respond-form form input[type="email"],.respond-form form input[type="url"]{
  max-width:400px;
  min-width:250px
}

.respond-form form textarea{
  resize:none;
  width:97.3%;
  height:150px
}

#comment-form-title{
  margin:0 0 1.1em
}

#allowed_tags{
  margin:1.5em 10px 0.7335em 0
}

.nocomments{
  margin:0 20px 1.1em
}

.footer{
  clear:both;
  background-color:#fff;
  border-top:1px solid #e5e5e5;
  padding:40px 0 40px;
  text-align:center
}

.footer a{
  display:block
}

.footer nav{
  margin-top:25px
}

.footer nav a{
  text-decoration:none;
  font-size:0.9em;
  padding:0;
  color:#34383d;
  font-weight:700;
  margin-bottom:5px;
  display:block;
  float:none
}

.footer .right{
  text-align:left;
  margin:20px 0
}

.footer .right a{
  text-decoration:none;
  color:#0d8290;
  margin-bottom:0.5em;
  font-size:1.1em
}

.footer .right a:hover{
  text-decoration:underline
}

.footer .right span{
  display:block
}

#searchform{
  clear:left;
  position:relative;
  top:10px
}

#searchform label{
  display:none
}

#searchform input{
  height:38px;
  padding:5px;
  border-radius:4px;
  border:1px solid #ccc
}

#searchform input[type="submit"]{
  background-color:#48a770;
  color:#fafafa;
  padding:0 10px
}

#searchform input::-webkit-input-placeholder{
  font-size:0.75em;
  text-transform:uppercase;
  letter-spacing:1px;
  padding-top:2px
}

#searchform input:-moz-placeholder{
  font-size:0.75em;
  text-transform:uppercase;
  letter-spacing:1px;
  padding-top:2px
}

#searchform input::-moz-placeholder{
  font-size:0.75em;
  text-transform:uppercase;
  letter-spacing:1px;
  padding-top:2px
}

#searchform input:-ms-input-placeholder{
  font-size:0.75em;
  text-transform:uppercase;
  letter-spacing:1px;
  padding-top:2px
}

.vimeography-mobile-menu{
  background:#2a2d34;
  position:fixed;
  width:260px;
  height:100%;
  top:0;
  z-index:1000;
  right:-260px;
  transition:all 0.3s ease;
  margin-top:60px;
  text-align:left
}

.vimeography-mobile-menu ul{
  margin:0;
  padding:0;
  border-top:2px solid #2f353b
}

.vimeography-mobile-menu ul li{
  list-style:none
}

.vimeography-mobile-menu ul li a{
  padding:30px 0 30px 30px;
  border-bottom:2px solid #2f353b;
  display:block;
  color:#fff;
  font-size:13px
}

.vimeography-mobile-menu.vimeography-mobile-menu-open{
  right:0
}

.preview-videos{
  border-top:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5;
  margin:15px 0 0 0
}

.preview-videos a{
  color:#4cb5c2;
  letter-spacing:1px;
  padding:25px 20px;
  display:block;
  position:relative
}

.preview-videos a i{
  position:absolute;
  right:20px;
  top:23px;
  font-size:25px
}

.preview-videos form{
  display:none;
  padding:0 20px 20px
}

.preview-videos form input{
  padding:10px;
  border:1px solid #e5e5e5;
  font-size:13px
}

.preview-videos form input[type="submit"]{
  background-color:#4cb5c2;
  color:#fff;
  text-transform:uppercase;
  font-weight:500
}

.preview-videos form input[type="text"]{
  width:225px
}

.product-description p{
  margin:0 0 30px
}

.product-description h2{
  color:#222
}

.product-description ul{
  margin:1em 0 1.4em
}

.product-description li{
  color:#4c5258;
  padding:0 0 10px;
  list-style-type:disc;
  margin-left:20px
}

.product-description li i{
  margin-right:12px;
  font-size:12px;
  color:#4cb5c2;
  width:12px
}

.purchase{
  background-color:#fff;
  padding:20px 25px
}

.purchase .licensing-statement{
  font-size:12px;
  color:#4c5258
}

.purchase .edd-submit.button.blue{
  color:#fff;
  background:#4cb5c2;
  border:none;
  margin:10px 0 20px
}

.purchase .edd-cart-ajax-alert{
  display:inline-block
}

.edd-add-to-cart-label i{
  margin-right:7px
}

.edd-csau-products{
  padding:10px;
  margin:30px 0;
  background-color:#ffffef
}

.edd-csau-products h3{
  text-decoration:underline;
  font-size:15px
}

.edd-csau-products .edd_download_inner{
  padding:15px 24px 15px;
  margin:0
}

.edd-csau-products .edd_download_inner .edd_download_excerpt{
  min-height:100px
}

.edd-csau-products .edd_download_purchase_form{
  margin-bottom:0
}

.edd-csau-products .edd_download_buy_button h1,.edd-csau-products .edd_download_buy_button .licensing-statement{
  display:none
}

.edd-csau-products .edd_download_buy_button .edd_price_options .edd_price_option_price{
  font-size:15px
}

.edd-csau-products .edd_download_buy_button .edd_price_options .edd_price_option_name{
  font-size:14px
}

#edd_checkout_wrap .edd-csau-products .bullet,#edd_checkout_wrap .edd-csau-products input[type="radio"]{
  display:none
}

#edd_checkout_wrap .is-bundle-upsell{
  text-align:center;
  background:#5ec1e2;
  padding:25px;
  color:#fff;
  margin-bottom:20px
}

#edd_checkout_wrap .is-bundle-upsell h2{
  font-weight:700;
  margin:0 0 0.5em;
  font-size:2em
}

#edd_checkout_wrap .is-bundle-upsell span{
  font-size:1.2em;
  margin-bottom:1.4em;
  display:block
}

#edd_checkout_wrap .is-bundle-upsell a{
  display:inline-block;
  background:#2f3e7d;
  width:200px;
  margin:0 10px 10px 0;
  padding:10px;
  text-decoration:none;
  color:#fff;
  border-radius:4px
}

#edd_checkout_wrap .is-bundle-upsell a.btn-secondary{
  background:transparent;
  border:1px solid #fff;
  width:125px;
  margin:0
}

#edd_checkout_form_wrap #edd_sl_renewal_form .edd-submit.button{
  background:#4cb5c2
}

#edd_checkout_form_wrap #edd_sl_cancel_renewal_form .edd-submit.button{
  background:#f97070
}

#edd_checkout_form_wrap #edd-user-login-submit .edd-submit.button{
  background:#4cb5c2
}

#sidebar-checkout .section{
  margin-bottom:40px
}

#sidebar-checkout .edd-payment-icons{
  height:32px;
  display:block;
  margin:0 0 8px
}

#sidebar-checkout .edd-payment-icons img.payment-icon{
  max-height:32px;
  width:auto;
  margin:0 3px 0 0;
  float:left;
  background:none;
  padding:none;
  border:none;
  box-shadow:none
}

html.js .edd_price_options label{
  margin-bottom:8px;
  cursor:pointer;
  display:block;
  position:relative;
  color:#4c5258
}

html.js .edd_price_options label:hover .bullet{
  background-position:0px -21px
}

html.js .edd_price_options label.selected .bullet{
  background-position:0px -42px
}

html.js .edd_price_options .bullet{
  background:url(/app/themes/bones/dist/images/radio-sprite.cc8a1de2ed6f8d130216a08d3b1cded8.jpg) no-repeat;
  width:21px;
  height:21px;
  display:block;
  position:absolute;
  top:1px;
  left:0
}

html.js .edd_price_options input[type="radio"]{
  float:left;
  outline:none;
  opacity:0;
  filter:alpha(opacity=0);
  zoom:1;
  width:auto;
  cursor:pointer;
  vertical-align:middle;
  width:25px;
  height:24px
}

html.js .edd_price_options .edd_price_option_name{
  margin-left:5px
}

html.js .edd_price_options .edd_price_option_price{
  font-weight:700
}

.sell-points{
  width:100%;
  text-align:center;
  background-color:#f1f1f1;
  padding-top:40px;
  padding-bottom:40px
}

.sell-points img{
  width:auto;
  height:85px
}

.sell-points a{
  line-height:1.5em
}

.vimeography-bundles{
  background-color:#fff;
  padding:95px 0 30px
}

.vimeography-bundles h1{
  margin:0;
  text-align:center;
  padding:0 20px
}

.vimeography-bundles>p{
  margin:5px 0 40px;
  text-align:center;
  padding:0 20px
}

.vimeography-bundles .vimeography-bundle-list div{
  border:8px solid #fff;
  width:280px;
  height:265px;
  background-color:#2a2d34;
  padding:25px;
  margin:0 auto 20px
}

.vimeography-bundles .vimeography-bundle-list div h2{
  color:#fff;
  margin:0 0 20px;
  font-weight:600;
  max-width:180px
}

.vimeography-bundles .vimeography-bundle-list div p{
  color:#ddd
}

.vimeography-themes-container{
  display:none
}

li.vimeography-theme{
  margin:10px 0
}

li.vimeography-theme a{
  display:block;
  padding:15px;
  outline:none;
  background:#fff;
  border-bottom:1px solid #ccc;
  color:#333;
  text-transform:uppercase;
  text-shadow:0 0 1px rgba(255,255,255,0.1);
  letter-spacing:1px;
  font-weight:400;
  box-sizing:border-box
}

li.vimeography-theme a.active{
  border:5px solid #4cb5c2;
  padding:10px
}

li.vimeography-theme a:hover{
  background:#fbfbfb;
  box-shadow:inset 0 -1px rgba(0,0,0,0);
  color:#111
}

li.vimeography-theme a img{
  display:block;
  margin-bottom:10px
}

li.vimeography-theme a .theme-title{
  float:left
}

li.vimeography-theme a .theme-price{
  float:right;
  font-size:20px;
  font-weight:300
}

#nprogress .bar{
  top:60px;
  z-index:1;
  height:5px
}

#nprogress .peg{
  top:-3px;
  box-shadow:0 0 10px #4cb5c2,0 0 5px #4cb5c2;
  transform:rotate(3deg)
}

#nprogress .spinner{
  top:90px;
  right:25px
}

#nprogress .spinner-icon{
  border-top-color:#4cb5c2;
  border-left-color:#4cb5c2
}

.vimeography-product-header .licensing-statement,.pitch .licensing-statement{
  display:none
}

.vimeography-developer-bundle-pro .vimeography-product-header{
  text-align:center
}

.vimeography-developer-bundle-pro .vimeography-product-header h1{
  font-family: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";
  text-transform:uppercase;
  font-weight:bold
}

.developer-bundle-contents-slider{
  text-align:center
}

.developer-bundle-contents-slider a{
  text-decoration:none;
  border:1px solid #ccc;
  background-color:#fff;
  padding:8px;
  margin:0 5px
}

.developer-bundle-contents-slider a img{
  padding:5px;
  max-width:100%;
  height:auto;
  border:1px solid #ccc;
  margin:0 auto;
  background-color:#fafafa
}

.developer-bundle-contents-slider a span{
  color:#222;
  text-transform:uppercase;
  font-weight:600;
  display:block;
  padding-top:5px
}

.sweet-alert fieldset{
  padding:0;
  margin:0
}

.sweet-alert li.edd-cart-item{
  list-style-type:none
}

.sweet-alert li.edd-cart-item .edd-cart-item-title{
  font-weight:500;
  display:block;
  font-size:1.25em
}

.sweet-alert li.edd-cart-item .edd-cart-item-price{
  color:#868686;
  font-size:0.8em
}

.sweet-alert li.edd-cart-item .edd-remove-from-cart{
  content:"x"
}

.bg-white-circles{
  background-image:radial-gradient(circle at 13% 47%, rgba(140,140,140,0.03) 0%, rgba(140,140,140,0.03) 25%, transparent 25%, transparent 100%),radial-gradient(circle at 28% 63%, rgba(143,143,143,0.03) 0%, rgba(143,143,143,0.03) 16%, transparent 16%, transparent 100%),radial-gradient(circle at 81% 56%, rgba(65,65,65,0.03) 0%, rgba(65,65,65,0.03) 12%, transparent 12%, transparent 100%),radial-gradient(circle at 26% 48%, rgba(60,60,60,0.03) 0%, rgba(60,60,60,0.03) 6%, transparent 6%, transparent 100%),radial-gradient(circle at 97% 17%, rgba(150,150,150,0.03) 0%, rgba(150,150,150,0.03) 56%, transparent 56%, transparent 100%),radial-gradient(circle at 50% 100%, rgba(25,25,25,0.03) 0%, rgba(25,25,25,0.03) 36%, transparent 36%, transparent 100%),radial-gradient(circle at 55% 52%, rgba(69,69,69,0.03) 0%, rgba(69,69,69,0.03) 6%, transparent 6%, transparent 100%),linear-gradient(90deg, #fff, #fff)
}

.is-account-page #inner-content{
  background:#fff;
  margin:2em auto;
  border-radius:4px;
  padding:2em
}

.is-account-page #inner-content h1{
  margin:0 0 0.5em
}

.is-account-page #inner-content h2{
  margin-top:0
}

.is-account-page #inner-content .edd-table,.is-account-page #inner-content table{
  margin:0 0 3em;
  background-color:#fafafa;
  padding:1em
}

.is-account-page #inner-content .edd-table td,.is-account-page #inner-content .edd-table th,.is-account-page #inner-content table td,.is-account-page #inner-content table th{
  padding:0.75em
}

.is-account-page #edd_profile_editor_form p,.is-account-page #edd_login_form p{
  margin:0
}

.is-account-page #edd_profile_editor_form fieldset,.is-account-page #edd_login_form fieldset{
  border:0;
  margin:0;
  padding:0
}

.is-account-page #edd_profile_editor_form legend,.is-account-page #edd_login_form legend{
  font-weight:600;
  margin:1em 0
}

.is-account-page #edd_profile_editor_form label,.is-account-page #edd_login_form label{
  margin-bottom:0;
  width:190px;
  display:block
}

.is-account-page #edd_profile_editor_form input[type="text"],.is-account-page #edd_profile_editor_form input[type="email"],.is-account-page #edd_profile_editor_form input[type="password"],.is-account-page #edd_login_form input[type="text"],.is-account-page #edd_login_form input[type="email"],.is-account-page #edd_login_form input[type="password"]{
  padding:0.35em 0.5em;
  width:300px;
  margin-bottom:20px;
  border:1px solid #ccc
}

.is-account-page #edd_login_form legend{
  margin-bottom:2em
}

.is-account-page #edd_login_form .edd-login-remember{
  margin-bottom:10px
}

.is-account-page #edd_profile_password_wrap{
  margin-bottom:1.5em
}

.is-account-page #edd_profile_editor_submit,.is-account-page #edd_login_submit{
  padding:1em;
  border:0;
  background-color:#4cb5c2;
  border-radius:4px;
  color:#f4f4f4
}

.is-account-page #edd_login_submit{
  padding:1em 3em
}

.is-account-page .edd-login-password{
  margin-bottom:1em
}

.is-account-page .edd-login-submit{
  margin-bottom:2em !important
}

.is-bundles-page{
  text-align:center
}

.is-bundles-page .is-hero{
  background:#67B26F;
  background:linear-gradient(to left, #67B26F, #4ca2cd);
  padding:4em 0;
  margin:0 0 4em;
  color:#fff !important;
  box-shadow:inset 0 -2px 5px rgba(0,0,0,0.1)
}

.is-bundles-page .is-hero svg{
  width:80px;
  height:80px;
  fill:#fff
}

.is-bundles-page .is-hero h1{
  font-weight:700;
  font-size:2.75em;
  margin:0
}

.is-bundles-page .is-hero h2{
  margin:0 0 2em
}

.is-bundles-page .contains-bundles{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin:0 0 3em
}

.is-bundles-page .contains-bundles>div{
  text-align:center;
  width:100%;
  background:#fff;
  border-radius:4px;
  box-shadow:0 2px 5px rgba(0,0,0,0.15);
  padding:2em 1em;
  margin:0 0 1em;
  position:relative
}

.is-bundles-page .contains-bundles>div>span{
  position:absolute;
  top:-2px;
  right:-2px;
  background:red;
  padding:0 0.5em;
  text-transform:uppercase;
  font-weight:700;
  font-size:0.75em;
  color:#fff;
  border-left:12px solid #fff;
  border-right:5px solid red;
  border-top:12px solid red;
  border-bottom:12px solid red;
  height:0;
  line-height:0
}

.is-bundles-page .contains-bundles>div h2{
  font-weight:700;
  font-size:1.75em;
  margin:0
}

.is-bundles-page .contains-bundles>div h3{
  font-weight:700;
  margin:0 0 0.5em
}

.is-bundles-page .contains-bundles>div p{
  margin:0 0 1em
}

.is-bundles-page .contains-bundles>div form{
  margin:0 0 2em
}

.is-bundles-page .contains-bundles>div form .edd-cart-added-alert{
  position:relative !important
}

.is-bundles-page .contains-bundles>div ul{
  margin:0
}

.is-bundles-page .contains-bundles>div li{
  padding:1em
}

.is-bundles-page .contains-bundles>div li:not(:last-child){
  border-bottom:1px solid #eee
}

.is-bundles-page .contains-bundles>div .is-exclusive{
  background:#9b4f9e;
  border-radius:3px;
  color:#fff;
  font-size:0.8em;
  display:block;
  width:100px;
  margin:0 auto 1em
}

.is-bundles-page .contains-bundles>div .licensing-statement{
  display:none
}

@media all and (min-width: 712px){
  .is-bundles-page .contains-bundles>div{
    width:32%
  }

  .is-bundles-page .contains-bundles>div.is-featured{
    margin:-1em 0 0;
    width:36%;
    z-index:1;
    box-shadow:0 2px 40px rgba(0,0,0,0.15);
    background:#ffffff;
    background:linear-gradient(to bottom, #fff, #eff7ff)
  }
}

.is-pricing-page{
  text-align:center
}

.is-pricing-page #inner-content{
  max-width:1140px
}

.is-pricing-page .is-hero{
  background:#67B26F;
  background:linear-gradient(to left, #67B26F, #4ca2cd);
  padding:2em 0 1em;
  margin:0 0 4em;
  color:#fff !important;
  box-shadow:inset 0 -2px 5px rgba(0,0,0,0.1)
}

.is-pricing-page .is-hero svg{
  width:80px;
  height:80px;
  fill:#fff
}

.is-pricing-page .is-hero h1{
  font-weight:700;
  font-size:2.75em;
  margin:0
}

.is-pricing-page .is-hero h2{
  margin:0 0 2em
}

.is-pricing-page .contains-pricing{
  display:grid;
  grid-template-columns:1fr;
  margin-bottom:20px
}

.is-pricing-page .contains-pricing>div{
  text-align:left;
  width:100%;
  background:#fff;
  border-radius:4px;
  box-shadow:0 2px 5px rgba(0,0,0,0.15);
  padding:20px;
  margin:0 0 1em;
  position:relative
}

.is-pricing-page .contains-pricing>div.is-featured{
  z-index:1;
  box-shadow:0 2px 40px rgba(0,0,0,0.15);
  background:#ffffff
}

.is-pricing-page .contains-pricing>div.is-featured li{
  font-weight:bold
}

.is-pricing-page .contains-pricing>div>span{
  position:absolute;
  top:-2px;
  right:-2px;
  background:#63b07a;
  padding:0 0.5em;
  text-transform:uppercase;
  font-weight:700;
  font-size:0.75em;
  color:#fff;
  border-left:12px solid #fff;
  border-right:5px solid #63b07a;
  border-top:12px solid #63b07a;
  border-bottom:12px solid #63b07a;
  height:0;
  line-height:0
}

.is-pricing-page .contains-pricing>div h2{
  font-weight:700;
  font-size:1.75em;
  margin:10px 0
}

.is-pricing-page .contains-pricing>div h3{
  font-weight:700;
  margin:0 0 0.5em
}

.is-pricing-page .contains-pricing>div p{
  margin:0 0 1em
}

.is-pricing-page .contains-pricing>div .is-price{
  font-size:14px;
  color:#555a5a;
  letter-spacing:0.4px;
  margin:0;
  text-transform:uppercase;
  font-weight:bold
}

.is-pricing-page .contains-pricing>div .vimeography-button{
  display:inline-block;
  margin:0 0 20px;
  padding:5px 10px;
  text-transform:initial;
  letter-spacing:0.4px;
  background:#1d72af;
  box-shadow:0 2px 5px rgba(0,0,0,0.15);
  cursor:pointer;
  border:1px solid #10588c;
  transition:all 250ms
}

.is-pricing-page .contains-pricing>div .vimeography-button:hover{
  background:#3496dc;
  transform:scale(1.05)
}

.is-pricing-page .contains-pricing>div small{
  line-height:1
}

.is-pricing-page .contains-pricing>div form{
  margin:0 0 2em
}

.is-pricing-page .contains-pricing>div form .edd-cart-added-alert{
  position:relative !important
}

.is-pricing-page .contains-pricing>div ul{
  margin:0
}

.is-pricing-page .contains-pricing>div li{
  padding:15px 0
}

.is-pricing-page .contains-pricing>div li:not(:last-child){
  border-bottom:1px solid #eee
}

.is-pricing-page .contains-pricing>div .is-exclusive{
  background:#9b4f9e;
  border-radius:3px;
  color:#fff;
  font-size:0.8em;
  margin:0 0 10px;
  display:inline-block;
  padding:2px 6px
}

.is-pricing-page .contains-pricing>div .licensing-statement{
  display:none
}

.is-pricing-page .licensing-statement{
  text-align:center;
  font-size:11px
}

@media all and (min-width: 789px){
  .is-pricing-page .contains-pricing{
    -moz-column-gap:5px;
         column-gap:5px;
    grid-template-columns:1fr 1fr
  }
}

@media all and (min-width: 1140px){
  .is-pricing-page .contains-pricing{
    -moz-column-gap:5px;
         column-gap:5px;
    grid-template-columns:1fr 1fr 2fr 1fr
  }

  .is-pricing-page .contains-pricing .is-featured{
    margin:-1em 0 0
  }
}

.is-partners-page{
  padding-top:60px
}

.is-partners-page .is-hero{
  margin:0 auto;
  text-align:center
}

.is-partners-page .is-hero img{
  width:100%;
  max-width:380px
}

.is-partners-page h1,.is-partners-page h2,.is-partners-page h3{
  font-weight:bold
}

.is-partners-page h2{
  text-decoration:underline;
  -webkit-text-decoration-style:wavy;
          text-decoration-style:wavy;
  -webkit-text-decoration-color:#00b9c3;
          text-decoration-color:#00b9c3
}

.is-partners-page p{
  font-size:1.25rem;
  line-height:1.6
}

.is-partners-page .contains-partner-benefits{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  grid-column-gap:25px
}

.is-partners-page .contains-partner-benefits img{
  width:40px
}

.is-partners-page .contains-cta{
  text-align:center;
  margin:20px 0;
  background:#eeeeef;
  padding:10px
}

body.edd-checkout #inner-header nav{
  display:none !important
}

body.edd-checkout #inner-header #logo{
  margin:22px auto 0 !important;
  float:none !important
}

#edd_checkout_wrap{
  max-width:720px;
  margin:0 auto;
  padding:2em 0
}

.is-upgrade-link{
  display:block
}

.is-upgrade-link a{
  display:inline-block;
  padding:3px 10px;
  border-radius:4px;
  background:#969aab;
  color:#fff;
  text-decoration:none;
  box-shadow:0 2px 2px rgba(0,0,0,0.15)
}

.is-upgrade-link a:hover{
  color:#fff;
  background:#7e8292
}

a.edd_cart_remove_item_btn{
  color:#dc8383;
  font-size:12px;
  text-transform:lowercase
}

#edd_sl_renewal_form{
  display:none
}

#edd_checkout_form_wrap fieldset{
  border:0;
  margin:0;
  padding:0
}

#edd_payment_mode_select{
  margin:0 !important;
  border-bottom:1px solid #efefef !important;
  border-radius:4px 4px 0 0
}

#edd_payment_mode_select_wrap{
  background:#fff;
  text-align:center;
  padding:1em 0 0;
  font-size:1.2em;
  box-shadow:0 2px 5px rgba(0,0,0,0.15)
}

#edd_purchase_form_wrap{
  background:#fff;
  padding:2em;
  box-shadow:0 2px 5px rgba(0,0,0,0.15)
}

#edd_checkout_form_wrap legend{
  text-align:center
}

#edd_checkout_user_info,#edd_cc_fields,#edd_cc_address{
  margin-bottom:2.5em !important
}

#edd_cc_fields{
  padding:1em !important
}

#edd_final_total_wrap{
  text-align:center
}

#edd-purchase-button{
  width:100%;
  padding:1em;
  font-size:1.2em
}

#edd_checkout_user_info p,#edd_cc_fields p,#edd_cc_address p{
  margin-bottom:2em
}

#edd_checkout_form_wrap textarea,#edd_checkout_form_wrap input[type="text"],#edd_checkout_form_wrap input[type="email"],#edd_checkout_form_wrap input[type="password"],#edd_checkout_form_wrap input[type="tel"]{
  padding:10px;
  border:1px solid #ccc;
  border-radius:0.25em
}

.edd_cart_amount{
  font-size:36px;
  margin-top:10px;
  display:inline-block;
  color:#1d8e69
}

.edd_checkout_cart_item_title{
  font-weight:bold
}

#comparison-table{
  width:100%;
  background:#fff;
  border-radius:4px;
  box-shadow:0 5px 25px rgba(0,0,0,0.1);
  transform:translateY(-1px)
}

#comparison-table svg{
  width:20px;
  height:20px;
  display:block;
  margin:0 auto
}

#comparison-table tr{
  border-top:1px solid #efefef
}

#comparison-table tr:nth-child(odd){
  background:#fbfbfb
}

#comparison-table tr:hover{
  background:#e4e4e4
}

#comparison-table th,#comparison-table td{
  padding:1em
}

#comparison-table td:not(:first-child){
  text-align:center
}

#comparison-table td.has-feature svg{
  fill:#1fa91f
}

#comparison-table td.missing-feature svg{
  fill:#bb5b5b
}

.is-purchase-confirmation-page{
  text-align:center;
  padding:2em
}

.is-purchase-confirmation-page h1{
  font-weight:700;
  margin:0
}

.is-purchase-confirmation-page h2{
  margin:0 0 1em
}

.is-purchase-confirmation-page #inner-content>p{
  font-size:1.2em;
  margin:0 0 2em;
  color:#85888e;
  background:#e8e8e8;
  padding:0.5em
}

.is-purchase-confirmation-page h3{
  font-weight:700;
  margin:0 0 1em
}

.is-purchase-confirmation-page #edd_purchase_receipt,.is-purchase-confirmation-page #edd_subscription_receipt,.is-purchase-confirmation-page #edd_purchase_receipt_products{
  background:#fafafa;
  border-radius:4px;
  box-shadow:0 2px 5px rgba(0,0,0,0.15);
  margin:0 0 4em;
  width:100%
}

.is-purchase-confirmation-page #edd_purchase_receipt td,.is-purchase-confirmation-page #edd_purchase_receipt th,.is-purchase-confirmation-page #edd_subscription_receipt td,.is-purchase-confirmation-page #edd_subscription_receipt th,.is-purchase-confirmation-page #edd_purchase_receipt_products td,.is-purchase-confirmation-page #edd_purchase_receipt_products th{
  padding:0.8em 1em
}

.is-purchase-confirmation-page #edd_purchase_receipt tr,.is-purchase-confirmation-page #edd_subscription_receipt tr,.is-purchase-confirmation-page #edd_purchase_receipt_products tr{
  border-bottom:1px solid #f0f0f0
}

.is-purchase-confirmation-page #edd_purchase_receipt tr.edd_license_keys,.is-purchase-confirmation-page #edd_subscription_receipt tr.edd_license_keys,.is-purchase-confirmation-page #edd_purchase_receipt_products tr.edd_license_keys{
  background:#dde6f3
}

.is-purchase-confirmation-page .edd_download_file{
  margin:0 0 1em !important
}

.is-purchase-confirmation-page .edd_download_file:before{
  content:"Download Link:";
  display:inline-block;
  margin-right:0.5em
}

#vimeography-pro-page p{
  font-size:1.2rem;
  line-height:2rem;
  -webkit-hyphens:none;
      -ms-hyphens:none;
          hyphens:none
}

#vimeography-pro-page h2{
  font-size:1.5rem;
  font-weight:bold;
  font-family:"Lora", serif
}

#vimeography-pro-page h2 span{
  color:#4cb5c2
}

#vimeography-pro-page #hero{
  text-align:center;
  padding:60px 0 2rem;
  background-color:#f3f2f6;
  background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e7e5ea' fill-opacity='0.4'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

#vimeography-pro-page #hero .wrap{
  padding:0
}

#vimeography-pro-page #hero #player{
  max-width:720px;
  margin:0 auto;
  border:5px solid white;
  box-shadow:0 2px 5px rgba(0,0,0,0.15)
}

#vimeography-pro-page #hero .text{
  max-width:680px;
  margin:0 auto;
  padding:0 1rem
}

#vimeography-pro-page #pitch{
  background:#fcfcfc;
  margin:0 0 2rem;
  padding:2rem 1rem;
  box-shadow:0 2px 10px rgba(0,0,0,0.05)
}

#vimeography-pro-page #pitch .top{
  display:flex;
  flex-wrap:wrap;
  margin-bottom:1rem
}

#vimeography-pro-page #pitch .top .text{
  padding:0 1rem 0 0
}

#vimeography-pro-page #pitch .top .demo-gallery{
  order:-1;
  width:100%;
  flex:0 1 100%
}

#vimeography-pro-page #pitch h2{
  font-weight:bold;
  font-size:1.6rem;
  margin:0 0 1rem
}

#vimeography-pro-page #pitch #action{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  background-color:#e7e7e8;
  padding:2rem;
  border-radius:5px;
  color:#ffffff;
  background-color:#4cb5c2
}

#vimeography-pro-page #pitch #action .text span{
  font-size:1.6rem;
  display:block;
  margin-bottom:1rem;
  font-weight:600;
  line-height:2rem
}

#vimeography-pro-page #pitch #action .text .agreement{
  font-size:0.9rem;
  font-weight:300;
  line-height:1.4rem
}

#vimeography-pro-page #pitch #action a.vimeography-button{
  flex:1;
  text-align:center;
  background-color:#292d33;
  box-shadow:0 2px 5px rgba(0,0,0,0.15);
  font-weight:bold
}

#vimeography-pro-page #pitch #action a.vimeography-button:hover{
  background:#2e333a !important
}

#vimeography-pro-page #features{
  text-align:left;
  position:relative;
  padding:1rem 0;
  display:grid;
  grid-template-columns:repeat(auto-fill, 280px);
  grid-column-gap:40px;
  grid-row-gap:30px;
  justify-content:center
}

#vimeography-pro-page #features h2{
  font-size:1.6rem
}

#vimeography-pro-page #discount{
  text-align:center;
  background-color:#fff;
  padding:4rem 0;
  box-shadow:0 2px 10px rgba(0,0,0,0.05);
  background-color:#fcfcfd;
  background-image:url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M81.28 88H68.413l19.298 19.298L81.28 88zm2.107 0h13.226L90 107.838 83.387 88zm15.334 0h12.866l-19.298 19.298L98.72 88zm-32.927-2.207L73.586 78h32.827l.5.5 7.294 7.293L115.414 87l-24.707 24.707-.707.707L64.586 87l1.207-1.207zm2.62.207L74 80.414 79.586 86H68.414zm16 0L90 80.414 95.586 86H84.414zm16 0L106 80.414 111.586 86h-11.172zm-8-6h11.173L98 85.586 92.414 80zM82 85.586L87.586 80H76.414L82 85.586zM17.414 0L.707 16.707 0 17.414V0h17.414zM4.28 0L0 12.838V0h4.28zm10.306 0L2.288 12.298 6.388 0h8.198zM180 17.414L162.586 0H180v17.414zM165.414 0l12.298 12.298L173.612 0h-8.198zM180 12.838L175.72 0H180v12.838zM0 163h16.413l.5.5 7.294 7.293L25.414 172l-8 8H0v-17zm0 10h6.613l-2.334 7H0v-7zm14.586 7l7-7H8.72l-2.333 7h8.2zM0 165.414L5.586 171H0v-5.586zM10.414 171L16 165.414 21.586 171H10.414zm-8-6h11.172L8 170.586 2.414 165zM180 163h-16.413l-7.794 7.793-1.207 1.207 8 8H180v-17zm-14.586 17l-7-7h12.865l2.333 7h-8.2zM180 173h-6.613l2.334 7H180v-7zm-21.586-2l5.586-5.586 5.586 5.586h-11.172zM180 165.414L174.414 171H180v-5.586zm-8 5.172l5.586-5.586h-11.172l5.586 5.586zM152.933 25.653l1.414 1.414-33.94 33.942-1.416-1.416 33.943-33.94zm1.414 127.28l-1.414 1.414-33.942-33.94 1.416-1.416 33.94 33.943zm-127.28 1.414l-1.414-1.414 33.94-33.942 1.416 1.416-33.943 33.94zm-1.414-127.28l1.414-1.414 33.942 33.94-1.416 1.416-33.94-33.943zM0 85c2.21 0 4 1.79 4 4s-1.79 4-4 4v-8zm180 0c-2.21 0-4 1.79-4 4s1.79 4 4 4v-8zM94 0c0 2.21-1.79 4-4 4s-4-1.79-4-4h8zm0 180c0-2.21-1.79-4-4-4s-4 1.79-4 4h8z' fill='%23929fac' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E")
}

#vimeography-pro-page #discount h2{
  max-width:780px;
  margin:0 auto 3rem;
  font-size:2.25rem
}

#vimeography-pro-page #discount p{
  max-width:600px;
  margin:1em auto
}

#vimeography-pro-page #companies{
  text-align:center;
  background-color:#fff;
  padding:4rem 0;
  box-shadow:0 2px 10px rgba(0,0,0,0.05)
}

#vimeography-pro-page #companies h2{
  max-width:780px;
  margin:0 auto 3rem;
  font-size:2.25rem
}

#vimeography-pro-page #companies #company-container{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(230px, 1fr));
  grid-column-gap:1.5rem;
  align-items:center;
  justify-items:center;
  margin:0 auto;
  max-width:90%
}

#vimeography-pro-page #companies #company-container div{
  margin-bottom:2rem
}

#vimeography-pro-page #companies img{
  width:100%;
  height:auto;
  display:block
}

#vimeography-pro-page #testimonials{
  padding:4rem 0;
  max-width:900px;
  margin:0 auto;
  text-align:center
}

#vimeography-pro-page #testimonials h2{
  margin:0 auto 3rem;
  font-size:2.25rem;
  max-width:680px
}

#vimeography-pro-page #testimonials #testimonial-container{
  display:grid;
  grid-template-columns:repeat(auto-fill, 320px);
  grid-column-gap:40px;
  grid-row-gap:50px;
  justify-content:center
}

#vimeography-pro-page #testimonials .is-testimonial{
  background-color:#fff;
  box-shadow:0 2px 5px rgba(0,0,0,0.15);
  max-width:400px;
  padding:2rem 1.5rem;
  border-radius:4px;
  text-align:left
}

#vimeography-pro-page #testimonials .is-testimonial img{
  border-radius:50%;
  max-width:150px;
  margin:0 auto;
  display:block
}

#vimeography-pro-page #testimonials .is-testimonial blockquote{
  font-size:1.2rem;
  margin:1em 15px
}

#vimeography-pro-page #testimonials .is-testimonial span{
  float:right;
  color:#ccc
}

#vimeography-pro-page #compatibility{
  padding:3rem 0;
  background-color:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,0.05)
}

#vimeography-pro-page #compatibility h2{
  max-width:770px;
  margin:0 auto 3rem;
  text-align:center
}

#vimeography-pro-page #compatibility #logo-container{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  margin:0 auto;
  max-width:90%
}

#vimeography-pro-page #compatibility #logo-container div{
  flex:0 1 100%;
  padding:0 1rem;
  margin-bottom:2rem
}

#vimeography-pro-page #compatibility img{
  width:100%;
  height:auto;
  display:block
}

#vimeography-pro-page #about{
  display:flex;
  flex-wrap:wrap;
  max-width:900px;
  margin:0 auto;
  padding:3rem 0;
  align-items:center
}

#vimeography-pro-page #about img{
  border-radius:50%;
  border:3px solid #960c49;
  max-width:220px;
  height:auto;
  margin:0 auto
}

#vimeography-pro-page #about .text{
  padding:1rem
}

#vimeography-pro-page #about h2{
  font-size:1.6rem
}

#vimeography-pro-page #about span{
  font-style:italic
}

#vimeography-pro-page #bundle{
  margin:0 auto 3rem;
  display:block
}

#vimeography-pro-page #bundle h2{
  font-size:1.75rem
}

#vimeography-pro-page #bundle .text{
  padding:0 1rem
}

#vimeography-pro-page #bundle .image{
  display:none
}

#vimeography-pro-page #comparison a{
  font-size:1rem;
  text-align:center;
  margin:0 auto 2rem;
  display:block
}

#vimeography-pro-page #comparison #comparison-table{
  display:block;
  margin:0 0 4rem
}

#vimeography-pro-page .sell-points h2{
  font-size:1.75rem
}

@media screen and (min-width: 853px){
  .zoom,#vimeography-pro-page #pitch #action a.vimeography-button,#vimeography-pro-page #bundle .text a{
    transition:background 0.25s ease;
    transform:translateZ(0);
    transition:transform 0.25s ease-out
  }

  .zoom-hover,#vimeography-pro-page #pitch #action a.vimeography-button:hover,#vimeography-pro-page #bundle .text a:hover{
    transform:scale(1.05)
  }

  #vimeography-pro-page p{
    font-size:1.4rem
  }

  #vimeography-pro-page h2{
    font-size:2.5rem
  }

  #vimeography-pro-page #hero{
    padding:150px 0 4rem
  }

  #vimeography-pro-page #hero .wrap{
    padding:0 20px
  }

  #vimeography-pro-page #hero .text{
    padding:0
  }

  #vimeography-pro-page #hero h2{
    font-size:2em
  }

  #vimeography-pro-page #pitch{
    padding:4rem 2rem
  }

  #vimeography-pro-page #pitch .top{
    flex-wrap:nowrap
  }

  #vimeography-pro-page #pitch .top .text{
    flex:0 1 510px;
    padding:0 1rem 0 0
  }

  #vimeography-pro-page #pitch .top .demo-gallery{
    order:0;
    flex:1
  }

  #vimeography-pro-page #pitch #action{
    flex-wrap:nowrap
  }

  #vimeography-pro-page #pitch #action .text{
    flex:1 0 auto;
    padding:0 2rem 0 0
  }

  #vimeography-pro-page #features{
    padding:3rem 0;
    grid-row-gap:50px;
    justify-content:center
  }

  #vimeography-pro-page #companies{
    padding:4rem 0 6rem
  }

  #vimeography-pro-page #companies #company-container div{
    margin:0
  }

  #vimeography-pro-page #testimonials #testimonial-container{
    grid-template-columns:repeat(auto-fill, 400px)
  }

  #vimeography-pro-page #testimonials #testimonial-container .is-testimonial blockquote{
    margin:1em 40px
  }

  #vimeography-pro-page #compatibility{
    padding:6rem 0
  }

  #vimeography-pro-page #compatibility h2{
    max-width:770px;
    margin:0 auto 3rem;
    text-align:center
  }

  #vimeography-pro-page #compatibility #logo-container{
    flex-wrap:nowrap
  }

  #vimeography-pro-page #compatibility #logo-container div{
    flex:0 1 20%;
    margin-bottom:0
  }

  #vimeography-pro-page #about{
    flex-wrap:nowrap;
    padding:3rem 0;
    align-items:center
  }

  #vimeography-pro-page #about img{
    margin:0
  }

  #vimeography-pro-page #about .text{
    padding:0 0 0 3rem
  }

  #vimeography-pro-page #bundle{
    margin:0 auto 4rem;
    display:flex;
    align-items:center
  }

  #vimeography-pro-page #bundle .text{
    padding:0 2rem 0 0
  }

  #vimeography-pro-page #bundle .image{
    display:block;
    flex:0 1 450px
  }

  #vimeography-pro-page #bundle .image img{
    max-width:100%;
    width:100%
  }

  #vimeography-pro-page #comparison a{
    font-size:1rem;
    text-align:center;
    margin:0 auto 2rem;
    display:block
  }

  #vimeography-pro-page #comparison #comparison-table{
    display:block;
    margin:0 0 4rem
  }

  #vimeography-pro-page .sell-points h2{
    font-size:1.5rem
  }

  #vimeography-pro-page .sell-points a{
    font-size:1.4rem;
    line-height:2rem
  }
}

body.single-post{
  color:#4a4d58;
  background:#f4f4f4
}

article.post{
  padding:2em 0;
  background:#fff;
  box-shadow:0px 4px 8px 2px rgba(39,52,60,0.06)
}

article.post header{
  text-align:center
}

article.post header h1{
  font-weight:bold;
  font-size:3.36em;
  padding:0 1.2em
}

article.post header:after{
  content:"";
  width:180px;
  border-bottom:1px solid #e6e6e6;
  display:block;
  margin:30px auto
}

article.post h2{
  font-size:2em;
  font-family:sans-serif;
  color:#393746;
  margin-top:1.5em
}

article.post h2,article.post h2 span,article.post h3,article.post h3 span{
  font-weight:600 !important
}

article.post p{
  font-size:24px;
  line-height:1.75
}

article.post ul{
  padding-left:30px
}

article.post li{
  font-size:22px;
  line-height:1.75;
  margin-bottom:20px
}

article.post img{
  border:2px solid #d2d2d2;
  box-shadow:0 2px 5px rgba(0,0,0,0.15)
}

article.post section.entry-content{
  max-width:700px;
  width:100%;
  margin:0 auto
}

#alert_bar{
  z-index:9999;
  background:#ab2315;
  width:100%;
  text-align:center;
  font-size:12px;
  padding:29px 10px;
  opacity:0;
  transition:all 250ms;
  position:fixed;
  bottom:0;
  display:none
}

#alert_bar h2{
  margin:0;
  padding:0;
  color:#fff
}

.contains-experience-suite{
  text-align:center;
  padding:30px 25px;
  background:#fff;
  border-radius:4px
}

.contains-experience-suite .contains-experience-suite-options{
  display:grid;
  grid-template-columns:1fr
}

.contains-experience-suite .contains-experience-suite-options>div{
  padding:20px;
  margin-bottom:20px;
  border:1px solid #eaeaea;
  transition:all 250ms
}

.contains-experience-suite img{
  width:50px;
  border:1px solid #e7ecef;
  border-radius:4px;
  padding:8px;
  box-shadow:0 2px 2px rgba(0,0,0,0.05);
  background:#f9f9f9;
  display:block;
  margin:0 auto 10px
}

.contains-experience-suite h2{
  margin:0 0 20px;
  font-family:"proxima-nova", sans-serif;
  font-size:30px;
  font-weight:600;
  color:#614cb7
}

.contains-experience-suite h3{
  margin:0 0 10px;
  font-family:"proxima-nova", sans-serif;
  font-size:18px;
  font-weight:600
}

.contains-experience-suite span{
  background:#6540b9;
  padding:4px 10px;
  border-radius:2px;
  font-size:12px;
  color:#ffffff;
  text-transform:uppercase;
  font-weight:700;
  border:1px solid #413fcc
}

.contains-experience-suite span.is-in-cart{
  background:#40b965;
  border:1px solid #3fcc71
}

@media all and (min-width: 768px){
  .contains-experience-suite .contains-experience-suite-options{
    grid-template-columns:1fr 1fr 1fr;
    grid-column-gap:15px
  }

  .contains-experience-suite .contains-experience-suite-options>div{
    padding:20px 10px;
    margin-bottom:0
  }

  .contains-experience-suite .contains-experience-suite-options>div:hover{
    transform:translateY(-2px);
    box-shadow:0 2px 5px rgba(0,0,0,0.1)
  }

  .contains-experience-suite .contains-experience-suite-options .is-description{
    min-height:190px
  }
}

.is-theme-onboarding .is-step{
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  text-align:center;
  width:100%;
  height:85vh
}

.is-theme-onboarding .is-step img{
  max-width:260px;
  height:auto;
  margin-bottom:20px
}

.is-theme-onboarding .is-step h2{
  font-size:48px;
  color:#3c3e3a;
  font-style:italic;
  font-weight:700;
  margin:0 0 20px;
  font-family:"Playfair Display", serif
}

.is-theme-onboarding .is-step p{
  font-size:24px;
  max-width:600px;
  margin:0 auto 40px;
  line-height:1.2
}

.is-theme-onboarding .is-step button{
  padding:15px 20px;
  border:1px solid #d7e4e0;
  border-radius:3px;
  font-family:"Montserrat", sans-serif;
  text-transform:uppercase;
  font-weight:600;
  box-shadow:0 2px 2px rgba(0,0,0,0.05);
  background:#fff;
  color:#081c1f;
  display:block;
  width:350px;
  margin:10px auto 15px;
  transition:all 250ms
}

.is-theme-onboarding .is-step button:hover{
  transform:scale(1.048) translate3d(0, 0, 0);
  background:#fafafa;
  box-shadow:0 2px 2px rgba(0,0,0,0.08)
}

.is-theme-onboarding .is-step input[type="text"],.is-theme-onboarding .is-step input[type="email"]{
  padding:10px;
  width:100%;
  max-width:400px;
  display:block;
  margin:0 auto 35px
}

.is-theme-onboarding .is-step .is-inline-form{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px
}

.is-theme-onboarding .is-step .is-inline-form button{
  width:auto;
  margin:0;
  padding:12px;
  background:#2f60e8;
  color:#fff;
  transition:all 250ms
}

.is-theme-onboarding .is-step .is-inline-form button:hover{
  background:#204fd2
}

.is-theme-onboarding .is-step .is-inline-form input{
  margin:0
}

.is-theme-onboarding .is-step a{
  color:#8d9eab;
  font-size:13px;
  letter-spacing:0.3px
}

.is-themes-page>div:not(.contains-gallery) h2,.is-themes-page>h2{
  font-size:36px;
  color:#3c3e3a;
  font-style:italic
}

.is-themes-page>div:not(.contains-gallery) h2,.is-themes-page>div:not(.contains-gallery) h3,.is-themes-page>h2,.is-themes-page>h3{
  font-weight:700;
  margin:0 0 20px;
  font-family:"Playfair Display", serif
}

.is-themes-page>div:not(.contains-gallery) h3,.is-themes-page>h3{
  font-size:18px;
  font-family:"Montserrat", sans-serif;
  text-transform:uppercase
}

.is-themes-page #theme-header{
  width:100%;
  background:#3e424a;
  color:#fafafa
}

.is-themes-page #theme-header .wrap{
  display:flex;
  padding:20px;
  justify-content:space-between;
  align-items:center
}

.is-themes-page #theme-header h2{
  font-size:32px;
  margin:0;
  color:#eee;
  font-family:"Montserrat", sans-serif;
  text-transform:uppercase;
  font-style:normal
}

.is-themes-page #theme-header h3{
  font-size:12px;
  color:#eee;
  margin:0;
  font-weight:300;
  line-height:1
}

.is-themes-page #theme-header form{
  max-width:300px;
  font-size:12px;
  line-height:1.4;
  color:#cecece
}

.is-themes-page #theme-header form .licensing-statement a{
  display:inline-block
}

.is-themes-page .contains-gallery{
  padding:40px 0;
  box-shadow:inset 0 0px 10px rgba(0,0,0,0.05);
  margin:0 auto 40px
}

.is-themes-page .contains-gallery div[itemprop="description"] p{
  font-size:23px;
  color:#36424e;
  max-width:760px;
  margin:30px auto;
  text-align:center;
  line-height:1.3
}

.is-themes-page .contains-use-cases,.is-themes-page .contains-example-sites .wrap,.is-themes-page .contains-sell-points,.is-themes-page .contains-features .wrap{
  display:grid;
  grid-template-columns:1fr;
  margin-bottom:30px;
  text-align:center;
  padding:30px 0
}

.is-themes-page .contains-use-cases img,.is-themes-page .contains-example-sites .wrap img,.is-themes-page .contains-sell-points img,.is-themes-page .contains-features .wrap img{
  height:150px;
  margin-bottom:20px
}

.is-themes-page .contains-use-cases p,.is-themes-page .contains-use-cases a,.is-themes-page .contains-example-sites .wrap p,.is-themes-page .contains-example-sites .wrap a,.is-themes-page .contains-sell-points p,.is-themes-page .contains-sell-points a,.is-themes-page .contains-features .wrap p,.is-themes-page .contains-features .wrap a{
  font-size:20px;
  line-height:1.4;
  display:block
}

.is-themes-page .contains-example-sites img{
  width:100%;
  height:auto;
  margin:0
}

.is-themes-page .contains-example-sites figure{
  background:#eff0f1;
  padding:15px;
  border-radius:4px;
  box-shadow:0 2px 2px rgba(0,0,0,0.05)
}

.is-themes-page .contains-features{
  background:url(https://www.toptal.com/designers/subtlepatterns/patterns/white-waves.png);
  padding:60px;
  margin-bottom:80px;
  text-align:center
}

.is-themes-page .contains-features .wrap{
  text-align:left;
  margin:20px auto;
  grid-row-gap:40px
}

.is-themes-page .contains-features .wrap h2{
  font-size:22px;
  color:#4e5054
}

.is-themes-page .contains-testimonials{
  margin-bottom:100px;
  max-width:750px
}

.is-themes-page .is-testimonial{
  width:100%;
  margin-right:20px;
  background:rgba(255,255,255,0.8);
  padding:15px 30px;
  border-radius:4px;
  box-shadow:0 2px 2px rgba(0,0,0,0.05);
  position:relative
}

.is-themes-page .is-testimonial:before{
  content:"\201C";
  font-size:130px;
  color:#ccc;
  display:block;
  position:absolute;
  top:50px;
  left:15px;
  opacity:0.2
}

.is-themes-page .is-testimonial blockquote{
  margin:0
}

.is-themes-page .is-testimonial p{
  font-size:22px;
  line-height:1.4
}

.is-themes-page .is-testimonial cite{
  display:flex
}

.is-themes-page .is-testimonial cite div:first-of-type{
  width:60px;
  height:60px;
  box-shadow:inset 0 0 2px rgba(0,0,0,0.5);
  position:relative;
  z-index:2;
  margin-right:10px;
  border-radius:100%
}

.is-themes-page .is-testimonial cite div:first-of-type img{
  width:100%;
  border-radius:100%;
  position:relative;
  z-index:1
}

.is-themes-page .is-testimonial cite span{
  display:block
}

.is-themes-page .contains-bundle-upsell{
  margin:0 auto;
  text-align:center;
  padding:100px 40px;
  background:#fcfcfc;
  margin-bottom:50px
}

.is-themes-page .contains-bundle-upsell img{
  max-width:250px;
  height:auto;
  margin-bottom:20px
}

.is-themes-page .contains-sell-points{
  padding:30px 20px
}

@media all and (min-width: 468px){
  .is-themes-page .contains-example-sites .wrap,.is-themes-page .contains-features .wrap{
    grid-template-columns:1fr 1fr;
    grid-column-gap:20px
  }
}

@media all and (min-width: 720px){
  .is-themes-page .contains-use-cases,.is-themes-page .contains-example-sites .wrap,.is-themes-page .contains-sell-points,.is-themes-page .contains-features .wrap{
    grid-template-columns:1fr 1fr 1fr;
    grid-column-gap:20px
  }
}

@media all and (min-width: 1000px){
  .is-themes-page .contains-features .wrap{
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-column-gap:20px
  }
}

.tippy-box>.tippy-arrow::before{
  transform:scale(1.5)
}

.tippy-box[data-placement^="top"]>.tippy-arrow::before{
  border-top-color:white
}

.tippy-box[data-placement^="bottom"]>.tippy-arrow::before{
  border-bottom-color:white
}

.tippy-box[data-placement^="left"]>.tippy-arrow::before{
  border-left-color:white
}

.tippy-box[data-placement^="right"]>.tippy-arrow::before{
  border-right-color:white
}

.tippy-box{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 0px;
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tippy-content{
  padding: 0px
}

@media only screen and (min-width: 481px){
  .entry-content .alignleft,.entry-content img.alignleft{
    margin-right:1.5em;
    display:inline;
    float:left
  }

  .entry-content .alignright,.entry-content img.alignright{
    margin-left:1.5em;
    display:inline;
    float:right
  }

  .entry-content .aligncenter,.entry-content img.aligncenter{
    margin-right:auto;
    margin-left:auto;
    display:block;
    clear:both
  }

  #searchform{
    clear:none;
    float:right;
    display:inline-block;
    top:auto
  }

  .vimeography-bundles{
    padding:40px 20px 30px
  }

  .vimeography-bundles h1{
    text-align:center;
    font-size:48px
  }

  .vimeography-bundles>p{
    margin:5px 0 20px;
    text-align:center
  }

  .vimeography-bundles .vimeography-bundle-list{
    max-width:640px
  }

  .vimeography-bundles .vimeography-bundle-list div{
    border:8px solid #fff;
    width:280px;
    height:265px;
    background-color:#2a2d34;
    padding:25px;
    margin:10px;
    float:left
  }

  .vimeography-bundles .vimeography-bundle-list div h2{
    color:#fff;
    margin:0 0 20px;
    font-weight:600;
    max-width:180px;
    text-align:left
  }

  .vimeography-bundles .vimeography-bundle-list div p{
    color:#ddd;
    text-align:left
  }

  .vimeography-themes-container{
    display:block
  }

  .vimeography-themes-container h1{
    text-align:center;
    margin:40px 0 30px
  }
}

@media only screen and (min-width: 631px){
  .entry-content .alignleft,.entry-content img.alignleft{
    margin-right:1.5em;
    display:inline;
    float:left
  }

  .entry-content .alignright,.entry-content img.alignright{
    margin-left:1.5em;
    display:inline;
    float:right
  }

  .entry-content .aligncenter,.entry-content img.aligncenter{
    margin-right:auto;
    margin-left:auto;
    display:block;
    clear:both
  }

  #searchform{
    clear:none;
    float:right;
    display:inline-block;
    top:auto
  }

  .vimeography-download{
    position:relative
  }

  .home .featured{
    width:100%;
    background:url(/app/themes/bones/dist/images/featured-image.71355582787d8fb84685b18693e27d7a.jpg) no-repeat center center;
    background-size:cover;
    overflow:auto
  }

  .home .featured .text{
    max-width:420px;
    float:right
  }
}

@media only screen and (min-width: 783px){
  .vimeography-breadcrumb a.theme-menu-toggle,.product-download-body{
    width:100%;
    margin:0 auto;
    padding:0 20px;
    max-width:1000px
  }

  body.logged-in #content{
    margin-top:30px
  }

  .vimeography-breadcrumb a.theme-menu-toggle{
    padding:25px
  }

  .vimeography-product-header{
    position:relative
  }

  .vimeography-product-header h1{
    font-size:40px;
    margin:20px 0 0
  }

  .vimeography-product-header .vimeography-button,.vimeography-product-header .edd_download_purchase_form{
    position:absolute;
    top:0;
    right:20px
  }

  .preview-videos{
    width:100%;
    display:block;
    margin:0 auto;
    padding:0 20px;
    position:relative;
    max-width:1000px;
    border:0
  }

  .preview-videos a{
    padding:0;
    display:inline-block;
    position:absolute;
    top:-39px;
    right:20px
  }

  .preview-videos a i{
    display:none
  }

  .preview-videos form{
    padding:0;
    position:absolute;
    top:-48px;
    right:20px
  }

  .product-download-body{
    margin-top:30px;
    clear:both
  }

  .product-download-body .product-description{
    float:left;
    max-width:65%;
    padding:0 20px 0 0
  }

  .product-download-body .purchase{
    max-width:35%;
    margin:0;
    float:right;
    padding:0 20px
  }

  .vimeography-download .edd-csau-products{
    margin:5px 20px
  }

  .sell-points{
    margin-top:20px;
    margin-bottom:20px;
    border-top:1px solid #e5e5e5
  }

  .sell-points div{
    width:33.33333333333333333333333333%;
    text-align:center;
    float:left;
    padding:0 20px
  }
}

@media only screen and (min-width: 853px){
  .onecol{
    width:5.801104972%
  }

  .twocol{
    width:14.364640883%
  }

  .threecol{
    width:22.928176794%
  }

  .fourcol{
    width:31.491712705%
  }

  .fivecol{
    width:40.055248616%
  }

  .sixcol{
    width:48.618784527%
  }

  .sevencol{
    width:57.182320438000005%
  }

  .eightcol{
    width:65.74585634900001%
  }

  .ninecol{
    width:74.30939226%
  }

  .tencol{
    width:82.87292817100001%
  }

  .elevencol{
    width:91.436464082%
  }

  .twelvecol{
    width:99.999999993%
  }

  .onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol,.twelvecol{
    position:relative;
    float:left;
    margin-left:2.762430939%
  }

  .first{
    margin-left:0
  }

  .last{
    float:right
  }

  .icon-blocks section{
    width:calc(100% / 2);
    padding:20px 70px;
    float:left
  }

  .icon-blocks h1{
    font-size:20px
  }

  #content{
    margin-top:60px
  }

  .wrap{
    max-width:1000px
  }

  .header{
    height:100px
  }

  #inner-header i{
    display:none
  }

  #inner-header nav{
    display:block;
    position:static;
    top:auto;
    left:auto;
    background-color:none
  }

  #content{
    margin-top:100px
  }

  body.logged-in #content{
    margin-top:70px
  }

  .nav{
    border:0;
    float:right
  }

  .nav li{
    position:relative;
    padding:0 5px;
    margin-top:12px;
    transition:background 0.1s ease-in-out
  }

  .nav li.menu-item-object-download{
    border:1px solid #fff;
    border-radius:8px
  }

  .nav li.menu-item-object-download:hover{
    background-color:#fafafa
  }

  .nav li.menu-item-object-download:hover a{
    color:#333;
    font-weight:400
  }

  .nav li a{
    border-bottom:0;
    padding:8px 15px
  }

  .nav li a:hover,.nav li a:focus{
    color:#eaeaea
  }

  .nav li ul.sub-menu{
    display:none
  }

  .sidebar{
    margin-top:2.2em
  }

  .widgettitle{
    border-bottom:2px solid #444;
    margin-bottom:0.75em
  }

  .widget{
    padding:0 10px;
    margin:2.2em 0
  }

  .widget ul li{
    margin-bottom:0.75em
  }

  .widget ul li ul{
    margin-top:0.75em;
    padding-left:1em
  }

  footer,.footer{
    text-align:left
  }

  footer .left,.footer .left{
    float:left
  }

  footer .left a,.footer .left a{
    padding-right:20px
  }

  footer .left nav,.footer .left nav{
    display:inline-block;
    float:left;
    margin-top:0
  }

  footer .left .footer-nav,.footer .left .footer-nav{
    clear:none;
    float:left
  }

  footer .left .footer-nav a,.footer .left .footer-nav a{
    padding:5px 30px 10px 0;
    font-size:0.7em
  }

  footer .left p,.footer .left p{
    font-size:0.9em
  }

  footer .right,.footer .right{
    float:right;
    display:inline-block;
    margin:-5px 0 0
  }

  #nprogress .bar{
    top:100px
  }

  #nprogress .spinner{
    top:115px;
    right:25px
  }
}

@media only screen and (min-width: 920px){
  .home .featured{
    width:100%;
    height:30%;
    background:url(/app/themes/bones/dist/images/featured-image.71355582787d8fb84685b18693e27d7a.jpg) no-repeat center center;
    background-size:cover;
    overflow:auto
  }

  .home .featured .text{
    float:right;
    text-align:left
  }

  .home #inner-content section:nth-child(odd) .text{
    float:left
  }

  .home #inner-content section:nth-child(even) .text{
    float:right
  }

  .home #inner-content section .text{
    text-align:left;
    max-width:400px
  }

  .home #inner-content .demo-gallery{
    float:right;
    display:block;
    width:460px
  }

  .home #inner-content .gallery-editor{
    padding:0;
    position:relative
  }

  .home #inner-content .gallery-editor .text{
    max-width:500px
  }

  .home #inner-content .gallery-editor .gallery-editor-wrapper{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
    text-align:left;
    display:block
  }

  .home #inner-content .gallery-editor .gallery-editor-container{
    width:100%;
    height:100%
  }

  .home #inner-content .gallery-editor .gallery-editor-container.visible{
    opacity:1
  }

  .home #inner-content .gallery-editor img{
    position:relative;
    top:70%;
    transform:translateY(-70%) !important;
    width:300px
  }

  .home #inner-content .vimeography-pro-container{
    float:right;
    padding:10px 10px 8px;
    border:2px solid #f5f5f5;
    background-color:#fff;
    margin-top:17px;
    display:block
  }

  .home #inner-content .resources-container{
    float:left;
    display:block;
    margin-top:-30px;
    margin-left:-35px;
    max-width:500px
  }

  .home #inner-content .resources-container img{
    width:100%
  }
}

@media only screen and (min-width: 1015px){
  .icon-blocks section{
    width:calc(100% / 3);
    padding:0 20px 20px
  }

  .home #inner-content .demo-gallery{
    width:510px
  }
}

@media print{
  *{
    background:transparent !important;
    color:black !important;
    text-shadow:none !important;
    filter:none !important;
    -ms-filter:none !important
  }

  a,a:visited{
    color:#444 !important;
    text-decoration:underline
  }

  a:after,a:visited:after{
    content:" (" attr(href) ")"
  }

  a abbr[title]:after,a:visited abbr[title]:after{
    content:" (" attr(title) ")"
  }

  .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{
    content:""
  }

  pre,blockquote{
    border:1px solid #999;
    page-break-inside:avoid
  }

  thead{
    display:table-header-group
  }

  tr,img{
    page-break-inside:avoid
  }

  img{
    max-width:100% !important
  }

  @page{
    margin:0.5cm
  }

  p,h2,h3{
    orphans:3;
    widows:3
  }

  h2,h3{
    page-break-after:avoid
  }

  .sidebar,.page-navigation,.wp-prev-next,.respond-form,nav{
    display:none
  }
}

@media (min-width: 640px) {
}

@media (min-width: 768px) {
  .md\:flex-row {
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  .lg\:block {
    display: block;
  }

  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:pb-0 {
    padding-bottom: 0px;
  }

  .lg\:pt-32 {
    padding-top: 8rem;
  }
}

@media (min-width: 1280px) {
}

@media (min-width: 1536px) {
}