/*
Theme Name: wordherd
Theme URI: https://wordherd.io
Author: WordHerd
Author URI: https://wordherd.io
Description: Description
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wordherd
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

wordherd is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
#promo_bar {
  display: none;
}
.prospect #promo_bar {
  display: block;
}
/* Default Fonts */
@font-face {
  font-family: Untitled Sans;
  src: url(../woff/untitledsans-light.6b281b65.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: Untitled Sans;
  src: url(../woff/untitledsans-regular.232daed4.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: Untitled Sans;
  src: url(../woff/untitledsans-medium.82a9ec97.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: Untitled Sans;
  src: url(../woff/untitledsans-bold.6c0fb184.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: Tiempos;
  src: url(../woff2/tiempos-text-web-regular.38e869ff.woff2) format("woff2"),
    url(../woff/tiempos-text-web-regular.37224626.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: Tiempos;
  src: url(../woff2/tiempos-text-web-regular-italic.96bc5d49.woff2) format("woff2"),
    url(../woff/tiempos-text-web-regular-italic.6f9e299f.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: Tiempos;
  src: url(../woff2/tiempos-text-web-semibold.8dbd891c.woff2) format("woff2"),
    url(../woff/tiempos-text-web-semibold.883d0e51.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: Tiempos;
  src: url(../woff2/tiempos-fine-web-semibold.7bbe594b.woff2) format("woff2"),
    url(../woff/tiempos-fine-web-semibold.8139fa5f.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
}

html {
  font-family: Untitled Sans, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Helvetica Neue, Arial,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  line-height: 1.5;
}

body {
  background-color: #000;
  overflow-x: clip;
}

/* Full Width Gutenberg */
.alignwide {
  margin-left: -80px;
  margin-right: -80px;
}
.alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
}
/* .alignfull img { width: 100vw } */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: 800;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
body,
button,
input,
select,
optgroup,
textarea,
ul,
ol,
li {
  color: #404040;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}
p {
  margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}
code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}
big {
  font-size: 125%;
}
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* body { background: #fff } */
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
ul,
ol {
  margin: 0 0 1.5em 3em;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}
dt {
  font-weight: 700;
}
dd {
  margin: 0 1.5em 1.5em;
}
img {
  height: auto;
  max-width: 100%;
}
figure {
  margin: 1em 0;
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
/* button, */
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}
select {
  border: 1px solid #ccc;
}
textarea {
  width: 100%;
}
/* a { color: #4169e1 }
a:visited { color: #800080 }
a:hover, a:focus, a:active { color: #191970 } */
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
.main-navigation {
  display: block;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}
@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
#primary[tabindex="-1"]:focus {
  outline: 0;
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}
.widget {
  margin: 0;
}
.widget select {
  max-width: 100%;
}
.sticky {
  display: block;
}
.post,
.page {
  margin: 0;
}
.updated:not(.published) {
  display: none;
}
.page-content,
.entry-content,
.entry-summary {
  margin: 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}
.infinity-end.neverending .site-footer {
  display: block;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
embed,
iframe,
object {
  max-width: 100%;
}
.custom-logo-link {
  display: inline-block;
}
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.wp-caption-text {
  text-align: center;
}
.gallery {
  margin-bottom: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}
.gallery-caption {
  display: block;
}
.body-copy {
  color: #fff;
}
.white-link a,
.white-link a:visited {
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 4px;
}
.white-link a:hover,
.white-link a:active,
.white-link a:focus {
  color: #fff;
}
/*Theme layout Option CSS*/

body > #page > .content-area.boxed {
  width: 1250px;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 20px;
}
body > #page > .content-area.no-sidebar > main.site-main {
  width: 100%;
}
body > #page > .content-area.left-sidebar,
body > #page > .content-area.right-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body > #page > .content-area.left-sidebar > main.site-main,
body > #page > .content-area.right-sidebar > main.site-main {
  width: calc(100% - 250px);
}
body > #page > .content-area.left-sidebar > aside.widget-area,
body > #page > .content-area.right-sidebar > aside.widget-area {
  width: 250px;
}

body.single,
body.archive,
.archive {
  background-color: #fff;
}

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

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-list-style {
  list-style: none !important;
}
.plans-hero-button {
  display: block !important;
  margin-top: 20px;
}
.plans-hero-button .kt-btn-inner-text {
  font-weight: 400;
}
.wp-block-image {
  margin: 0;
}

.site-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}

.relative {
  position: relative;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-7 {
  grid-column: span 7 / span 7;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.col-span-full {
  grid-column: 1/-1;
}
.col-start-1 {
  grid-column-start: 1;
}
.col-start-2 {
  grid-column-start: 2;
}
.col-end-5 {
  grid-column-end: 5;
}
.col-end-7 {
  grid-column-end: 7;
}
.col-end-13 {
  grid-column-end: 13;
}

.navbar {
  /* -webkit-transition: background-color 350ms ease-in-out;
    transition: background-color 350ms ease-in-out;
    background-color: transparent; */
  /* background-color: #000; */
  position: fixed;
  width: 100%;
  height: 55px;
  border-top: 10px solid #fff00b;
  border-bottom: 1px solid #fff;
  z-index: 99;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* top: 32px; */
  /* top: 0; */
}
.promo-showing .navbar {
  top: 32px;
}
/* body.logged-in .navbar {
    top: 66px;
} */
@media screen and (min-width: 1024px) {
  .navbar {
    height: 80px;
  }
  .website-templates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.navbar--is-solid {
  background-color: #000;
}
.navbar__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.navbar__badge-anchor {
  display: none;
}
@media screen and (min-width: 1170px) {
  .navbar__badge-anchor {
    display: inline-block;
  }
}
.navbar__badge {
  width: 40px;
  height: auto;
}
.navbar__left {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 15px;
}
@media screen and (min-width: 1024px) {
  .navbar__left {
    padding-left: 30px;
  }
}
.navbar__links {
  display: none;
  margin-left: 32px;
  padding-top: 13px;
}
@media screen and (min-width: 1170px) {
  .navbar__links {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.navbar__link {
  color: #fff;
  font-size: 15px;
  margin-left: 24px;
  padding-bottom: 8px;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
.navbar__link:first-child {
  margin-left: 0;
}
.navbar__link:hover {
  opacity: 1;
  /* border-bottom: 2px solid #fff00b; */
}
.navbar__link-badge {
  display: inline-block;
  vertical-align: baseline;
  padding: 1px 5px;
  color: #000;
  background-color: #fff00b;
  font-size: 11px;
  line-height: 20px;
  font-weight: 500;
  text-transform: uppercase;
}
.navbar__right {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.navbar__mobile-trigger {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 21px;
  height: 18px;
  margin-right: 15px;
  outline: none;
  position: relative;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .navbar__mobile-trigger {
    margin-right: 25px;
  }
}
@media screen and (min-width: 1170px) {
  .navbar__mobile-trigger {
    display: none;
  }
}
.navbar__mobile-trigger-lines {
  -webkit-transition: background-color 250ms ease;
  transition: background-color 250ms ease;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
.navbar__mobile-trigger-lines::before {
  -webkit-transition: -webkit-transform 250ms ease;
  transition: -webkit-transform 250ms ease;
  transition: transform 250ms ease;
  transition: transform 250ms ease, -webkit-transform 250ms ease;
  content: "";
  -webkit-transform-origin: center;
  transform-origin: center;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 21px;
  height: 2px;
}
.navbar__mobile-trigger-lines::after {
  -webkit-transition: -webkit-transform 250ms ease;
  transition: -webkit-transform 250ms ease;
  transition: transform 250ms ease;
  transition: transform 250ms ease, -webkit-transform 250ms ease;
  content: "";
  -webkit-transform-origin: center;
  transform-origin: center;
  background-color: #fff;
  display: block;
  width: 21px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.navbar__mobile-trigger--active .navbar__mobile-trigger-lines {
  background-color: transparent;
}
.navbar__mobile-trigger--active .navbar__mobile-trigger-lines::before {
  -webkit-transform: translateY(8px) rotate(45deg);
  transform: translateY(8px) rotate(45deg);
}
.navbar__mobile-trigger--active .navbar__mobile-trigger-lines::after {
  -webkit-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
}
.navbar__mobile-container {
  -webkit-transition: opacity 250ms ease;
  transition: opacity 250ms ease;
  background-color: #fff;
  border-top: 1px solid #000;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 54px;
  left: 0;
  width: 100%;
  height: calc(100vh - (55px - 1px));
  z-index: 1;
  overflow: scroll;
}
@media screen and (min-width: 1024px) {
  .navbar__mobile-container {
    height: calc(100vh - (80px - 1px));
    top: 79px;
  }
}
.navbar__mobile-container--active {
  opacity: 1;
  pointer-events: auto;
  overflow: scroll;
}
.navbar__mobile-item {
  color: #000;
  line-height: 1;
  margin-bottom: 40px;
  text-decoration: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .navbar__mobile-item {
    padding: 0 58px;
  }
}
.navbar__mobile-item:last-child {
  margin-bottom: 0;
}
.navbar__mobile-item .navbar__link-badge {
  margin: 1px 0 0 10px;
}
.navbar__mobile-items-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 35px 25px;
}
.navbar__mobile-items-group:first-child {
  font-size: 21px;
  border-bottom: 1px solid #000;
}
.navbar__mobile-items-group:first-child .navbar__mobile-item {
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 15px;
}
.navbar__mobile-items-group:first-child .navbar__mobile-item:last-child {
  border-bottom: 1px solid transparent;
  margin-bottom: 0;
  padding-bottom: 0;
}
.navbar__mobile-social-links {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 25px;
}
@media screen and (min-width: 1024px) {
  .navbar__mobile-social-links {
    padding: 0 58px;
  }
}
.navbar__mobile-social-link {
  color: #000;
  display: inline-block;
  margin-right: 22px;
  text-decoration: none;
}
.navbar__mobile-social-link-icon {
  height: 20px;
  width: auto;
}
.navbar__logo-link {
  display: block;
  color: #fff;
  width: 100px;
  height: auto;
}
.navbar__logo-link > img {
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .navbar__logo-link {
    width: 120px;
    left: 50%;
    position: absolute;
    margin-left: -95px;
  }
}
.navbar__get-started,
.navbar__manage-site {
  -webkit-transition: background-color 350ms ease-in-out,
    color 350ms ease-in-out;
  transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  color: #000;
  font-size: 12px;
  width: 102px;
  height: 100%;
  padding: 0 10px;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .navbar__get-started,
  .navbar__manage-site {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 15px;
    padding: 0 24px;
    width: 136px;
  }
}
.navbar__get-started-icon,
.navbar__manage-site-icon {
  display: none;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  width: 13px;
}
@media screen and (min-width: 1024px) {
  .navbar__get-started-icon,
  .navbar__manage-site-icon {
    -webkit-transition: -webkit-transform 350ms ease-in-out;
    transition: -webkit-transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
    display: block;
    width: 16px;
  }
}
.navbar__get-started:hover,
.navbar__manage-site:hover {
  background-color: #000;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .navbar__get-started:hover .navbar__get-started-icon,
  .navbar__manage-site:hover .navbar__get-started-icon {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
  }
}
.navbar__link--login {
  margin-right: 15px;
  padding-top: 8px;
}
.logged-in .navbar__link--login {
  display: none;
}
@media screen and (min-width: 1024px) {
  .navbar__link--login {
    display: inline-block;
    margin-right: 40px;
  }
}
.logged-in .navbar__get-started {
  display: none;
}
body:not(.logged-in) .navbar__manage-site {
  display: none;
}
.navbar-scroll-pixel {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  visibility: hidden;
}
.solutions__link--divider {
  height: 1px;
  background-color: rgba(0, 0, 0, 0.2);
  border: none;
}
.solutions__link--submenu {
  display: none;
  cursor: pointer;
  position: absolute;
  background: #fff;
  top: 80px;
  left: 100px;
  padding: 11px 35px;
  /* width: 388px; */
  width: 320px;
  margin: 0;
  list-style: none;
  flex-direction: column;
}
.solutions__link--submenu-item {
  -webkit-transition: 300ms;
  transition: 300ms;
  padding: 18px 0;
  /* min-height: 106px; */
  min-height: 66px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.solutions__link--submenu-item a {
  color: #000;
  text-decoration: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.solutions__link--submenu-arrow {
  width: 25px;
}
.solutions__link--submenu-heading {
  font-size: 20px;
  letter-spacing: initial;
  line-height: 1.4;
  font-weight: 400;
  text-transform: initial;
  font-weight: 500;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.solutions__link--submenu-heading.smaller-spacing {
  letter-spacing: -0.03em;
}
.solutions__link--submenu-heading .navbar__link-badge {
  margin-left: 10px;
  padding: 1px 14px;
}
.solutions__link--submenu-description {
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;
  font-weight: 300;
  text-transform: initial;
  line-height: 1.4;
  /* width: 255px; */
  margin: 0;
}

.hero {
  position: relative;
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  padding-top: 120px;
  background-color: #000;
  /* padding-bottom: 40px */
}
@media screen and (min-width: 1024px) {
  .hero {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .hero {
    max-width: 1240px;
  }
}
@media screen and (min-width: 800px) {
  .hero {
    padding-top: 120px;
  }
}
@media screen and (min-width: 1024px) {
  .hero {
    padding-top: 185px;
  }
}
@media screen and (min-width: 1440px) {
  .hero {
    padding-top: 174px;
  }
}
@media screen and (min-width: 1024px) {
  .hero {
    padding-bottom: 40px;
    overflow: hidden;
  }
}

/* .page-id-11619 .hero__image {
    opacity: 0;
} */
/* .hero__images {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}
.hero__image {
    will-change: opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}
.hero__image--mobile {
    display: block
}
@media screen and (min-width: 1024px) {
    .hero__image--mobile {
        display: none
    }
}
.hero__image--tablet {
    display: none
}
@media screen and (min-width: 1024px) {
    .hero__image--tablet {
        display: block
    }
}
@media screen and (min-width: 1440px) {
    .hero__image--tablet {
        display: none
    }
}
.hero__image--desktop {
    display: none
}
@media screen and (min-width: 1440px) {
    .hero__image--desktop {
        display: block
    }
} */
/* .hero__inner > .kt-inside-inner-col {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 3.99%;
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    padding-top: 80px
}
@media screen and (min-width: 1024px) {
    .hero__inner > .kt-inside-inner-col {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 2.6%
    }
}
@media screen and (min-width: 1440px) {
    .hero__inner > .kt-inside-inner-col {
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 1.61%
    }
}
@media screen and (min-width: 1024px) {
    .hero__inner > .kt-inside-inner-col {
        max-width: 90.04%
    }
}
@media screen and (min-width: 1440px) {
    .hero__inner > .kt-inside-inner-col {
        max-width: 1240px
    }
}
@media screen and (min-width: 800px) {
    .hero__inner > .kt-inside-inner-col {
        padding-top: 120px
    }
}
@media screen and (min-width: 1024px) {
    .hero__inner > .kt-inside-inner-col {
        padding-top: 185px
    }
}
@media screen and (min-width: 1440px) {
    .hero__inner > .kt-inside-inner-col {
        padding-top: 174px
    }
} */

.hero__form__box__form {
  padding: 35px 30px 40px;
}
.hero__form__box__download,
.hero__form__box__form,
.hero__form__box__pending {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero__form__box__download,
.hero__form__box__pending {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  background: #fff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  text-align: center;
  border-radius: 10px;
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.5;
  font-weight: 300;
  text-transform: none;
}

.hero__form__box__download__force,
.hero__form__box__pending__force {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  color: #000;
  display: inline-block;
  font-weight: 500;
  font-size: 13px;
  padding-bottom: 8px;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  font-size: inherit;
}

.hero__form__box__download__force:after,
.hero__form__box__pending__force:after {
  -webkit-transition: -webkit-transform 0.25s linear;
  transition: -webkit-transform 0.25s linear;
  transition: transform 0.25s linear;
  transition: transform 0.25s linear, -webkit-transform 0.25s linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  content: "";
  background-color: #000;
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.hero__form__box__download__force:hover:after,
.hero__form__box__pending__force:hover:after {
  -webkit-transform: translate3d(0, -3px, 0);
  transform: translate3d(0, -3px, 0);
}

.hero__form__box__download h4,
.hero__form__box__pending h4 {
  font-size: 22px;
  letter-spacing: normal;
  line-height: 1.36;
  font-weight: 300;
  text-transform: none;
  font-size: 26px;
  margin-bottom: 15px;
}

.hero__form__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .hero__form__field {
    margin-bottom: 25px;
  }
}

.hero__form__field label {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #000 !important;
}

.hero__form__field input {
  height: 35px;
  padding: 0 20px;
  line-height: 35px;
  font-size: 18px;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #000 !important;
}

@media screen and (min-width: 1024px) {
  .hero__form__field input {
    height: 50px;
    line-height: 50px;
  }
}

.hero__form__field__message {
  position: absolute;
  top: 0;
  right: 0;
  color: #ff0036;
}

.hero__form__submit {
  -webkit-transition: background-color 0.35s ease-in-out,
    color 0.35s ease-in-out;
  transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
  background-color: #fff;
  border-radius: 999px;
  color: #000 !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  font-size: 21px !important;
  height: 60px !important;
  padding: 0 25px !important;
  text-decoration: none;
  margin-top: 10px !important;
  border: none;
  background-color: #fff00b;
  cursor: pointer;
}

.hero__form__submit svg {
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 20px;
  width: auto;
  margin-left: 35px;
}

.hero__form__submit:hover {
  background-color: #fff00b;
  color: #000;
}

.hero__form__submit:hover svg {
  -webkit-transform: translateX(12px);
  transform: translateX(12px);
}

@media screen and (min-width: 1024px) {
  .hero__form__submit {
    margin-top: 30px;
  }
}

.hero__form__subtitle {
  margin: 20px;
  font-size: 16px;
  line-height: 1.44;
  text-align: center;
  color: #000 !important;
}

@media screen and (min-width: 1024px) {
  .hero__form__subtitle {
    font-size: 18px;
  }
}

.hero__user-theme-container {
  display: none;
}
@media screen and (min-width: 1024px) {
  .hero__user-theme-container {
    display: block;
    grid-column: 4 / -1;
    margin-bottom: 16px;
    position: relative;
    width: 105.57%;
    height: 22px;
  }
}
@media screen and (min-width: 1440px) {
  .hero__user-theme-container {
    grid-column: 6 / -1;
    width: 99.44%;
  }
}
.hero__user-theme {
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;
  font-weight: 300;
  text-transform: initial;
  color: #fff;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
}
.hero__user-theme--active {
  opacity: 1;
}
.hero__user-theme a {
  color: #fff;
}
.hero__text {
  color: #fff;
  grid-column: 1 / -1;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .hero__text {
    grid-column: 1 / 4;
    max-width: 90%;
  }
}
@media screen and (min-width: 1440px) {
  .hero__text {
    grid-column: 1 / 6;
    max-width: none;
  }
}
.hero__title,
.hero-title {
  font-size: 40px;
  letter-spacing: initial;
  line-height: 1.25;

  font-weight: 300;
  text-transform: initial;
  color: #fff;
}
.hero__title.font-30,
.hero-title.font-30 {
  font-size:30px;
}
@media screen and (min-width: 1024px) {
  .hero__title,
  .hero-title {
    font-size: 50px;
    letter-spacing: initial;
    line-height: 1.2;
    font-weight: 300;
    text-transform: initial;
  }
}
.hero-title.black {
  color: #000;
}
/* .hero__title-trademark {
    font-size: 0.5em;
    vertical-align: super;
    position: relative;
    left: -0.1em
} */
.hero__blurb,
.hero-blurb {
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;

  font-weight: 300;
  text-transform: initial;
  margin-top: 25px !important;
  color: #fff;
}
.hero__blurb a,
.hero-blurb a {
  color: #fff;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .hero__blurb,
  .hero-blurb {
    font-size: 22px;
    letter-spacing: initial;
    line-height: 1.36;

    font-weight: 300;
    text-transform: initial;
    max-width: 89.33%;
  }
  .hero__blurb.font-20,
  .hero-blurb.font-20 {
    font-size: 20px;
  }
}
.hero-blurb.black {
  color: #000;
}
/* .hero__cta-container .kt-inside-inner-col {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}
@media screen and (min-width: 1024px) {
    .hero__cta-container .kt-inside-inner-col {
        width: auto
    }
} */

.hero-cta-container .kt-row-column-wrap {
  width: auto !important;
}

.hero-cta-container .inner-column-1 {
  margin-bottom: 0 !important;
}
.hero__cta {
  -webkit-transition: background-color 350ms ease-in-out,
    color 350ms ease-in-out;
  transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
  background-color: #fff00b;
  border-radius: 999px;
  color: #000;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  font-size: 21px;
  height: 60px;
  padding: 0 25px;
  text-decoration: none;
  margin: 32px auto 0;
  font-size: 16px;
  height: 50px;
}
.hero__cta svg {
  -webkit-transition: -webkit-transform 350ms ease-in-out;
  transition: -webkit-transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 20px;
  width: auto;
  margin-left: 35px;
}
.hero__cta:hover {
  background-color: #fff00b;
  color: #000;
}
.hero__cta:hover svg {
  -webkit-transform: translateX(12px);
  transform: translateX(12px);
}
.hero__cta:hover {
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .hero__cta {
    margin: 64px auto 0 0;
    font-size: 21px;
    height: 60px;
  }
}
.hero__cta-caption,
.hero-cta-caption {
  font-size: 12px;
  letter-spacing: 0.07em;
  line-height: 1.67;

  font-weight: 300;
  text-transform: initial;
  margin: 0;
  margin-top: 15px;
  width: 100%;
  /* text-align: center */
  color: #fff;
}
@media screen and (min-width: 768px) {
  .hero-cta-caption {
    margin-left: 7px;
  }
}
.hero__browsers {
  grid-column: 1 / -1;
  margin-top: 10px;
  opacity: 0;
  pointer-events: none;
  position: relative;
  z-index: 0;
}
.hero__browsers--visible {
  opacity: 1;
}
@media screen and (min-width: 800px) {
  .hero__browsers {
    margin-top: 30px;
    z-index: 1;
  }
}
@media screen and (min-width: 1024px) {
  .hero__browsers {
    grid-column: 4 / -1;
    left: -3%;
  }
}
@media screen and (min-width: 1440px) {
  .hero__browsers {
    grid-column: 6 / -1;
    left: 5%;
  }
}
.hero__browsers .browser {
  -webkit-transform: translateX(0%) translateY(0%);
  transform: translateX(0%) translateY(0%);
  position: absolute;
  top: 0;
  left: 0;
  width: 92.64%;
  z-index: 6;
}
@media screen and (min-width: 800px) {
  .hero__browsers .browser {
    width: 80%;
  }
}
@media screen and (min-width: 1024px) {
  .hero__browsers .browser {
    width: 105.57%;
  }
}
@media screen and (min-width: 1440px) {
  .hero__browsers .browser {
    width: 99.44%;
  }
}
.hero__browsers .browser:nth-child(2) {
  z-index: 4;
}
.hero__browsers .browser:nth-child(3) {
  z-index: 3;
}
.hero__browsers .browser:nth-child(4) {
  z-index: 2;
}
.hero__browsers .browser:nth-child(5) {
  z-index: 1;
}
.hero__browsers .browser:nth-child(6) {
  z-index: 0;
}
.hero__browsers .browser:nth-child(7) {
  z-index: -1;
}
/* .hero__slideshow > .kt-inside-inner-col {
    grid-column: 1 / -1;
    margin-top: 10px;
    pointer-events: none;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 64vw;
    z-index: 0
}
@media screen and (min-width: 1024px) {
    .hero__slideshow {
        grid-column: 4 / -1;
        height: auto;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 0
    }
}
@media screen and (min-width: 1440px) {
    .hero__slideshow {
        grid-column: 6 / -1
    }
} */
.hero .inner-column-2,
.hero .kt-inside-inner-col {
  height: 100%;
}
/* .hero__slideshow {
    background: url(/wp-content/uploads/creative-professional-online-portfolio-example-design.jpg) 20px center no-repeat;
    height: 100%;
    background-size: 100%;
} */
.hero__slideshow .kt-inside-inner-col {
  position: relative;
  height: 64vw;
  z-index: 0;
}
@media screen and (min-width: 1024px) {
  .hero__slideshow .kt-inside-inner-col {
    height: auto;
  }
}
.hero__slideshow__item,
.hero__slideshow__frame {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: opacity 500ms ease-out;
  transition: opacity 500ms ease-out;
  z-index: 1;
}
.hero__slideshow__item--active,
.hero__slideshow__frame--active {
  opacity: 1;
}
.hero__slideshow img {
  width: 100%;
}
@media screen and (min-width: 1440px) {
  .hero__slideshow img {
    position: relative;
    right: -20px;
  }
}
.hero__slideshow__frame {
  opacity: 1;
  z-index: 2;
}

.socialprrof {
  background: #fff;
  color: #000;
}
.socialprrof__inner .kt-inside-inner-col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 28px 15px;
}
@media screen and (min-width: 1024px) {
  .socialprrof__inner .kt-inside-inner-col {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1240px;
    margin: 0 auto;
    padding: 36px 15px 30px;
  }
}
.socialprrof__heading {
  padding-bottom: 15px;
  font-size: 30px;
  font-weight: 500;
  text-transform: initial;
  color: #000;
}
@media screen and (min-width: 1024px) {
  .socialprrof__heading {
    padding-bottom: 4px;
    font-size: 18px;
    line-height: 24px;
  }
}
.socialprrof__list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .socialprrof__list {
    width: auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 45px;
  }
}
.socialprrof__list li {
  font-size: 21px;
  font-weight: 500;
  line-height: 24px;
  padding: 5px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
}
@media screen and (min-width: 1024px) {
  .socialprrof__list li {
    font-size: 18px;
    padding: 0 18px;
    border-right: 1px solid #bfbfbf;
  }
  .socialprrof__list li:last-child {
    border-right: none;
  }
}
/* .socialprrof__list li span {
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 8px
} */

.socialprrof__list li::before {
  content: "";
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-right: 8px;
}

.socialprrof__list li:nth-child(1)::before {
  content: url("../svg/icon-photographers.svg");
}

.socialprrof__list li:nth-child(2)::before {
  content: url("../svg/icon-countries.svg");
}

.socialprrof__list li:nth-child(3)::before {
  content: url("../svg/icon-years.svg");
}

/* .anchors {
    display: none
} */
@media screen and (min-width: 1024px) {
  .anchors {
    /* display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; */
    border: 2px solid #fff;
    border-left: none;
    border-right: none;
    /* -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center */
  }
}
.anchors a {
  text-decoration: none;
  font-size: 1.125rem !important;
}
.anchor {
  color: #fff;
  width: 100%;
  padding: 45px 0 45px 10%;
  /* max-width: 750px */
}
.anchor:first-child,
.anchor-center {
  border-right: 2px solid #fff;
}
.anchor__label {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  color: #fff00b;
  font-size: 28px;
  font-weight: 500;
}
.anchor__description {
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;
  font-weight: 300;
  text-transform: initial;
  color: #fff;
  font-size: 24px;
  line-height: 1.5;
  width: 70%;
}
.anchor__content .kt-inside-inner-col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.description {
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;
  font-weight: 300;
  text-transform: initial;
  color: #fff;
  font-size: 20px;
  line-height: 28px;
  padding: 45px 25px;
  border-bottom: 1px solid #fff;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .description {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    font-size: 28px;
    padding: 45px 0 52px;
    border: none;
    line-height: 44px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .description {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .description {
    max-width: 1240px;
  }
}
.description__text {
  margin: 0 auto 24px;
  max-width: 760px;
}
.description__text:last-child {
  margin-bottom: 0;
}

.portfolio {
  padding: 55px 0 0;
  border-top: 1px solid #fff;
}
@media screen and (min-width: 1024px) {
  .portfolio {
    padding: 75px 0 50px;
  }
}
@media screen and (max-width: 1023px) {
  .portfolio {
    padding: 15px 0 10px;
  }
}
.portfolio__title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -1.5px;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 0;
}
@media screen and (min-width: 1024px) {
  .portfolio__title {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-size: 110px;
  }
}
.portfolio__logo {
  height: 25px;
  margin-right: 10px;
}
@media screen and (min-width: 1024px) {
  .portfolio__logo {
    height: 66px;
  }
}
.portfolio__description {
  font-size: 22px;
  letter-spacing: initial;
  line-height: 1.36;
  font-weight: 300;
  text-transform: initial;
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  color: #fff;
  font-size: 18px;
  text-align: left;
  margin: 45px auto;
  opacity: 0.7;
}
@media screen and (min-width: 1024px) {
  .portfolio__description {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .portfolio__description {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .portfolio__description {
    max-width: 1015px;
    margin: 60px auto 80px;
    text-align: center;
    font-size: 22px;
  }
}
.portfolio__cta-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.portfolio__cta {
  -webkit-transition: background-color 350ms ease-in-out,
    color 350ms ease-in-out;
  transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
  background-color: #fff00b;
  border-radius: 999px;
  color: #000;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  font-size: 21px;
  height: 60px;
  padding: 0 25px;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  margin: 12px auto;
}
.portfolio__cta svg {
  -webkit-transition: -webkit-transform 350ms ease-in-out;
  transition: -webkit-transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 20px;
  width: auto;
  margin-left: 35px;
}
.portfolio__cta:hover {
  background-color: #fff00b;
  color: #000;
}
.portfolio__cta:hover svg {
  -webkit-transform: translateX(12px);
  transform: translateX(12px);
}
.portfolio__cta svg {
  margin-left: 15px;
}
@media screen and (min-width: 1024px) {
  .portfolio__cta {
    font-size: 18px;
    padding: 0 30px;
    margin: 0 auto;
  }
}
.portfolio__cta:hover {
  background-color: #fff;
}
.portfolio__browsers {
  /*    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(rgba(0, 0, 0, 0.2)),
            color-stop(rgba(0, 0, 0, 0)),
            color-stop(rgba(0, 0, 0, 0)),
            to(black)
        ),
        url(/wp-content/uploads/blurred-portfolio-full-bleed-4a9a8901ca0066f64a2ced3e0af166c39e95946fa879663dcf21cb820eafd541.jpg);
    background-image: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.2),
            rgba(0, 0, 0, 0),
            rgba(0, 0, 0, 0),
            black
        ),
        url(/wp-content/uploads/blurred-portfolio-full-bleed-4a9a8901ca0066f64a2ced3e0af166c39e95946fa879663dcf21cb820eafd541.jpg);
    background-repeat: no-repeat;
    background-size: cover;
*/
  padding: 50px 0;
  margin-top: 30px;
}
@media screen and (min-width: 1024px) {
  .portfolio__browsers {
    padding: 100px 0 50px;
  }
}
.browser-gallery {
  overflow: hidden;
}
.browser-gallery .kb-gallery-figure {
  background-image: url("../png/frame-1269-m-black.png");
  /*    
    background-image: url("data:image/svg+xml,%3Csvg class='browser__frame' viewBox='0 0 473 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd' fill='none'%3E%3Cg stroke-width='1.2px' stroke='%23FFFFFF' fill='none'%3E%3Cpath d='M14.89 14.798L1.269 289.628l13.298 13.234 456.868-.102-.632-288.293-13.4-13.24L14.89 14.799z' fill='%23000' stroke='%23FFFFFF' stroke-width='1.2px'%3E%3C/path%3E%3Cpath d='M471.277 302.54l-14.21-13.1' stroke-linecap='square' stroke='%23FFFFFF' fill='none' stroke-width='1.2px'%3E%3C/path%3E%3Cg fill='%23000' stroke='%23FFFFFF' stroke-width='1.2px'%3E%3Cpath d='M1.256 1.32h455.883v288.047H1.256z' stroke='%23FFFFFF' stroke-width='1.2px'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg fill='%23FFFFFF' transform='translate(24.021 20.754)'%3E%3Cellipse cx='3.086' cy='3.088' rx='3.086' ry='3.088' fill='%23FFFFFF'%3E%3C/ellipse%3E%3Cellipse cx='13.824' cy='3.088' rx='3.086' ry='3.088' fill='%23FFFFFF'%3E%3C/ellipse%3E%3Cellipse cx='24.561' cy='3.088' rx='3.086' ry='3.088' fill='%23FFFFFF'%3E%3C/ellipse%3E%3C/g%3E%3Cg transform='translate(422.919 17.736)' fill='none'%3E%3Cpath d='M7.984 4.77H5.61v.57H7.88v1.3H5.61v1.73H4.04V3.422h3.944z' fill-rule='nonzero' fill='%23FFFFFF'%3E%3C/path%3E%3Cellipse cx='5.897' cy='5.9' rx='5.297' ry='5.3' stroke-width='1.2px' stroke='%23FFFFFF' fill='none'%3E%3C/ellipse%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
*/
  background-repeat: no-repeat;
  background-size: contain;
}

.browser-gallery .kb-gal-image-radius {
  /* position: relative !important; */
  /* top: 15% !important; */
  width: 270px !important;
  height: 200px !important;
  padding: 0 5% 0 5% !important;
  /* overflow: hidden !important; */
}

@media screen and (min-width: 768px) {
  .browser-gallery .kb-gal-image-radius {
    width: 400px !important;
    height: 275px !important;
  }
}

.browser-gallery .kb-gallery-image-contain {
  position: relative;
  /* height: 0; */
  /* padding-bottom: 53.88% !important; */
  top: 6%;
}

/*@media screen and (min-width: 540px) {
    .browser-gallery .kb-gallery-image-contain {
        top: 12%;
    }
}

@media screen and (min-width: 768px) {
    .browser-gallery .kb-gallery-image-contain {
        top: 13%;
    }
}

@media screen and (min-width: 1024px) {
    .browser-gallery .kb-gallery-image-contain {
        top: 15%;
    }
}*/

.browser-gallery .kb-gallery-image-contain img {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
  object-fit: cover !important;
  -o-object-position: center top !important;
  object-position: center top !important;
}
.browser-gallery .kadence-blocks-gallery-item__caption {
  top: 12px !important;
  bottom: initial !important;
  background: none !important;
  padding: 0 !important;
  font-size: 13px !important;
  margin-left: 5%;
  text-align: left !important;
}
@media screen and (min-width: 768px) {
  .browser-gallery .kadence-blocks-gallery-item__caption {
    top: 18px !important;
  }
}
.portfolio__browsers .slideshow__container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.portfolio__browsers .slideshow__container .browser {
  position: absolute;
  width: 70%;
  left: -20%;
}
@media screen and (min-width: 1024px) {
  .portfolio__browsers .slideshow__container .browser {
    width: 31%;
    left: 2.5%;
  }
}
.portfolio__browsers .slideshow__container .browser:first-child {
  position: relative;
}
.portfolio__highlights {
  margin: 65px auto 50px auto !important;
}
@media screen and (min-width: 1024px) {
  .portfolio__highlights {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    margin: 65px auto;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .portfolio__highlights {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .portfolio__highlights {
    max-width: 1240px;
  }
}
.portfolio__features {
  display: none;
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .portfolio__features {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .portfolio__features {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .portfolio__features {
    max-width: 1240px;
  }
}
.portfolio__features h4 {
  font-size: 40px;
  letter-spacing: initial;
  line-height: 1.25;
  font-weight: 300;
  text-transform: initial;
  text-align: center;
  width: 60%;
  max-width: 700px;
  margin: 0 auto 60px;
}
@media screen and (min-width: 1024px) {
  .portfolio__features h4 {
    max-height: 1000px;
    margin: 0 auto 80px;
  }
}
.portfolio__features ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .portfolio__features ul {
    max-height: 1000px;
  }
}
@media screen and (min-width: 1440px) {
  .portfolio__features ul {
    max-height: 960px;
  }
}
.portfolio__features li {
  font-size: 20px;
  letter-spacing: initial;
  line-height: 1.4;
  text-transform: initial;
  width: 32%;
  padding: 40px;
  margin: 10px 0;
  background: #0c0c0c;
  font-weight: 300;
  color: #fff;
}
.portfolio__features--container .kt-inside-inner-col {
  position: relative;
}
.portfolio__features--container .kt-inside-inner-col::after {
  content: "";
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.75)),
    to(transparent)
  );
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
  display: block;
  position: absolute;
  height: 500px;
  width: 100%;
  left: 0;
  bottom: 0;
}

.highlight--container {
  margin-bottom: 16px !important;
}
@media screen and (min-width: 1024px) {
  .highlight--container {
    margin-bottom: 12px !important;
  }
}
.highlight--block {
  background: #171717;
  color: #fff;
  /* display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; */
  padding: 40px 25px;
  opacity: 0;
  -webkit-transition: opacity 2000ms;
  transition: opacity 2000ms;
}
@media screen and (min-width: 1024px) {
  .highlight--block {
    padding: 55px 50px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 480px;
  }
}
.highlight--block svg {
  width: 34px;
}
@media screen and (min-width: 1024px) {
  .highlight--block svg {
    width: 44px;
  }
}
.highlight--block h5 {
  font-size: 20px;
  letter-spacing: initial;
  line-height: 1.4;
  font-weight: 400;
  text-transform: initial;
  font-size: 26px;
  margin: 24px 0 0 0 !important;
}
.highlight--block p {
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;
  font-weight: 300;
  text-transform: initial;
  font-size: 18px;
  line-height: 27px;
  margin: 12px 0 0 0;
  opacity: 0.7;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .highlight--block p {
    margin-top: 30px;
  }
}
.highlight--block--active {
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .highlight--container:nth-child(even)
    .highlight--block:not(.highlight--block--centered) {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.highlight--image img {
  width: 100%;
  margin-bottom: 50px;
  padding: 16px;
}
@media screen and (min-width: 1024px) {
  .highlight--image img {
    /* width: 44%; */
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1023px) {
  .highlight--image img {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .highlight--content {
    width: 44%;
  }
}
.highlight--block--centered {
  display: block;
  text-align: center;
  padding-bottom: 0;
}
.highlight--block--centered .highlight--content {
  width: auto;
}
.highlight--block--centered .highlight--image img {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .highlight--block--centered .highlight--image img {
    width: 90%;
    margin-top: -50px;
  }
}
.highlight__callout .kt-inside-inner-col {
  color: #000;
  background: #fff;
  position: relative;
  margin: 45px 0 0;
  padding-left: 165px;
}
.highlight__callout p {
  color: #000;
  margin: 0;
  padding: 15px 15px 15px 0;
  font-size: 17px;
  line-height: 1.3;
  opacity: 1;
}
.highlight__callout p a {
  font-weight: 500;
  color: #000;
}
.highlight__callout p a:hover {
  text-decoration: none;
}
.highlight__callout--image {
  position: absolute;
  left: 21px;
  top: 50%;
  margin-top: -64px;
  width: 128px;
  height: 128px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#000),
    to(#343434)
  );
  background: linear-gradient(0deg, #000, #343434);
  -webkit-box-shadow: -12px 4px 3px 0.2px rgba(0, 0, 0, 0.05),
    -5px 4px 3px 0.2px rgba(0, 0, 0, 0.15);
  box-shadow: -12px 4px 3px 0.2px rgba(0, 0, 0, 0.05),
    -5px 4px 3px 0.2px rgba(0, 0, 0, 0.15);
  border-radius: 1px;
}
.highlight__callout--image img {
  width: 84px;
  height: 84px;
  outline: 14px solid #fff;
}

.workflow {
  color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 1024px) {
  .workflow {
    padding-bottom: 55px;
  }
}
.workflow__inner .kt-inside-inner-col {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .workflow__inner .kt-inside-inner-col {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .workflow__inner .kt-inside-inner-col {
    max-width: 1240px;
  }
}
.workflow__hero-container {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.65)),
      to(black)
    ),
    url(../jpg/workflow-bgimage-31d13cbd588dfac1962b370a6b537b4e4da6aa3c91257b22d35d41aad4e71e18.jpg-scaled-1.jpg);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.65), black),
    url(../jpg/workflow-bgimage-31d13cbd588dfac1962b370a6b537b4e4da6aa3c91257b22d35d41aad4e71e18.jpg-scaled-1.jpg);
  background-size: cover;
  background-position: center;
  padding-top: 80px;
}
@media screen and (min-width: 1024px) {
  .workflow__hero-container {
    padding-top: 85px;
  }
}
.workflow__title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -1.5px;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .workflow__title {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-size: 110px;
  }
}
.workflow__launch-offer {
  background: #fff00b;
  color: #000;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  margin: 25px auto;
  padding: 10px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width: 1024px) {
  .workflow__launch-offer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    padding: 10px 25px;
  }
  .workflow__launch-offer p:first-child {
    margin-right: 5px;
  }
}
.workflow__description {
  font-size: 22px;
  letter-spacing: initial;
  line-height: 1.36;

  font-weight: 300;
  text-transform: initial;
  font-size: 18px;
  margin: 45px 0 55px;
  text-align: left;
  color: #fff;
  /* opacity: 0.7; */
}
.workflow__description span,
.workflow__description {
  color: #a6a5a4;
  /* opacity: 0.7 */
}
.workflow__description--learn-more,
.workflow__description a {
  color: #fff;
  font-weight: 500;
  /* opacity: 1 !important; */
}
@media screen and (min-width: 1024px) {
  .workflow__description {
    max-width: 770px;
    margin: 25px auto 80px;
    text-align: center;
    font-size: 22px;
  }
}
.workflow__logo {
  height: 25px;
  margin-right: 10px;
}
@media screen and (min-width: 1024px) {
  .workflow__logo {
    height: 66px;
  }
}
.workflow__cta-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.workflow__cta {
  -webkit-transition: background-color 350ms ease-in-out,
    color 350ms ease-in-out;
  transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
  background-color: #fff00b;
  border-radius: 999px;
  color: #000;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  font-size: 21px;
  height: 60px;
  padding: 0 25px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  margin: 0 auto;
  cursor: pointer;
}
.workflow__cta svg {
  -webkit-transition: -webkit-transform 350ms ease-in-out;
  transition: -webkit-transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 20px;
  width: auto;
  margin-left: 35px;
}
.workflow__cta:hover {
  background-color: #fff00b;
  color: #000;
}
.workflow__cta:hover svg {
  -webkit-transform: translateX(12px);
  transform: translateX(12px);
}
.workflow__cta:hover {
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .workflow__cta {
    font-size: 18px;
  }
}
.workflow__cta--loading {
  opacity: 0.5;
  cursor: not-allowed;
}
.workflow__highlights {
  margin: 50px 0;
}
@media screen and (min-width: 1024px) {
  .workflow__highlights {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    margin: 100px auto 80px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .workflow__highlights {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .workflow__highlights {
    max-width: 1240px;
  }
}

/*.showcase {
    background-image: url(/wp-content/uploads/workflow-showcase-bg-mobile-b794d3570861c182825be796349528fd617e11db51daa8d72f1c598f0f7151fc.png.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 220px 25px 40px;
    color: #fff;
}
@media screen and (min-width: 1024px) {
    .showcase {
        background-image: url(/wp-content/uploads/workflow-showcase-bg-mobile-b794d3570861c182825be796349528fd617e11db51daa8d72f1c598f0f7151fc.png.png);
        background-size: cover;
        padding: 300px 0 115px;
    }
}*/
@media screen and (min-width: 1024px) {
  .showcase--content--inner .kt-inside-inner-col {
    /*        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 3.99%;
*/
    max-width: 340px;
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .showcase--content--inner .kt-inside-inner-col {
    /*grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 2.6%;*/
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .showcase--content--inner .kt-inside-inner-col {
    /*grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 1.61%;*/
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .showcase--content--inner .kt-inside-inner-col {
    /*        max-width: 90.04%;*/
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .showcase--content--inner .kt-inside-inner-col {
    /*        max-width: 1240px;*/
  }
}
.showcase--content h4 {
  font-size: 40px;
  letter-spacing: initial;
  line-height: 1.25;

  font-weight: 300;
  text-transform: initial;
  font-size: 28px;
  line-height: 40px;
  width: 90%;
}
@media screen and (min-width: 1024px) {
  .showcase--content h4 {
    grid-column: 11 / -1;
    font-size: 34px;
    line-height: 1.25;
  }
}
.showcase--content p {
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;

  font-weight: 300;
  text-transform: initial;
  grid-column: 11 / -1;
  margin-top: 12px !important;
  line-height: 22px;
}
@media screen and (min-width: 1024px) {
  .showcase--content p {
    margin-top: 20px !important;
  }
}
.showcase--cta {
  -webkit-transition: background-color 350ms ease-in-out,
    color 350ms ease-in-out;
  transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 999px;
  font-size: 15px;
  text-align: center;
  grid-column: 11;
  margin-top: 24px;
}
.showcase--cta a {
  color: #fff;
  text-decoration: none;
  padding: 0 25px;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  height: 40px;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.showcase--cta svg {
  -webkit-transition: -webkit-transform 350ms ease-in-out;
  transition: -webkit-transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 20px;
  width: auto;
  margin-left: 35px;
}
.showcase--cta:hover {
  background-color: #fff;
}
.showcase--cta:hover a {
  color: #000;
}
.showcase--cta:hover svg {
  -webkit-transform: translateX(12px);
  transform: translateX(12px);
}
@media screen and (min-width: 1024px) {
  .showcase--cta {
    -webkit-transition: background-color 350ms ease-in-out,
      color 350ms ease-in-out;
    transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 999px;
    color: #fff;
    white-space: nowrap;
    font-size: 21px;
    margin-top: 40px;
  }
  .showcase--cta a {
    color: #fff;
    text-decoration: none;
    padding: 0 25px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    height: 60px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .showcase--cta svg {
    -webkit-transition: -webkit-transform 350ms ease-in-out;
    transition: -webkit-transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 20px;
    width: auto;
    margin-left: 35px;
  }
  .showcase--cta:hover {
    background-color: #fff;
    color: #000;
  }
  .showcase--cta:hover svg {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
  }
}

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

.member .kt-inside-inner-col,
.member-wrapper .kt-inside-inner-col {
  background-color: #000;
  position: relative;
  overflow: hidden;
}
.member-wrapper.light .kt-inside-inner-col {
  background-color: #f3efea;
}
/* .member__bg-container .kt-inside-inner-col {
    width: 100vw;
    height: 0;
    padding-bottom: 97.87%; 
    position: relative
}
@media screen and (min-width: 1024px) {
    .member__bg-container .kt-inside-inner-col {
        width: 50vw;
        height: 100%;
        padding-bottom: 0;
        position: absolute;
        top: 0;
        left: 0
    }
} */
.member-img-designer {
  flex-direction: row !important;
}
.member__bg img,
.member-img img {
  /* position: absolute;
    top: 0;
    left: 0; */
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center bottom;
  object-position: center bottom;
}
.member__circle-text img,
.spinning_circle {
  -webkit-animation: rotate 25000ms linear infinite;
  animation: rotate 25000ms linear infinite;
  /* -webkit-transform-origin: center center;
    transform-origin: center center; */
  /* display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; */
  /* -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; */
  position: absolute;
  top: 5%;
  right: -10%;
  /* left: 45%; */
  width: 200px;
  height: 200px;
  z-index: 100;
  /* transform: translateX(-50%); */
}
/* .member__circle-text > .member__circle {
    width: 100%;
    height: auto
} */
@media screen and (min-width: 1024px) {
  .member__circle-text img,
  .spinning_circle {
    width: 150px;
    height: 150px;
    top: 7%;
    left: 38%;
  }
  .member-wrapper .spinning_circle {
    top: 27%;
    left: 53%;
  }
}
@media screen and (min-width: 1440px) {
  .member__circle-text img,
  .spinning_circle {
    width: 200px;
    height: 200px;
    top: 12%;
    left: 50%;
    margin-left: -100px;
  }
}
@media screen and (max-width: 1023px) {
  .member-inner {
    padding-bottom: 75px;
  }
  .member-wrapper .spinning_circle {
    top: 27%;
    right: -30%;
  }
  .anchor:first-child,
  .anchor-center {
    border-right: none;
  }
}
/* .member__inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 3.99%;
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    color: #fff;
    padding: 25px 0 75px
}
@media screen and (min-width: 1024px) {
    .member__inner {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 2.6%
    }
}
@media screen and (min-width: 1440px) {
    .member__inner {
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 1.61%
    }
}
@media screen and (min-width: 1024px) {
    .member__inner {
        max-width: 90.04%
    }
}
@media screen and (min-width: 1440px) {
    .member__inner {
        max-width: 1240px
    }
}
@media screen and (min-width: 1024px) {
    .member__inner {
        padding: 80px 0
    }
}
@media screen and (min-width: 1440px) {
    .member__inner {
        padding: 204px 0 113px
    }
}
.member__content {
    grid-column: 1 / -1
}
@media screen and (min-width: 1024px) {
    .member__content {
        grid-column: 4 / -1
    }
}
@media screen and (min-width: 1440px) {
    .member__content {
        grid-column: 8 / -1
    }
} */
.member__badge .kt-inside-inner-col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.member__badge-name,
.member__badge-bottom,
.member-badge-name,
.member-badge-bottom .kt-inside-inner-col {
  display: inline-block;
  font-size: 35px;
  position: relative;
  text-transform: uppercase;
  color: #fff;
}
.member-badge-name.black {
  color: #000;
  font-size: 42px;
}
.member__badge-bottom::before,
.member-badge-bottom .kt-inside-inner-col::before {
  content: "";
  display: block;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  height: 6px;
  margin: 12px 0;
}
.member__badge-bottom.black::before,
.member-badge-bottom.black .kt-inside-inner-col::before {
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  width: 100%;
  margin: 0;
}
.member-badge-bottom.black span {
  color: #000;
}
/* .member__text {
    grid-column: 1 / -1;
    margin-top: 25px
} */
/* @media screen and (min-width: 1024px) { */
.member__text,
.member-text,
.member-badge {
  max-width: 78.84%;
  width: 100%;
  margin: 50px auto 0;
}

.member-badge {
  margin: 0 auto;
}

.member-badge .kt-inside-inner-col {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  /* align-items: center; */
}
/* } */
@media screen and (min-width: 1440px) {
  .member__text,
  .member-text {
    margin: 75px auto 0;
    /* max-width: none */
  }
  .member-text.margin-small {
    margin: 50px auto 0;
    /* max-width: none */
  }
}
.member__blurb,
.member-text p {
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;
  font-weight: 300;
  text-transform: initial;
  color: #fff;
  margin: 0;
}
.one-pager .member-text p {
  font-size: 22px;
}
.member-wrapper.light .member-text p {
  color: #000;
}
.member__cta,
.member-text a {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  font-size: 13px;
  padding-bottom: 8px;
  position: relative;
  text-decoration: none;
  margin-top: 16px;
}
.member-wrapper.light .member-text a {
  color: #000;
}
.member__cta::after,
.member-text a::after {
  -webkit-transition: -webkit-transform 250ms linear;
  transition: -webkit-transform 250ms linear;
  transition: transform 250ms linear;
  transition: transform 250ms linear, -webkit-transform 250ms linear;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  content: "";
  background-color: #fff;
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.member__cta:hover::after,
.member-text a:hover::after {
  -webkit-transform: translate3d(0, -3px, 0);
  transform: translate3d(0, -3px, 0);
}

.member-wrapper.light .member-text a::after {
  background-color: #000;
}

.member-badge .black img {
  filter: brightness(0);
  margin-top: 0;
}

.member-badge .black figure {
  display: grid;
}

.try {
  background-color: #ffe10d;
  padding: 50px 0;
}
.try.black {
  background-color: #232323;
}
.try.black h2.try__title {
  font-weight: 300;
  color: #fff;
}
.try.white {
  background-color: #fff;
}
.try.white h2.try__title {
  font-weight: 300;
  color: #000;
}
@media screen and (min-width: 1024px) {
  .try {
    padding: 75px 0;
    /* margin-top: 50px */
  }
  .try.white {
    padding: 50px 0;
  }
}
.try__inner .kt-inside-inner-col {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .try__inner .kt-inside-inner-col {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .try__inner .kt-inside-inner-col {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .try__inner .kt-inside-inner-col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.try__title {
  font-size: 40px;
  letter-spacing: initial;
  line-height: 1.25;

  font-weight: 300;
  text-transform: initial;
  color: #000;
  grid-column: 1 / -1;
}
@media screen and (min-width: 1024px) {
  .try__title {
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 1.31;
    font-weight: 400;
    text-transform: uppercase;
    grid-column: 1 / 4;
    letter-spacing: unset;
    text-transform: unset;
  }
}
@media screen and (min-width: 1440px) {
  .try__title {
    grid-column: 1 / 9;
  }
}
.try__cta-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 50px;
}
@media screen and (min-width: 1024px) {
  .try__cta-container {
    margin-top: 0;
    margin-left: 50px;
  }
}
.try__cta {
  -webkit-transition: background-color 350ms ease-in-out,
    color 350ms ease-in-out;
  transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
  background-color: #fff;
  border-radius: 999px;
  color: #000;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  font-size: 21px;
  height: 60px;
  padding: 0 25px;
  text-decoration: none;
}
.try__cta svg {
  -webkit-transition: -webkit-transform 350ms ease-in-out;
  transition: -webkit-transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 20px;
  width: auto;
  margin-left: 35px;
}
.try__cta:hover {
  background-color: #fff00b;
  color: #000;
}
.try__cta:hover svg {
  -webkit-transform: translateX(12px);
  transform: translateX(12px);
}
.try__cta:hover {
  background: #000;
  color: #fff;
}

.faq {
  background: #191919;
  padding: 25px 0;
}
@media screen and (min-width: 1024px) {
  .faq {
    padding: 120px 0;
  }
}
@media screen and (min-width: 1440px) {
  .faq {
    padding: 140px 0;
  }
}
.faq.black {
  background: #000;
  padding: 25px 0;
}
@media screen and (min-width: 1024px) {
  .faq.black {
    padding: 80px 0;
  }
}
@media screen and (min-width: 1440px) {
  .faq.black {
    padding: 100px 0;
  }
}
.faq__inner .kt-inside-inner-col {
  display: grid;
  /* grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 3.99%; */
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
}
/* @media screen and (min-width: 1024px) {
    .faq__inner .kt-inside-inner-col {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 2.6%
    }
}
@media screen and (min-width: 1440px) {
    .faq__inner .kt-inside-inner-col {
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 1.61%
    }
} */
@media screen and (min-width: 1024px) {
  .faq__inner .kt-inside-inner-col {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .faq__inner .kt-inside-inner-col {
    max-width: 1240px;
  }
}
.faq__title {
  font-size: 40px;
  letter-spacing: initial;
  line-height: 1.25;

  font-weight: 300;
  text-transform: initial;
  color: #fff;
  /* grid-column: 1 / -1; */
  max-width: 95%;
}
.faq__accordion .kt-accordion-header-wrap {
  cursor: pointer !important;
}
.faq__accordion {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  /* grid-column: 1 / -1; */
  margin-top: 20px;
  padding: 20px 0;
}
.faq__accordion-question {
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px 0;
}
[aria-selected="true"] .faq__accordion-question {
  padding: 15px 0 0;
}
.faq__accordion-question-copy,
.faq__accordion .kt-blocks-accordion-title-wrap {
  color: #fff;

  font-weight: 300;
  font-size: 15px;
  line-height: 1.2;
  /* max-width: 298px */
}
.faq__accordion .kt-blocks-accordion-icon-trigger::before,
.faq__accordion .kt-blocks-accordion-icon-trigger::after {
  background-color: #fff !important;
}
@media screen and (min-width: 1024px) {
  .faq__accordion-question-copy {
    max-width: 545px;
  }
}
@media screen and (min-width: 1440px) {
  .faq__accordion-question-copy {
    max-width: 690px;
  }
}
.faq__accordion-toggle-icon {
  color: #fff;
  display: inline-block;
  position: relative;
  top: 4px;
  width: 14px;
}
[aria-selected="true"] .faq__accordion-toggle-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.faq__accordion-tabpanel {
  color: #fff;
  display: none;
  max-width: 298px;
}
@media screen and (min-width: 1024px) {
  .faq__accordion-tabpanel {
    max-width: 545px;
  }
}
@media screen and (min-width: 1440px) {
  .faq__accordion-tabpanel {
    max-width: 690px;
  }
}
[aria-selected="true"] .faq__accordion-tabpanel,
.faq__inner .kt-accordion-panel-inner {
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;

  font-weight: 300;
  text-transform: initial;
  display: block;
  margin-top: 20px;
  padding-bottom: 30px;
  color: #fff;
}
.cta-link.cta-link--faq,
.faq__accordion a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
  padding-bottom: 2px;
}

.faq__accordion .kt-accordion-panel-inner {
  width: 65%;
}

.lazyload,
.lazyloading {
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: -webkit-filter 300ms;
  transition: -webkit-filter 300ms;
  transition: filter 300ms;
  transition: filter 300ms, -webkit-filter 300ms;
}

/* body:not(.home) .navbar, */
/*body.blog .navbar,*/
body.single .navbar {
  border-bottom: 1px solid #fff;
  background-color: #000;
}

.page-id-470 .navbar {
  background-color: #000;
}

.subnav {
  margin: 91px 0 0 0;
  display: none;
  background-color: #f5f1ed;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0;
  list-style: none;
  position: fixed;
  z-index: 50;
  height: 48px;
  top: 33px;
}

@media screen and (min-width: 1024px) {
  .subnav {
    display: flex;
  }
}

.subnav a,
.subnav span {
  margin-left: 32px;
  margin-right: 32px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 20px;
  color: #000;
  text-decoration: none;
}

.subnav li span {
  cursor: pointer;
}

.container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 86.933333333%;
}
@media screen and (min-width: 1024px) {
  .container {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .container {
    max-width: 1240px;
  }
}

.main-wrapper {
  padding-top: 58px;
  background-color: #fff;
}

@media screen and (min-width: 1024px) {
  .main-wrapper {
    padding-top: 128px;
  }
  .single-post .main-wrapper {
    padding-top: 93px;
  }
}

/* body:not(.home, .single) .site-main {
    padding-top: 40px;
} */

.blog-top-content {
  display: flex;
  flex-direction: column;
}

.blog-index-left {
  width: 100%;
}

.blog-index-right {
  width: 100%;
  padding-left: 0px;
  margin-top: 40px;
}

@media screen and (min-width: 1024px) {
  .blog-top-content {
    flex-direction: row;
  }
  .blog-index-left {
    width: 65%;
  }

  .blog-index-right {
    width: 35%;
    padding-left: 40px;
    margin-top: 22px;
  }
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: none;
}
@media screen and (min-width: 1024px) {
  .grid-container {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .grid-container {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
    max-width: 1240px;
  }
}

.blog-grid-left {
  grid-column-start: 1;
  grid-column-end: 5;
  margin-left: auto;
  margin-right: auto;
  max-width: 86.933333333%;
}
@media screen and (min-width: 1024px) {
  .blog-grid-left {
    padding-right: 6.5279vw;
    max-width: none;
    grid-row-start: 1;
  }
}
@media screen and (min-width: 1440px) {
  .blog-grid-left {
    padding-right: 0;
    grid-column-end: 8;
  }
}

.blog-grid-right {
  margin-left: auto;
  margin-right: auto;
  max-width: 86.933333333%;
  grid-column-start: 1;
  grid-column-end: 5;
}
@media screen and (min-width: 1024px) {
  .blog-grid-right {
    padding-left: 13.0558vw;
    margin-top: 0;
    max-width: none;
    grid-column-start: 4;
    grid-column-end: 7;
    grid-row-start: 1;
  }
}
@media screen and (min-width: 1440px) {
  .blog-grid-right {
    padding-left: 42.5165px;
    grid-column-start: 8;
    grid-column-end: 13;
  }
}

.site-footer {
  padding: 75px 0 0px; /* removed padding on bottom 37px not needed site-wide */
  background-color: #000;
}

.site-footer ul li {
  margin-bottom: 15px;
}

.site-footer ul a {
  color: #fff;
  text-decoration: none;
}

.site-footer ul li:first-child {
  font-weight: bold;
  color: #fff;
}

.site-footer .footer-bottom p {
  margin: 0;
  font-size: 13px;
}

.site-footer .footer-bottom ul {
  display: flex;
}

.site-footer .footer-bottom li a {
  font-size: 13px;
}

.site-footer .footer-bottom ul li:first-child {
  font-weight: normal;
}

.site-footer .footer-bottom li:not(:last-child) {
  margin: 0 15px 0 0;
}

.site-footer .wp-block-social-links,
.site-footer .wp-block-social-links li,
.site-footer .footer-bottom li {
  margin: 0;
}

/* .blog .site-footer {
  background: #fff;
  color: #000;
}

.blog .site-footer ul a {
  color: #000;
} */

.blog
  .site-footer
  .wp-block-social-links
  .wp-block-social-link
  .wp-block-social-link-anchor
  svg {
  fill: #000;
}

.blog .site-footer .footer-bottom ul a {
  color: #fff;
}

.blog .site-footer .wp-block-image a::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg' class='footer__badge'%3E%3Cpath d='M20 39.048C9.48 39.048.952 30.52.952 20 .952 9.48 9.48.952 20 .952 30.52.952 39.048 9.48 39.048 20c0 10.52-8.528 19.048-19.048 19.048zm6.667-22.858v-4.76H13.333v17.14h4.762v-5.735l7.62.021v-4.762h-7.687V16.19h8.639z' fill='currentColor' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
  width: 40px;
  height: 40px;
  position: absolute;
}
.blog .site-footer .wp-block-image a img {
  display: none;
}

/*
body:not(.home) .site-footer .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
    fill: #fff;
}

body:not(.home) .site-footer .wp-block-image img {
    -webkit-filter: grayscale(1) invert(1);
    filter: grayscale(1) invert(1);
}

body:not(.home) .site-footer {
    padding: 75px 0 0;
    background-color: #fff;
}

body:not(.home) .site-footer ul a,
body:not(.home) .site-footer ul li:first-child {
    color: #000;
}

body:not(.home) .site-footer .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
    fill: #000;
}

body:not(.home) .site-footer .footer-bottom ul a {
    color: #fff;
}

*/
.site-footer
  .wp-block-social-links
  .wp-block-social-link
  .wp-block-social-link-anchor
  svg {
  fill: #fff;
}

.blog-popular {
  margin-top: 80px;
}

@media (min-width: 1024px) {
  .blog-popular {
    margin-top: 96px;
  }
}

@media (min-width: 1440px) {
  .blog-popular {
    margin-top: 136px;
  }
}

.blog-popular-content {
  margin-top: 96px;
}

.blog-popular-content-wrapper {
  display: flex;
  flex-direction: column;
}

.blog-lead-gen-wrapper {
  margin-top: 40px;
}

.blog-popular-posts-wrapper {
  width: 100%;
}

.blog-popular-subscribe-wrapper {
  width: 100%;
  padding-left: 0px;
  margin-top: 40px;
}

@media (min-width: 1440px) {
  .blog-popular-content {
    margin-top: 136px;
  }

  .blog-popular-content-wrapper {
    flex-direction: row;
  }

  .blog-popular-posts-wrapper {
    width: 75%;
  }

  .blog-popular-subscribe-wrapper {
    width: 25%;
    padding-left: 20px;
    margin-top: 0px;
  }
}

h2.header-title {
  padding-bottom: 16px;
  margin-top: 0;
  margin-bottom: 40px;
  border-bottom: 1px solid #000;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #000;
}

.blog-index-right .post:not(:first-child) {
  margin-top: 40px;
}

.blog-latest-posts-wrapper .post .post-thumbnail-wrapper,
.more-category-posts-wrapper .post .post-thumbnail-wrapper,
.category-top-posts-wrapper-inner .post .post-thumbnail-wrapper,
.blog-popular-posts-wrapper .post .post-thumbnail-wrapper,
.single-latest-posts-wrapper .post .post-thumbnail-wrapper,
.blog-top-content .post .post-thumbnail-wrapper {
  position: relative;
  overflow: hidden;
  margin-top: 0;
}

.blog-latest-posts-wrapper .post .post-thumbnail-wrapper::before,
.more-category-posts-wrapper .post .post-thumbnail-wrapper::before,
.category-top-posts-wrapper-inner .post .post-thumbnail-wrapper::before,
.blog-popular-posts-wrapper .post .post-thumbnail-wrapper::before,
.single-latest-posts-wrapper .post .post-thumbnail-wrapper::before,
.blog-top-content .post .post-thumbnail-wrapper::before {
  content: "";
  width: 1px;
  height: 0;
  float: left;
  padding-bottom: 55.08%;
  margin-left: -1px;
}

.blog-latest-posts-wrapper .post .post-thumbnail-wrapper img,
.more-category-posts-wrapper .post .post-thumbnail-wrapper img,
.category-top-posts-wrapper-inner .post .post-thumbnail-wrapper img,
.blog-popular-posts-wrapper .post .post-thumbnail-wrapper img,
.single-latest-posts-wrapper .post .post-thumbnail-wrapper img,
.blog-top-content .post .post-thumbnail-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sticky-content .post .post-thumbnail-wrapper img {
  object-fit: contain !important;
}
.single-page-latest
  .kt-post-slider-item:hover
  .kadence-post-image-inner-intrisic
  img,
.blog-latest-posts-wrapper .post:hover .post-thumbnail-wrapper img,
.more-category-posts-wrapper .post:hover .post-thumbnail-wrapper img,
.category-top-posts-wrapper-inner .post:hover .post-thumbnail-wrapper img,
.blog-popular-posts-wrapper .post:hover .post-thumbnail-wrapper img,
.single-latest-posts-wrapper .post:hover .post-thumbnail-wrapper img,
.blog-top-content .post:hover .post-thumbnail-wrapper img {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.blog-latest-posts-wrapper .post .posted-on,
.more-category-posts-wrapper .post .posted-on,
.category-top-posts-wrapper-inner .post .posted-on,
.blog-popular-posts-wrapper .post .posted-on,
.single-latest-posts-wrapper .post .posted-on,
.blog-top-content .post .posted-on {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.2px;
  font-weight: 500;
  text-transform: uppercase;
  margin-right: 20px;
  color: #000;
}

.blog-latest-posts-wrapper .post .cat-links a,
.more-category-posts-wrapper .post .cat-links a,
.category-top-posts-wrapper-inner .post .cat-links a,
.blog-popular-posts-wrapper .post .cat-links a,
.single-latest-posts-wrapper .post .cat-links a,
.blog-top-content .post .cat-links a {
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  opacity: 0.35;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
}

.blog-latest-posts-wrapper .post .cat-links a:hover,
.more-category-posts-wrapper .post .cat-links a:hover,
.category-top-posts-wrapper-inner .post .cat-links a:hover,
.blog-popular-posts-wrapper .post .cat-links a:hover,
.single-latest-posts-wrapper .post .cat-links a:hover,
.blog-top-content .post .cat-links a:hover {
  opacity: 1;
}

.blog-latest-posts-wrapper .post .entry-title a,
.more-category-posts-wrapper .post .entry-title a,
.category-top-posts-wrapper-inner .post .entry-title a,
.blog-popular-posts-wrapper .post .entry-title a,
.single-latest-posts-wrapper .post .entry-title a,
.blog-top-content .post .entry-title a {
  color: #000;
  text-decoration: none;
  font-family: Tiempos, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
}

.category-top-posts-wrapper-inner .post .entry-title a,
.blog-top-content .post .entry-title a {
  font-weight: 400;
}

.blog-index-left .post .entry-title a {
  font-size: 30px;
  line-height: 40px;
  font-weight: 500;
}

@media (min-width: 1440px) {
  .blog-index-left .post .entry-title a {
    font-size: 38px;
    line-height: 48px;
  }
}

.blog-index-left .post .entry-excerpt {
  margin-top: 16px;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.2px;
  font-family: Tiempos, Georgia, Cambria, Times New Roman, Times, serif;
  color: #000;
}

.blog-index-left .post .entry-excerpt p {
  margin: 0;
}

.blog-latest-posts-wrapper .post:hover .entry-title a,
.more-category-posts-wrapper .post:hover .entry-title a,
.category-top-posts-wrapper-inner .post:hover .entry-title a,
.blog-popular-posts-wrapper .post:hover .entry-title a,
.single-latest-posts-wrapper .post:hover .entry-title a,
.blog-top-content .post:hover .entry-title a {
  text-decoration: underline;
}

.blog-latest-posts-wrapper .post .entry-meta,
.more-category-posts-wrapper .post .entry-meta,
.category-top-posts-wrapper-inner .post .entry-meta,
.blog-popular-posts-wrapper .post .entry-meta,
.single-latest-posts-wrapper .post .entry-meta,
.blog-top-content .post .entry-meta {
  margin-top: 20px;
}

.blog-index-right .article-cards .post .wp-block-post-title a,
.blog-latest-posts-wrapper .post .entry-title a {
  font-weight: 400;
  font-size: 22px;
  line-height: 32px;
}

.blog-latest-posts-wrapper .post .entry-title,
.blog-latest-posts-wrapper .post .entry-title,
.more-category-posts-wrapper .post .entry-title,
.category-top-posts-wrapper-inner .post .entry-title,
.blog-popular-posts-wrapper .post .entry-title,
.single-latest-posts-wrapper .post .entry-title,
.blog-top-content .post .entry-title {
  margin: 10px 0 0;
}

.blog-popular-posts-wrapper .kt-inside-inner-col {
  display: flex;
  align-items: center;
}

.subscribe-box-black {
  padding: 22px 0 26px;
  position: relative;
  background-color: #191919;
  background-color: rgba(25, 25, 25, 1);
}

.subscribe-box-black.purple {
  background-color: #171223;
}

.subscribe-box-black.purple .gform_body {
  width: 100%;
}

.subscribe-box-black .gform_validation_container,
.subscribe-box-black .gfield_required,
.subscribe-box .gform_validation_container,
.subscribe-box .gfield_required {
  display: none !important;
}

.subscribe-box-black h3 {
  color: #fff;
  font-family: Tiempos, Georgia, Cambria, Times New Roman, Times, serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  letter-spacing: 1px;
}

.subscribe-box-black form {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.35);
  display: flex;
  margin-top: 24px;
  height: 32px;
  align-items: flex-start;
}

.subscribe-box-black form:focus-within {
  border-bottom: 1px solid #fff;
}

.subscribe-box-black form input {
  outline: 2px solid transparent;
  outline-offset: 2px;
  min-width: 0;
  height: 100%;
  flex-grow: 1;
  background-color: transparent;
  -webkit-appearance: none;
  appearance: none;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #fff !important;
  border: 0;
  border-radius: 0px;
  padding: 0;
}

.subscribe-box-black
  .gform_wrapper.gravity-theme
  .gform_footer
  .gform_image_button {
  width: 26px;
  height: 100%;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  background-image: none;
  border: 0;
  cursor: pointer;
  background: url(../svg/right-arrow-image-white.svg);
  background-repeat: no-repeat;
}

@media (min-width: 1024px) {
  .subscribe-box-black {
    padding-left: 32px;
    margin-top: 80px;
    height: 168px;
  }
  .subscribe-box-black h3 {
    max-width: 52.82%;
    margin-right: 88px;
    font-size: 28px;
    line-height: 38px;
  }
  .subscribe-box-black form {
    margin-top: 0;
    flex-grow: 1;
    height: 56px;
  }
  .subscribe-box-black .gform_wrapper.gravity-theme .gform_body,
  .subscribe-box-black .gform_wrapper.gravity-theme .gform_footer {
    padding: 16px 0;
  }
  .subscribe-box-black .gform_fields input.medium {
    width: 100% !important;
  }
  .subscribe-box-black .gform_wrapper.gravity-theme .gform_footer {
    width: 52px;
  }
  .subscribe-box-black
    .gform_wrapper.gravity-theme
    .gform_footer
    .gform_image_button {
    width: 15px;
    height: 20px;
  }
  /* newsletter-task */
}

@media (min-width: 1440px) {
  .subscribe-box-black {
    height: auto;
    padding: 30px 23px 56px 30px;
    margin-top: 0;
  }
  .subscribe-box-black h3 {
    max-width: none;
    margin: 0;
  }
  .subscribe-box-black form {
    margin-top: 18px;
    width: 100%;
  }
  .subscribe-box-black form button {
    width: 39px;
  }
  .subscribe-box-black form button svg {
    height: 15px;
  }
}

.blog-latest {
  background-color: #f5f1ed;
  padding-top: 64px;
}

@media (min-width: 1024px) {
  .blog-latest {
    padding-bottom: 80px;
    margin-top: 104px;
  }
}

@media (min-width: 1440px) {
  .blog-latest {
    padding-top: 96px;
  }
}

.blog-latest h3 {
  margin-top: 0;
  margin-bottom: 40px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 1.5px;
  color: #000;
}

@media (min-width: 1024px) {
  .blog-latest h3 {
    margin-bottom: 64px;
  }
}

@media (min-width: 1440px) {
  .blog-latest h3 {
    margin-bottom: 48px;
  }
}

.career-options .kt-blocks-info-box-media {
  overflow: visible;
}
.career-options
  .kadence-info-box-image-inner-intrisic-container
  .kadence-info-box-image-intrisic {
  width: 32px !important;
  height: 32px !important;
}
.career-options
  .paid-parental
  .kadence-info-box-image-inner-intrisic-container
  .kadence-info-box-image-intrisic {
  width: 26px !important;
  height: 26px !important;
}
.gform_wrapper .gform_validation_errors {
  visibility: hidden !important;
}
.subscribe-light .gform_confirmation_message_2 {
  color: #000;
}
.gform_confirmation_message_2 {
  color: #fff;
  margin-top: 20px;
}
.subscribe-box {
  padding: 38px 0 32px;
  background-color: #f5f1ed;
}

.subscribe-box .container {
  background-color: transparent;
  display: flex;
  flex-direction: column;
}

.subscribe-box h3 {
  font-family: Tiempos, Georgia, Cambria, Times New Roman, Times, serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  letter-spacing: 1px;
  margin-right: 96px;
  color: #000;
}

.subscribe-box .email-form {
  position: relative;
}

.subscribe-box .email-form form {
  margin-top: 24px;
  padding: 0 18px;
  height: 64px;
  display: flex;
  align-items: center;
  background-color: #fff;
}

.subscribe-box .email-form form input {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  flex-grow: 1;
  height: 100%;
  min-width: 0;
  outline: 2px solid transparent;
  outline-offset: 2px;
  color: #000;
  border: none;
}

.subscribe-box .gform_wrapper.gravity-theme .gform_footer .gform_image_button {
  width: 36px;
  height: 36px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: none;
  background: transparent;
  background: url(../svg/right-arrow-image-gray.svg);
  background-repeat: no-repeat;
}

.podcast-episode__actions
  .subscribe-box
  .gform_wrapper.gravity-theme
  .gform_footer
  .gform_image_button {
  background: url(../svg/right-arrow-image-white.svg);
  background-repeat: no-repeat;
}

.podcast-episode__actions .subscribe-box .email-form form input {
  color: #fff;
}

.subscribe-box .email-form form button svg {
  height: 11px;
  width: auto;
}

@media (max-width: 1023px) {
  .subscribe-box .gform_wrapper.gravity-theme .gform_body,
  .subscribe-box .gform_wrapper.gravity-theme .gform_body input {
    width: 100% !important;
  }
}

@media (min-width: 1024px) {
  .subscribe-box {
    padding: 0;
    background-color: transparent;
  }
  .subscribe-box .container {
    flex-direction: row;
    height: 120px;
    padding-left: 32px;
    padding-right: 32px;
    justify-content: space-around;
    align-items: center;
    background-color: #f5f1ed;
  }
  .subscribe-box h3 {
    font-size: 28px;
    line-height: 38px;
  }
  .subscribe-box .email-form form {
    height: 66px;
    margin-top: 0;
    padding: 0 11px 0 26px;
    width: 351px;
  }
  .podcast-episode__actions .subscribe-box .email-form form {
    width: 450px;
  }
  .subscribe-box .email-form form button {
    width: 52px;
    height: 52px;
  }
  .subscribe-box .email-form form button svg {
    height: 21px;
  }
}

@media (min-width: 1440px) {
  .subscribe-box {
    /* margin-top: 32px; */
  }
  .subscribe-box .container {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }
  .subscribe-box .email-form form {
    width: 433px;
  }
  .podcast-episode__actions .subscribe-box .email-form form {
    width: 550px;
  }
}

.breadcrumbs {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.breadcrumbs a {
  color: #000;
  text-decoration: none;
  margin: 0 5px;
}

body:not(.archive) .breadcrumbs {
  margin-top: 40px;
  margin-left: -5px;
}
body .archive .breadcrumbs {
  margin-left: 0;
}

@media (min-width: 1024px) {
  .breadcrumbs {
    padding-right: 6.5279vw;
  }
  .archive .breadcrumbs {
    padding-right: 0;
  }
  body:not(.archive) .breadcrumbs {
    margin-top: 96px;
  }
  body .archive .breadcrumbs {
    margin-top: 40px;
  }
}

@media (min-width: 1440px) {
  .breadcrumbs {
    padding-right: 0;
  }
}

.single .entry-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .single .entry-header {
    flex-direction: row;
  }
}

.single .entry-header .content {
  width: 100%;
}

@media (min-width: 1024px) {
  .single .entry-header .content {
    width: 50%;
  }
}

@media (min-width: 1440px) {
  .single .entry-header .content {
    width: 60%;
  }
}

.single .entry-header .post-thumbnail img {
  width: 500px;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

@media (min-width: 1024px) {
  .single .entry-header .post-thumbnail {
    width: 40%;
  }
}

@media (min-width: 1440px) {
  .single .entry-header .post-thumbnail {
    margin-right: -100px;
  }
}

.single .site-main .entry-header .entry-title {
  padding-right: 16px;
  margin-top: 40px;
  font-weight: 500;
  color: #000;
}

@media (min-width: 1024px) {
  .single .site-main .entry-header .entry-title {
    margin-top: 64px;
    padding-right: 0;
    font-size: 44px;
    line-height: 56px;
    letter-spacing: -1px;
  }
}

@media (min-width: 1440px) {
  .single .site-main .entry-header .entry-title {
    padding-right: 0;
    font-size: 52px;
    line-height: 64px;
  }
}
.single .archive .site-main .entry-header .entry-title {
  margin-top: 10px;
  line-height: 12px;
  letter-spacing: 0;
}

.single .entry-header .entry-excerpt {
  margin-top: 16px;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 0.5px;
  font-family: Tiempos, Georgia, Cambria, Times New Roman, Times, serif;
  color: #000;
}

@media (min-width: 1440px) {
  .single .entry-header .entry-excerpt {
    font-size: 24px;
    line-height: 34px;
  }
}

.single .entry-header .entry-meta,
.single-page-latest .kt-blocks-date,
.single-page-latest .kt-blocks-post-author {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
  margin-top: 16px;
}

@media (min-width: 1024px) {
  .single .entry-header .entry-meta {
    margin-top: 24px;
    margin-bottom: 56px;
  }
}

.single .entry-header .entry-meta a {
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
}

.single .entry-header .entry-meta .posted-on {
  margin-left: 16px;
  opacity: 0.5;
}

.single .single-content {
  display: flex;
  flex-direction: column;
}

.single .single-content-left {
  width: 100%;
  padding-right: 0px;
  display: flex;
  margin-top: 56px;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .single .single-content-left {
    flex-direction: row;
  }
}

@media (min-width: 1440px) {
  .single .single-content {
    flex-direction: row;
  }
  .single .single-content-left {
    width: 75%;
    padding-right: 40px;
  }
}

.single .single-content-right {
  width: 100%;
  margin-top: 40px;
  /* display: none; */
}

.single .single-content-right .format-cta-image {
  display: none;
}

@media (min-width: 1440px) {
  .single .single-content-right {
    width: 25%;
    /* display: block; */
  }
  .single .single-content-right .format-cta-image {
    display: block;
  }
}

/* @media (min-width: 768px) and (max-width: 1023px) {
    .blog-popular-subscribe-wrapper .subscribe-box-black {
        flex-direction: row;
    }
} */

@media (max-width: 1023px) {
  .single .single-content-right .subscribe-box-black,
  .blog-popular-subscribe-wrapper .subscribe-box-black {
    display: flex;
    flex-direction: column;
    padding-right: 32px;
    padding-left: 32px;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
  }
  .single .single-content-right .subscribe-box-black form,
  .blog-popular-subscribe-wrapper .subscribe-box-black form {
    width: 100%;
  }
  .single .single-content-right .subscribe-box-black form button,
  .blog-popular-subscribe-wrapper .subscribe-box-black form button,
  .archive .subscribe-box-black form button {
    width: 36px;
  }
  .subscribe-box-black
    .gform_wrapper.gravity-theme
    .gform_footer
    .gform_image_button {
    width: 15px;
    height: 20px;
  }
  .subscribe-box-black .gform_wrapper.gravity-theme .gform_footer {
    width: 52px;
  }
  .subscribe-box-black .gform_wrapper.gravity-theme .gform_body {
    width: 100%;
  }
  .subscribe-box-black .gform_wrapper.gravity-theme .gform_body,
  .subscribe-box-black .gform_wrapper.gravity-theme .gform_footer {
    padding: 16px 0;
  }
  .subscribe-box-black .gform_fields input.medium {
    width: 100% !important;
  }
  .subscribe-box-black form {
    height: 55px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .blog-popular-content-wrapper .subscribe-box-black {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-right: 32px;
    padding-left: 32px;
  }
  .subscribe-box-black .email-form,
  .subscribe-box-black .gform_wrapper {
    width: 100% !important;
  }
  .subscribe-box-black form,
  .subscribe-box-black .gform_fields input.medium {
    width: 100% !important;
  }
  .subscribe-box-black .gform_body {
    width: 100% !important;
  }
}

@media (max-width: 1440px) {
  .single .single-content-right .subscribe-box-black {
    display: flex;
    align-items: center;
    padding-right: 32px;
    padding-left: 32px;
  }
}

.single-page-latest .kt-blocks-post-grid-item-inner header {
  display: flex;
  flex-direction: column;
}

.single-page-latest .kt-blocks-post-grid-item-inner header .entry-title {
  order: 2;
}

.single-page-latest
  .kt-blocks-post-grid-item-inner
  header
  .kt-blocks-post-top-meta {
  order: 1;
}

.single-page-latest .kt-blocks-date {
  margin-right: 24px;
}

.single-page-latest .kt-blocks-post-author a {
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
  opacity: 0.6;
}

.single-page-latest .kt-blocks-post-author a:hover {
  opacity: 1;
}

.single-page-latest .kt-post-slider-item:hover .entry-title a {
  text-decoration: underline !important;
}

.single-content-right .format-cta-image {
  margin-bottom: 20px;
}

.single-content-left .entry-content {
  max-width: 100%;
  font-family: Tiempos, Georgia, Cambria, Times New Roman, Times, serif;
  font-size: 18px;
  line-height: 32px;
  /* margin-top: 32px; */
  letter-spacing: 0.2px;
  color: #000;
}
.main-wrapper.video .single-content-left .entry-content {
  margin: auto;
}
.single-content-left .entry-content figcaption.wp-element-caption {
  font-size: 14px;
  line-height: 24px;
}
.main-wrapper.video .wp-block-embed__wrapper iframe {
  width: 100%;
  height: 470px;
}

.single-content-left .entry-content > p a {
  text-decoration: underline;
  word-break: break-word;
  color: #2288fc;
}

.single-content-left .entry-content > p a:hover {
  text-decoration: none;
}

.single-content-left .entry-content > ul {
  margin: 32px 0 0;
  list-style: none;
  padding: 0;
}

.single-content-left .entry-content > ul li {
  position: relative;
  font-family: Tiempos, Georgia, Cambria, Times New Roman, Times, serif;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.2px;
  padding-left: 36px;
  color: #000;
}

.single-content-left .entry-content > ul li + li {
  margin-top: 24px;
}

.single-content-left .entry-content > ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  margin-top: 10px;
  background-color: #000;
  border-radius: 50%;
}

.single-content-left .entry-content > ul li a {
  text-decoration: underline;
  color: #2288fc;
}

.single-content-left .entry-content > ol {
  margin: 32px 0 0;
  padding: 0;
  list-style: none;
}

.single-content-left .entry-content > ol:not([start]) {
  counter-reset: ol-counter;
}

.single-content-left .entry-content > ol li {
  position: relative;
  font-weight: 500;
  line-height: 30px;
  padding-left: 36px;
  color: #000;
}

.single-content-left .entry-content > ol li + li {
  margin-top: 24px;
}

.single-content-left .entry-content > ol li:before {
  counter-increment: ol-counter;
  content: counter(ol-counter);
  display: block;
  font-size: 0.89em;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  border-bottom: 1px solid;
}

.single-content-left .entry-content > ol li a {
  text-decoration: underline;
  color: #2288fc;
}

@media (min-width: 1024px) {
  .single-content-left .entry-content {
    max-width: 95%;
  }
}

.single-content-left .entry-content h1,
.single-content-left .entry-content h2,
.single-content-left .entry-content h3,
.single-content-left .entry-content h4 {
  font-weight: 500;
  color: #000;
  margin-top: 25px;
}

.single-content-left .entry-content h1 a,
.single-content-left .entry-content h2 a,
.single-content-left .entry-content h3 a,
.single-content-left .entry-content h4 a {
  color: #000;
  text-decoration: none;
  font-weight: 700;
}

.single-content-left .entry-content h1 a::after,
.single-content-left .entry-content h2 a::after,
.single-content-left .entry-content h3 a::after,
.single-content-left .entry-content h4 a::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z'/%3E%3C/svg%3E");
  font-size: 16px;
  padding-left: 10px;
  width: 26px;
  height: 26px;
  display: inline-block;
}

.single-content-left .entry-content h2 a::after {
  top: -3px;
  position: relative;
}

.sticky-content {
  position: -webkit-sticky;
  position: sticky;
  top: 180px;
}

.single-sticky-yellow-bar,
.sticky-cta {
  position: -webkit-sticky !important;
  position: sticky !important;
  bottom: 0;
  display: none;
  z-index: 49;
}

.single-sticky-yellow-bar .kt-inside-inner-col {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1024px) {
  .single-sticky-yellow-bar .kt-row-layout-inner {
    background-color: #000 !important;
  }
  .single-sticky-yellow-bar .kt-row-layout-inner p {
    color: #fff !important;
    font-size: 15px !important;
    margin-right: 15px !important;
  }
  .single-sticky-yellow-bar .kt-row-layout-inner .kt-button {
    background-color: #ffe10d !important;
    color: #000 !important;
    padding: 4px 8px !important;
    font-size: 14px !important;
  }
  .single-sticky-yellow-bar .kt-row-layout-inner .kt-button:hover {
    background-color: #fff !important;
  }
}

.single-content-left .share-icons-wrapper {
  padding-right: 0px;
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
}

.single-content-left .share-icons {
  background-color: #f5f1ed;
  display: flex;
  flex-direction: row;
  padding: 0 16px;
  justify-content: space-between;
  align-items: center;
}

.single-content-left .share-icons .social-icons {
  display: flex;
}

.single-content-left .share-icons .social-icon {
  width: 25px;
  height: auto;
  padding: 10px 0;
  margin-right: 10px;
}

.single-content-left .share-icons-wrapper .share-article {
  display: block;
}

@media (min-width: 1024px) {
  .single-content-left .share-icons-wrapper {
    display: block;
    padding-right: 40px;
    max-width: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .single-content-left .share-icons {
    flex-direction: column;
    padding: 0 8px;
    justify-content: center;
  }
  .single-content-left .share-icons .social-icons {
    flex-direction: column;
  }
  .single-content-left .share-icons .social-icon {
    margin-right: 0px;
    width: 17px;
  }
  .single-content-left .share-icons-wrapper .share-article {
    display: none;
  }
}

.blog-latest-posts-wrapper {
  display: grid;
  /* grid-template-columns: repeat(1, 1fr); */
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  /* grid-gap: 20px; */
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}

@media (min-width: 1024px) {
  .blog-latest-posts-wrapper {
    /* grid-template-columns: repeat(3, 1fr); */
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .blog-latest-posts-wrapper {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .blog-latest-posts-wrapper article:nth-child(1) {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-column-end: 3;
  }
  .blog-latest-posts-wrapper article:nth-child(2) {
    grid-row-start: 1;
    grid-column-start: 3;
    grid-row-end: 2;
    grid-column-end: 5;
  }
  .blog-latest-posts-wrapper article:nth-child(3) {
    grid-row-start: 2;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-column-end: 2;
  }
  .blog-latest-posts-wrapper article:nth-child(4) {
    grid-row-start: 2;
    grid-column-start: 2;
    grid-row-end: 3;
    grid-column-end: 3;
  }
  .blog-latest-posts-wrapper article:nth-child(5) {
    grid-row-start: 2;
    grid-column-start: 3;
    grid-row-end: 3;
    grid-column-end: 5;
  }
  .blog-latest-posts-wrapper article:nth-child(6) {
    grid-row-start: 3;
    grid-column-start: 1;
    grid-row-end: 4;
    grid-column-end: 2;
  }
  .blog-latest-posts-wrapper article:nth-child(7) {
    grid-row-start: 3;
    grid-column-start: 2;
    grid-row-end: 4;
    grid-column-end: 3;
  }
  .blog-latest-posts-wrapper article:nth-child(8) {
    grid-row-start: 3;
    grid-column-start: 3;
    grid-row-end: 4;
    grid-column-end: 4;
  }
  .blog-latest-posts-wrapper article:nth-child(9) {
    grid-row-start: 3;
    grid-column-start: 4;
    grid-row-end: 4;
    grid-column-end: 5;
  }
  .blog-latest-posts-wrapper article:nth-child(10) {
    grid-row-start: 4;
    grid-column-start: 1;
    grid-row-end: 5;
    grid-column-end: 3;
  }
  .blog-latest-posts-wrapper article:nth-child(11) {
    grid-row-start: 4;
    grid-column-start: 3;
    grid-row-end: 5;
    grid-column-end: 5;
  }
}

.pagination-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.pagination-wrapper .page-numbers {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  background-color: #fff;
}

.archive .pagination-wrapper .page-numbers {
  background-color: #f5f1ed;
}

.pagination-wrapper .page-numbers li {
  width: 40px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  font-size: 16px;
}

.pagination-wrapper .page-numbers li a {
  color: #000;
  text-decoration: none;
}

.pagination-wrapper .page-numbers .next,
.pagination-wrapper .page-numbers .prev {
  padding-bottom: 2px;
}

.pagination-wrapper .page-numbers li .current {
  font-weight: 600;
}

.archive .page-header {
  text-align: center;
}

.archive .page-header h1 {
  font-weight: 500;
  color: #000;
  margin-top: 24px;
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .archive .page-header h1 {
    margin-top: 32px;
    font-size: 52px;
  }
}

@media (min-width: 1440px) {
  .archive .page-header h1 {
    margin-top: 48px;
    line-height: 64px;
  }
}

.archive .page-header p {
  font-family: Tiempos, Georgia, Cambria, Times New Roman, Times, serif;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 0.5px;
  color: #000;
  margin-top: 8px;
  margin-bottom: 0;
  max-width: 600px;
  margin: 24px auto 0;
}

@media (min-width: 1440px) {
  .archive .page-header p {
    font-size: 24px;
    line-height: 34px;
  }
}

.category-top-posts-wrapper {
  background-color: #f5f1ed;
  margin-top: 48px;
}

@media (min-width: 1024px) {
  .category-top-posts-wrapper {
    padding-bottom: 64px;
    margin-top: 80px;
  }
}

@media (min-width: 1440px) {
  .category-top-posts-wrapper {
    padding-bottom: 96px;
    margin-top: 96px;
  }
}

.category-top-posts-wrapper-inner {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  /* grid-gap: 20px; */
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}

@media (min-width: 1024px) {
  .category-top-posts-wrapper-inner {
    /* grid-template-rows: 1fr 1fr; */
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .category-top-posts-wrapper-inner article:nth-child(1) {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-column-end: 3;
  }
  .category-top-posts-wrapper-inner article:nth-child(2) {
    grid-row-start: 1;
    grid-column-start: 3;
    grid-row-end: 2;
    grid-column-end: 5;
  }
  .category-top-posts-wrapper-inner article:nth-child(3) {
    grid-row-start: 2;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-column-end: 2;
  }
  .category-top-posts-wrapper-inner article:nth-child(4) {
    grid-row-start: 2;
    grid-column-start: 2;
    grid-row-end: 3;
    grid-column-end: 3;
  }
  .category-top-posts-wrapper-inner article:nth-child(5) {
    grid-row-start: 2;
    grid-column-start: 3;
    grid-row-end: 3;
    grid-column-end: 4;
  }
  .category-top-posts-wrapper-inner article:nth-child(6) {
    grid-row-start: 2;
    grid-column-start: 4;
    grid-row-end: 3;
    grid-column-end: 5;
  }
}

@media (min-width: 1440px) {
  .category-top-posts-wrapper-inner article:nth-child(1) .entry-title a,
  .category-top-posts-wrapper-inner article:nth-child(2) .entry-title a,
  .blog-latest-posts-wrapper article:nth-child(1) .entry-title a,
  .blog-latest-posts-wrapper article:nth-child(2) .entry-title a,
  .blog-latest-posts-wrapper article:nth-child(5) .entry-title a,
  .blog-latest-posts-wrapper article:nth-child(10) .entry-title a,
  .blog-latest-posts-wrapper article:nth-child(11) .entry-title a {
    font-size: 30px;
    line-height: 40px;
  }
}

.archive .subscribe-box-black {
  margin-top: 48px;
  margin-bottom: 48px;
  display: flex;
  flex-direction: column;
  padding-right: 32px;
  padding-left: 32px;
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
}

@media (min-width: 1024px) {
  .archive .subscribe-box-black {
    margin-top: 64px;
    margin-bottom: 64px;
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .archive .subscribe-box-black h3 {
    max-width: 52.82%;
    margin-right: 88px;
  }
  .archive .subscribe-box-black-archive .email-form {
    width: 40%;
  }
}

@media (min-width: 1440px) {
  .archive .subscribe-box-black {
    margin-top: 80px;
    margin-bottom: 96px;
  }
  .archive .subscribe-box-black form {
    width: 60%;
  }
}

.more-category-posts-wrapper,
.blog-popular-posts-wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px;
  margin-bottom: 50px;
}

.blog-popular-posts-wrapper {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .more-category-posts-wrapper,
  .blog-popular-posts-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1440px) {
  .more-category-posts-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}

.single-latest-posts-wrapper {
  background-color: #f5f1ed;
  position: relative;
  overflow: hidden;
  padding: 48px 0;
}

.single-latest-posts-wrapper h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  color: #000;
  text-transform: uppercase;
  margin: 0;
}

.single-latest-posts-wrapper .slider {
  margin-top: 24px;
}

.single-latest-posts-wrapper .post {
  margin-right: 20px;
}

@media (min-width: 1024px) {
  .single-latest-posts-wrapper {
    margin-top: 72px;
  }
}

@media (min-width: 1440px) {
  .single-latest-posts-wrapper {
    padding: 56px 0;
  }
}

@media screen and (min-width: 769px) {
  body > #page > .content-area.left-sidebar > main.site-main {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-left: 3%;
  }
  body > #page > .content-area.right-sidebar > main.site-main {
    padding-right: 3%;
  }
  body > #page > .content-area.left-sidebar > aside.widget-area {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media screen and (max-width: 992px) {
  body > #page > .content-area.left-sidebar > aside.widget-area,
  body > #page > .content-area.right-sidebar > aside.widget-area {
    width: 200px;
  }
  body > #page > .content-area.left-sidebar > main.site-main,
  body > #page > .content-area.right-sidebar > main.site-main {
    width: calc(100% - 200px);
  }

  .site-footer .wp-block-social-links {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  body > #page > .content-area > main.site-main {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  body > #page > .content-area > aside.widget-area,
  body > #page > .content-area > main.site-main {
    width: 100% !important;
  }
  body > #page > .content-area.left-sidebar > main.site-main,
  body > #page > .content-area.left-sidebar > aside.widget-area {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
  }

  .site-footer .footer-bottom p {
    text-align: left;
  }
}

/* Website Templates Page 
 * Line 1887 - 2219 of original style.css
 */

.header[data-v-18c45cc5] {
  color: #fff;
  padding-top: 160px;
  padding-bottom: 48px;
}
.header__inner[data-v-18c45cc5] {
  margin: 0 auto;
  width: 90%;
}
@media screen and (min-width: 1024px) {
  .header[data-v-18c45cc5] {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1440px) {
  .header[data-v-18c45cc5] {
    padding-bottom: 100px;
  }
}
.header__eyebrow[data-v-18c45cc5] {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  color: hsla(0, 0%, 100%, 0.5);
  grid-column: 1/-1;
  margin-bottom: 20px;
}
.header__eyebrow[data-v-18c45cc5]:before {
  content: "●";
  color: #fff00b;
  margin-right: 10px;
  font-size: 20px;
  vertical-align: text-bottom;
}
.header__headline[data-v-18c45cc5] {
  font-size: 40px;
  letter-spacing: normal;
  line-height: 1.25;
  font-weight: 300;
  text-transform: none;
  letter-spacing: -0.5px;
  grid-row: 2;
  margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
  .header__headline[data-v-18c45cc5] {
    grid-column: 1/-1;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1440px) {
  .header__headline[data-v-18c45cc5] {
    font-size: 50px;
    letter-spacing: normal;
    line-height: 1.2;
    font-weight: 300;
    text-transform: none;
  }
}
.header__subheadline[data-v-18c45cc5] {
  font-size: 22px;
  letter-spacing: normal;
  line-height: 1.36;
  font-weight: 300;
  text-transform: none;
}
.filter[data-v-65f45b1d] {
  background-color: #000;
  color: #d8d8d8;
  font-weight: 500;
  grid-column: span 2;
  position: absolute;
  top: 65px;
  width: 100%;
  z-index: 1;
}
/* body.logged-in .filter[data-v-65f45b1d] {
    top: 156px;
} */
.filter__categories[data-v-65f45b1d] {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  background: #191919;
  color: #fff;
  /* position: fixed; */
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 100%;
  padding: 22px 100px;
  /* top: 67px; */
}
@media screen and (min-width: 1024px) {
  .filter__categories[data-v-65f45b1d] {
    display: none;
  }
}
.filter__categories--chevron-up[data-v-65f45b1d] {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.filter__categories--chevron-down[data-v-65f45b1d] {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.filter__selection[data-v-65f45b1d] {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.filter__selection.active[data-v-65f45b1d] {
  display: block;
}
@media screen and (max-width: 1023px) {
  .filter__selection[data-v-65f45b1d] {
    background: #000;
    font-size: 15px;
    position: fixed;
    height: calc(100vh - 110px);
    width: 100%;
    /* margin-top: 59px; */
    /* margin-top: 105px; */
    padding: 35px 10px;
    overflow-y: auto;
    display: none;
  }
  .filter__selection .filter__heading[data-v-65f45b1d] {
    font-size: 14px;
  }
}
@media screen and (min-width: 1024px) {
  .filter[data-v-65f45b1d] {
    background-color: #191919;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: sticky;
    top: 90px;
    height: calc(100vh - 80px);
    width: 250px;
    padding: 30px 20px 0;
    overflow-y: auto;
  }
}
.filter__title[data-v-65f45b1d] {
  margin-bottom: 32px;
  padding-left: 10px;
  padding-bottom: 16px;
  cursor: pointer;
  border-bottom: 1px solid #191919;
}
.filter__title--text[data-v-65f45b1d] {
  color: #fff;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .filter__title[data-v-65f45b1d] {
    padding: 0;
    text-align: center;
  }
}
.filter__title .all-selected[data-v-65f45b1d],
.filter__title:hover a[data-v-65f45b1d] {
  border-bottom: 1px solid #fff00b;
}
.filter__list[data-v-65f45b1d] {
  margin: 20px 0;
  padding: 0;
  text-transform: capitalize;
}
.filter__list a[data-v-65f45b1d] {
  text-decoration: none;
  color: #fff;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.filter__list li[data-v-65f45b1d] {
  border-bottom: 1px solid #191919;
}
.filter__list li[data-v-65f45b1d]:first-child {
  border-top: 1px solid #191919;
}
.filter__section[data-v-65f45b1d] {
  margin-top: 38px;
}
.filter__heading[data-v-65f45b1d] {
  margin: 10px;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
}
.filter .filter__type--text[data-v-65f45b1d] {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.filter .filter__type--selected[data-v-65f45b1d],
.filter .filter__type[data-v-65f45b1d] {
  font-weight: 300;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  line-height: 22px;
  padding: 15px;
}
@media screen and (min-width: 1024px) {
  .filter .filter__type--selected[data-v-65f45b1d],
  .filter .filter__type[data-v-65f45b1d] {
    padding: 5px;
    margin: 8px 0;
  }
}
.filter .filter__type--selected .filter__type--bullet[data-v-65f45b1d],
.filter .filter__type .filter__type--bullet[data-v-65f45b1d] {
  opacity: 0.5;
  vertical-align: super;
  margin: 0 10px;
}
.filter
  .filter__type--selected--selected
  .filter__galleryType--icon[data-v-65f45b1d],
.filter
  .filter__type--selected--selected
  .filter__type--bullet[data-v-65f45b1d],
.filter .filter__type--selected .filter__galleryType--icon[data-v-65f45b1d],
.filter .filter__type--selected .filter__type--bullet[data-v-65f45b1d],
.filter
  .filter__type--selected:hover
  .filter__galleryType--icon[data-v-65f45b1d],
.filter .filter__type--selected:hover .filter__type--bullet[data-v-65f45b1d],
.filter .filter__type:hover .filter__galleryType--icon[data-v-65f45b1d],
.filter .filter__type:hover .filter__type--bullet[data-v-65f45b1d] {
  opacity: 1;
}
.filter .filter__type--selected--selected .filter__type--text[data-v-65f45b1d],
.filter .filter__type--selected--selected .filter__type[data-v-65f45b1d],
.filter .filter__type--selected .filter__type--text[data-v-65f45b1d],
.filter .filter__type--selected .filter__type[data-v-65f45b1d],
.filter .filter__type--selected:hover .filter__type--text[data-v-65f45b1d],
.filter .filter__type--selected:hover .filter__type[data-v-65f45b1d],
.filter .filter__type:hover .filter__type--text[data-v-65f45b1d],
.filter .filter__type:hover .filter__type[data-v-65f45b1d] {
  border-bottom: 1px solid #fff00b;
  font-weight: 400;
}
.filter__galleryType[data-v-65f45b1d] {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.filter__galleryType--icon[data-v-65f45b1d] {
  width: 32px;
  min-height: 27px;
  margin: 0 15px;
  opacity: 0.3;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.filter__professions[data-v-65f45b1d] {
  margin-bottom: 50px;
}
.website-templates-layout .navbar {
  background: #000;
}
.website-templates__header {
  padding: 160px 0 50px;
}
@media screen and (min-width: 1024px) {
  .website-templates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .website-templates__filter {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .website-templates__main {
    max-width: calc(100vw - 250px);
    width: 100%;
  }
}
.header__inner {
  width: 90%;
}

/* Website Templates Page Showcase 
 * 2624-2965 original css
 */
.theme[data-v-7b50cd4d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.theme__label[data-v-7b50cd4d] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  -ms-flex-negative: 2;
  flex-shrink: 2;
  color: #fff;
  margin: 28px 0;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 1024px) {
  .theme__label[data-v-7b50cd4d] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .theme__label[data-v-7b50cd4d] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.theme__label .theme__title[data-v-7b50cd4d] {
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  text-transform: capitalize;
}
.theme__label-cta[data-v-7b50cd4d] {
  color: #fff;
  grid-column: 3/-1;
  font-size: 14px;
  margin: auto 0;
}
.theme__label-cta span[data-v-7b50cd4d] {
  padding-bottom: 3px;
  border-bottom: 2px solid #fff;
}
@media screen and (min-width: 1440px) {
  .theme__label .theme__title[data-v-7b50cd4d] {
    grid-column: 1/6;
  }
  .theme__label-cta[data-v-7b50cd4d] {
    grid-column: 6/-1;
  }
}
.theme__link[data-v-7b50cd4d] {
  text-decoration: none;
  color: #fff;
}
.theme__link .theme__info[data-v-7b50cd4d] {
  display: none;
}
@media screen and (min-width: 1024px) {
  .theme__link .theme__info[data-v-7b50cd4d] {
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid #fff;
    padding: 32px;
    min-height: 87%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .theme__link .theme__info .theme__title[data-v-7b50cd4d] {
    font-size: 24px;
    text-transform: capitalize;
    grid-column: 1/3;
  }
  .theme__link .theme__info-description[data-v-7b50cd4d] {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    margin-top: 30px;
  }
}
@media screen and (min-width: 1440px) {
  .theme__link .theme__info[data-v-7b50cd4d] {
    min-height: 85%;
  }
}
.theme__link:hover .theme__label[data-v-7b50cd4d] {
  opacity: 0.2;
}
.theme__link:hover .theme__info[data-v-7b50cd4d] {
  visibility: visible;
  opacity: 1;
}
.theme__screens[data-v-7b50cd4d] {
  -ms-flex-negative: 0.5;
  flex-shrink: 0.5;
  position: relative;
  min-height: 220px;
}
@media screen and (min-width: 1024px) {
  .theme__screens[data-v-7b50cd4d] {
    min-height: 270px;
  }
}
.theme__screens--browser[data-v-7b50cd4d] {
  width: 100%;
}
.theme__screens--browser-frame[data-v-7b50cd4d] {
  width: 90%;
  position: relative;
}
.theme__screens--browser-image[data-v-7b50cd4d],
.online-portfolio-web-template.online-portfolio-web-template-page-online-portfolio-website-best
  .theme__screens--browser-image[data-v-7b50cd4d] {
  width: 76%;
  left: 4.3%;
  top: 11.5%;
  position: absolute;
}
.online-portfolio-web-template-page-online-portfolio-website-solutions
  .theme__screens--browser-image[data-v-7b50cd4d],
.online-portfolio-web-template-page-online-portfolio-website-example
  .theme__screens--browser-image[data-v-7b50cd4d],
.website-templates .theme__screens--browser-image[data-v-7b50cd4d],
.online-portfolio-web-template .theme__screens--browser-image[data-v-7b50cd4d] {
  width: 87%;
}
.theme__screens--phone-frame[data-v-7b50cd4d] {
  width: 25%;
  bottom: -3%;
  right: 1%;
  position: absolute;
}
.theme__screens--phone-image[data-v-7b50cd4d] {
  width: 18%;
  right: 5.8%;
  bottom: 5%;
  position: absolute;
}

/* added custom css to override previous .showcase styles above */
.showcase[data-v-af454840] {
  margin: 0 auto;
  width: 90%;
  background: none;
  padding: 0;
}
.showcase__collection[data-v-af454840] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  overflow: hidden;
  min-height: 300px;
}
@media screen and (min-width: 1024px) {
  .showcase__collection[data-v-af454840] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .showcase__collection[data-v-af454840] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.showcase__collection-templates[data-v-af454840] {
  grid-column: 1/-1;
  margin-bottom: 64px;
}
@media screen and (min-width: 1024px) {
  .showcase__collection[data-v-af454840] {
    grid-column-gap: 4.5%;
  }
  .showcase__collection-templates[data-v-af454840] {
    margin-bottom: 80px;
    grid-column: span 3;
  }
}
@media screen and (min-width: 1440px) {
  .showcase__collection[data-v-af454840] {
    margin-bottom: 104px;
  }
  .showcase__collection-templates[data-v-af454840] {
    grid-column: span 4;
  }
}
.plan-features[data-v-2e48a198] {
  color: #fff;
  background: #000;
}
.plan-features__inner[data-v-2e48a198] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  padding-top: 60px;
}
@media screen and (min-width: 1024px) {
  .plan-features__inner[data-v-2e48a198] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .plan-features__inner[data-v-2e48a198] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
@media screen and (min-width: 1024px) {
  .plan-features__inner[data-v-2e48a198] {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .plan-features__inner[data-v-2e48a198] {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .plan-features__inner[data-v-2e48a198] {
    padding-top: 0;
  }
}
.plan-features__item[data-v-2e48a198] {
  grid-column: 1/-1;
  text-align: center;
  margin: 0 auto 60px;
  max-width: 320px;
}
@media screen and (min-width: 1024px) {
  .plan-features__item[data-v-2e48a198] {
    min-width: 240px;
    max-width: unset;
  }
}
.plan-features__item--image[data-v-2e48a198] {
  display: block;
  margin: 0 auto 30px;
  width: 100%;
}
@media screen and (min-width: 1440px) {
  .plan-features__item--image[data-v-2e48a198] {
    height: 55%;
    margin-bottom: 50px;
    max-width: unset;
  }
}
.plan-features__item--headline[data-v-2e48a198] {
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .plan-features__item--headline[data-v-2e48a198] {
    font-size: 24px;
  }
}
.plan-features__item--body[data-v-2e48a198] {
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
}
@media screen and (min-width: 1024px) {
  .plan-features__item[data-v-2e48a198] {
    grid-column: span 2;
    max-width: 224px;
    margin: 100px 0;
  }
}
@media screen and (min-width: 1440px) {
  .plan-features__item[data-v-2e48a198] {
    grid-column: span 4;
    margin: 120px 0;
    max-width: 295.02662px;
  }
}

/* Copied from main css for buttons and ul */

ul {
  margin: 0;
  padding: 0;
}

.btn--tertiary.btn--light {
  background-color: #fff00b;
  color: #000;
}
.btn--tertiary.btn--light:hover {
  background-color: #fff;
  color: #000;
}
.btn {
  -webkit-transition: background-color 0.35s ease-in-out,
    color 0.35s ease-in-out;
  transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
  border-radius: 999px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  font-size: 21px;
  padding: 0 25px;
  text-decoration: none;
  white-space: nowrap;
  width: auto;
  cursor: pointer;
}
.btn--sm {
  font-size: 15px;
  height: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.btn--primary.btn--light {
  background-color: #fff;
  color: #000;
}
.btn--primary.btn--dark {
  background-color: #000;
  color: #fff;
}
.btn--primary:hover {
  background-color: #fff00b;
  color: #000;
}
.btn--secondary {
  background-color: transparent;
  border-width: 2px;
  border-style: solid;
}
.btn--secondary.btn--light {
  border-color: #000;
  color: #000;
}
.btn--secondary.btn--light:hover {
  background-color: #000;
  color: #fff;
}
.btn--secondary.btn--dark {
  border-color: #fff;
  color: #fff;
}
.btn--secondary.btn--dark:hover {
  background-color: #fff;
  color: #000;
}

.btn--tertiary.btn--dark {
  background-color: #000;
  color: #fff00b;
}
.btn--has-arrow svg {
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 20px;
  width: auto;
  margin-left: 35px;
}
.btn--has-arrow:hover {
  background-color: #fff00b;
  color: #000;
}
.btn--has-arrow:hover svg {
  -webkit-transform: translateX(12px);
  transform: translateX(12px);
}

/* Website Templates Detail Page -- Money Page 
   * 9330-10976
   */

.preview-template {
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100vw;
  height: 100vh;
  background: #f5f1ed;
}
.preview-template__navbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  height: 50px;
}
@media screen and (min-width: 1024px) {
  .preview-template__navbar {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .preview-template__navbar {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
@media screen and (min-width: 1024px) {
  .preview-template__navbar {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .preview-template__navbar {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .preview-template__navbar {
    height: 80px;
  }
}
.preview-template__navbar--arrow {
  margin: 18px;
  left: 0;
  position: absolute;
  color: #000;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  height: 25px;
  width: 25px;
}
@media screen and (min-width: 1024px) {
  .preview-template__navbar--arrow {
    left: 3%;
    margin: 32px;
  }
}
.preview-template__navbar--arrow:hover {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.preview-template__navbar--title {
  margin: auto;
  color: #000;
  grid-column: span 2;
  font-size: 20px;
}
.preview-template__navbar--icons {
  grid-column: 6/8;
  margin: auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.preview-template__navbar--desktop-icon,
.preview-template__navbar--mobile-icon {
  display: none;
}
@media screen and (min-width: 1024px) {
  .preview-template__navbar--desktop-icon,
  .preview-template__navbar--mobile-icon {
    display: block;
    margin: auto 0;
    opacity: 0.25;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media screen and (min-width: 1440px) {
  .preview-template__navbar--desktop-icon,
  .preview-template__navbar--mobile-icon {
    margin: auto;
  }
}
.preview-template__navbar--desktop-icon:hover,
.preview-template__navbar--mobile-icon:hover {
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .preview-template__navbar--desktop-icon {
    grid-column: 3;
    margin-left: auto;
    margin-right: 10px;
  }
}
@media screen and (min-width: 1440px) {
  .preview-template__navbar--desktop-icon {
    grid-column: 6;
  }
}
@media screen and (min-width: 1024px) {
  .preview-template__navbar--mobile-icon {
    grid-column: 4;
    margin-right: auto;
    margin-left: 10px;
  }
}
@media screen and (min-width: 1440px) {
  .preview-template__navbar--mobile-icon {
    grid-column: 7;
  }
}
.preview-template__navbar--cta {
  font-size: 12px;
  background-color: #000;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 10px;
  height: 50px;
  right: 0;
  grid-column: span 2;
  -webkit-transition: background-color 0.35s ease-in-out,
    color 0.35s ease-in-out;
  transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
}
.preview-template__navbar--cta--hiddenBtn {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  left: -10px;
  opacity: 0;
}
@media screen and (min-width: 1024px) {
  .preview-template__navbar--cta {
    height: 80px;
    padding: 25px;
    font-size: 15px;
  }
}
.preview-template__navbar--cta--arrow {
  display: none;
}
@media screen and (min-width: 1024px) {
  .preview-template__navbar--cta--arrow {
    display: block;
    width: 15px;
    margin-left: 35px;
    -webkit-transition: -webkit-transform 0.35s ease-in-out;
    transition: -webkit-transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
  }
}
.preview-template__navbar--cta:hover {
  background-color: #fff;
  color: #000;
}
@media screen and (min-width: 1024px) {
  .preview-template__navbar--cta:hover .preview-template__navbar--cta--arrow {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
  }
}
.preview-template__site-container {
  background: #fff;
  height: calc(100vh - 50px);
}

.preview-template__site-container__mobile {
  width: 480px;
  margin: 0 auto;
  height: 800px;
}
@media screen and (min-width: 1024px) {
  .preview-template__site-container {
    height: calc(100vh - 80px);
  }
}
.preview-template__iframe {
  width: 100%;
  height: 100%;
  margin: auto;
  display: block;
}
.preview-template .active {
  opacity: 1;
}
.preview-template .mobile-preview {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .preview-template .mobile-preview {
    width: 400px;
  }
}
.template-hero {
  background-color: #000;
  color: #fff;
}
.template-hero__screens {
  grid-column: 1/-1;
  position: relative;
  margin: 35px 0 40px;
}
.template-hero__screens-placeholder {
  min-height: 250px;
}
.template-hero__screens-laptop {
  position: relative;
  width: 100%;
}
.template-hero__screens-desktopImage {
  position: absolute;
  width: 75%;
  top: 5%;
  right: 13%;
}
.template-hero__screens-mobile {
  position: absolute;
  width: 20%;
  bottom: 0;
  right: 7%;
}
.template-hero__screens-mobileImage {
  position: absolute;
  width: 17.7%;
  right: 8%;
  bottom: 3.3%;
  display: block;
}
.template-hero__info {
  grid-column: 1/-1;
  text-align: center;
  padding-bottom: 66px;
  margin: 0 24px;
}
.template-hero__info-eyebrow {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  opacity: 0.5;
  margin-bottom: 30px;
}
.template-hero__info-title {
  font-size: 40px;
  letter-spacing: normal;
  line-height: 1.25;
  font-weight: 300;
  text-transform: none;
  margin-bottom: 30px;
}
.template-hero__info-description {
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
  margin-bottom: 35px;
}
.template-hero__info-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.template-hero__info-cta-tryBtn {
  padding: 0 36px;
  border: none;
}
.template-hero__info-cta-preview,
.template-hero__info-cta-tryBtn {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
}
.template-hero__info-cta-preview {
  margin-top: 25px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  padding-bottom: 5px;
  border-bottom: 2px solid #fff;
}
@media screen and (min-width: 1024px) {
  .template-hero__info-cta-preview {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .template-hero__inner {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .template-hero__inner {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .template-hero__inner {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .template-hero__inner {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .template-hero__inner {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
@media screen and (min-width: 1024px) {
  .template-hero__screens {
    grid-column: 1/5;
    margin: 50px 0 70px;
    -webkit-transform: scale(1.2) translate(-10%, 5%);
    transform: scale(1.2) translate(-10%, 5%);
  }
  .template-hero__screens-laptop {
    left: -10%;
    bottom: 2%;
  }
  .template-hero__screens-desktopImage {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
    left: 2%;
  }
  .template-hero__screens--mobile-mocks {
    -webkit-transform: scale(0.99) translateY(4%);
    transform: scale(0.99) translateY(4%);
  }
  .template-hero__screens-mobile {
    bottom: 18%;
    right: 17%;
  }
  .template-hero__screens-mobileImage {
    bottom: 15%;
    height: auto;
    right: 18%;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
  .template-hero__info {
    grid-column: 5/-1;
    text-align: left;
    padding: 60px 0 85px;
    margin: 0;
  }
  .template-hero__info-title {
    font-size: 50px;
    letter-spacing: normal;
    line-height: 1.2;
    font-weight: 300;
    text-transform: none;
  }
  .template-hero__info-cta {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .template-hero__info-cta-preview {
    margin-top: 35px;
    -webkit-transition: 0.1s;
    transition: 0.1s;
  }
  .template-hero__info-cta-preview:hover {
    padding-bottom: 2px;
  }
}
@media screen and (min-width: 1440px) {
  .template-hero__screens {
    grid-column: 1/9;
    margin: 0;
    -webkit-transform: scale(1.2) translate(-10%, 18%);
    transform: scale(1.2) translate(-10%, 18%);
    align-self: baseline;
  }
  .template-hero__screens-mobileImage {
    height: auto;
    right: 19%;
    -webkit-transform: translate(4.5%, -6%);
    transform: translate(4.5%, -6%);
  }
  .template-hero__info {
    grid-column: 9/-1;
    padding: 149px 0;
    margin: 0;
  }
  .template-hero__info-title {
    font-size: 60px;
  }
  .template-hero__info-cta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .template-hero__info-cta-tryBtn {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .template-hero__info-cta-preview {
    margin-top: 0;
    margin-left: 30px;
  }
}
.template-hero__gallery-type {
  background: #191919;
  padding: 40px 0;
}
@media screen and (min-width: 1024px) {
  .template-hero__gallery-type {
    padding: 60px 0;
  }
}
@media screen and (min-width: 1440px) {
  .template-hero__gallery-type {
    padding: 100px 0;
  }
}
.template-hero__gallery-type--inner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .template-hero__gallery-type--inner {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .template-hero__gallery-type--inner {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
@media screen and (min-width: 1024px) {
  .template-hero__gallery-type--inner {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .template-hero__gallery-type--inner {
    max-width: 1240px;
  }
}
.template-hero__gallery-type * {
  -ms-flex-item-align: center;
  align-self: center;
}
.template-hero__gallery-type--icon {
  grid-column: 1;
  width: 80%;
}
.template-hero__gallery-type--title {
  font-size: 22px;
  letter-spacing: normal;
  line-height: 1.36;
  font-weight: 300;
  text-transform: none;
  grid-column: 2/-1;
  text-transform: capitalize;
  margin: 0 15px;
}
.template-hero__gallery-type--description {
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
  grid-column: 1/-1;
  margin-top: 25px;
}
.template-hero__gallery-type--description p > a {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .template-hero__gallery-type--icon {
    grid-column: 1/3;
    grid-row: span 2;
    width: 35%;
    margin: 0 auto;
  }
  .template-hero__gallery-type--title {
    grid-column: 3/-1;
    margin: 0;
  }
  .template-hero__gallery-type--description {
    grid-column: 3/-1;
  }
}
@media screen and (min-width: 1440px) {
  .template-hero__gallery-type--icon {
    grid-column: 2;
    width: 100%;
  }
  .template-hero__gallery-type--title {
    grid-column: 4/8;
  }
  .template-hero__gallery-type--description {
    grid-column: 9/-1;
    margin-top: 0;
  }
}
.template-features__features--title,
.template-features__section--title {
  font-size: 28px;
  line-height: 38px;
  margin: 0 45px 30px;
}
@media screen and (min-width: 1024px) {
  .template-features__features--title,
  .template-features__section--title {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 40px;
  }
}
@media screen and (min-width: 1440px) {
  .template-features__features--title,
  .template-features__section--title {
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
  }
}
.template-features__features {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  padding: 48px 0;
}
@media screen and (min-width: 1024px) {
  .template-features__features {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .template-features__features {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .template-features__features {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .template-features__features {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
    padding: 100px 0;
  }
}
.template-features__features--title {
  text-align: center;
  grid-column: 1/-1;
}
@media screen and (min-width: 1440px) {
  .template-features__features--title {
    grid-column: 4/10;
  }
}
.template-features__features--blurb {
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
  text-align: center;
  grid-column: 1/-1;
  margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .template-features__features--blurb {
    margin-bottom: 70px;
    grid-column: 2/6;
  }
}
@media screen and (min-width: 1440px) {
  .template-features__features--blurb {
    grid-column: 4/10;
  }
}
.template-features__features--list {
  grid-column: 1/-1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media screen and (min-width: 1024px) {
  .template-features__features--list {
    margin: 1.5%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}
@media screen and (min-width: 1440px) {
  .template-features__features--list {
    margin: auto;
    grid-column: 3/11;
  }
}
.template-features__features--list-item {
  background-color: #191919;
  grid-column: span 2;
  width: 48%;
  margin-bottom: 3.99%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 157px;
  padding: 10px 18px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.template-features__features--list-item:nth-child(2n) {
  margin-left: 3.99%;
}
@media screen and (min-width: 1024px) {
  .template-features__features--list-item {
    width: 190px;
    height: 200px;
    padding: 10px 24px;
    margin: 4% 5%;
  }
  .template-features__features--list-item:nth-child(2n) {
    margin-left: 5%;
  }
}
@media screen and (min-width: 1440px) {
  .template-features__features--list-item {
    margin: 0 0 70px;
  }
  .template-features__features--list-item:nth-child(2n) {
    margin-left: auto;
  }
  .template-features__features--list-item:nth-child(3n-1) {
    margin: 0 15.2%;
  }
}
.template-features__features--list-item-icon {
  width: 45px;
}
.template-features__features--list-item-title {
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.5;
  font-weight: 300;
  text-transform: none;
  text-align: center;
  font-size: 15px;
}
@media screen and (min-width: 1024px) {
  .template-features__features--list-item-title {
    font-size: 18px;
  }
}
.template-features__page-elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
@media screen and (min-width: 1024px) {
  .template-features__page-elements {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .template-features__page-elements {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .template-features__page-elements {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .template-features__page-elements {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .template-features__page-elements {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.template-features__page-elements--content {
  margin-top: 50px;
  text-align: center;
}
.template-features__page-elements--content li {
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.5;
  font-weight: 300;
  text-transform: none;
}
@media screen and (min-width: 1024px) {
  .template-features__page-elements--content {
    grid-column: span 2;
    text-align: left;
    margin-top: 0;
    padding: 40px 0;
  }
}
@media screen and (min-width: 1440px) {
  .template-features__page-elements--content {
    grid-column: span 4;
    padding: 180px 0 100px;
  }
}
.template-features__page-elements--right-container {
  overflow: hidden;
  height: 315px;
}
@media screen and (min-width: 1024px) {
  .template-features__page-elements--right-container {
    position: absolute;
    height: 506px;
    background-color: #191919;
    right: 0;
  }
}
@media screen and (min-width: 1440px) {
  .template-features__page-elements--right-container {
    height: 688px;
  }
}
.template-features__page-elements--image {
  display: block;
  width: 100%;
  -webkit-animation-name: scrollup;
  animation-name: scrollup;
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  padding-bottom: 20px;
}
@-webkit-keyframes scrollup {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes scrollup {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
.template-features__easy-to-use {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  padding: 40px 0;
}
@media screen and (min-width: 1024px) {
  .template-features__easy-to-use {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .template-features__easy-to-use {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .template-features__easy-to-use {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .template-features__easy-to-use {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
@media screen and (min-width: 1024px) {
  .template-features__easy-to-use {
    padding: 130px 0;
  }
}
@media screen and (min-width: 1440px) {
  .template-features__easy-to-use {
    padding: 180px 0;
  }
}
.template-features__easy-to-use--image {
  width: 100%;
  grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
  .template-features__easy-to-use--image {
    grid-column: span 3;
  }
}
@media screen and (min-width: 1440px) {
  .template-features__easy-to-use--image {
    grid-column: span 7;
  }
}
.template-features__easy-to-use--content {
  margin-top: 44px;
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
  grid-column: 1/-1;
}
.template-features__easy-to-use--content > .template-features__section--title {
  margin: 0 0 35px;
}
@media screen and (min-width: 1024px) {
  .template-features__easy-to-use--content {
    grid-column: 5/-1;
  }
}
@media screen and (min-width: 1440px) {
  .template-features__easy-to-use--content {
    margin-top: 150px;
    grid-column: 9/-1;
  }
}

@media (max-width: 767px) {
  #kt-layout-id_558e6e-ab > .kt-row-column-wrap {
    padding-top: 100px !important;
  }
}
.user-showcase {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  padding-bottom: 50px;
}
@media screen and (min-width: 1024px) {
  .user-showcase {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .user-showcase {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .user-showcase {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .user-showcase {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
@media screen and (min-width: 1024px) {
  .user-showcase {
    padding-bottom: 15%;
  }
}
@media screen and (min-width: 1440px) {
  .user-showcase {
    padding-bottom: 150px;
  }
}
.user-showcase__content {
  /* padding: 80% 0 60px; */
  grid-column: 1/-1;
  grid-row: 2;
}
@media screen and (min-width: 1024px) {
  .user-showcase__content {
    grid-column: 1/4;
    grid-row: 1;
    margin-right: 100px;
    padding: 50px 0;
  }
}
@media screen and (min-width: 1440px) {
  .user-showcase__content {
    grid-column: 1/6;
    margin-right: 50px;
    padding: 100px 0;
  }
}
.user-showcase__content--title {
  margin: 30px 0;
  font-size: 28px;
  line-height: 38px;
  font-weight: normal;
}
@media screen and (min-width: 1024px) {
  .user-showcase__content--title {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 30px;
  }
}
@media screen and (min-width: 1440px) {
  .user-showcase__content--title {
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
  }
}
.user-showcase__content--blurb {
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
  margin-bottom: 20px;
}
.user-showcase__user-sites {
  position: relative;
  grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
  .user-showcase__user-sites {
    grid-column: 4/-1;
  }
}
@media screen and (min-width: 1440px) {
  .user-showcase__user-sites {
    grid-column: 7/-1;
  }
}
/* 
 .user-showcase__user-sites--slide {
     text-align: center;
     position: absolute;
     width: 80%;
     -webkit-transform: translateX(12.5%);
     transform: translateX(12.5%)
 }
 @media screen and (min-width:1024px) {
     .user-showcase__user-sites--slide {
         width: 90%;
         -webkit-transform: translateY(-5%);
         transform: translateY(-5%)
     }
 }
 @media screen and (min-width:1440px) {
     .user-showcase__user-sites--slide {
         width: 90%
     }
 }
 
  */
.user-showcase__user-sites--slide-url {
  text-align: center;
  margin-top: 20px;
}
.user-showcase__user-sites--slide-img {
  width: 100%;
}
.user-showcase__arrow {
  width: 25%;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
}

.user-showcase__user-sites .slick-prev::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class='user-showcase__arrow user-showcase__arrow--left'%3E%3Cg stroke='%23fff' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inherit;
}

.user-showcase__user-sites .slick-next::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class='user-showcase__arrow user-showcase__arrow--left'%3E%3Cg stroke='%23fff' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.user-showcase__arrow--left {
  top: 0;
  left: 0;
  -webkit-transform: translate(-40%, 40%) scale(0.15) rotate(180deg);
  transform: translate(-40%, 40%) scale(0.15) rotate(180deg);
}
.user-showcase__arrow--right {
  top: 0;
  right: 0;
  -webkit-transform: translate(40%, 40%) scale(0.15);
  transform: translate(40%, 40%) scale(0.15);
}
@media screen and (min-width: 1024px) {
  .user-showcase__arrow {
    -ms-flex-negative: 1.3;
    flex-shrink: 1.3;
  }
  .user-showcase__arrow--left {
    -webkit-transform: translate(-85%, 45%) scale(0.2) rotate(180deg);
    transform: translate(-85%, 45%) scale(0.2) rotate(180deg);
  }
  .user-showcase__arrow--left:hover {
    -webkit-transform: translate(-90%, 45%) scale(0.2) rotate(180deg);
    transform: translate(-90%, 45%) scale(0.2) rotate(180deg);
  }
  .user-showcase__arrow--right {
    -webkit-transform: translate(15%, 40%) scale(0.15);
    transform: translate(15%, 40%) scale(0.15);
  }
  .user-showcase__arrow--right:hover {
    -webkit-transform: translate(20%, 40%) scale(0.15);
    transform: translate(20%, 40%) scale(0.15);
  }
}
@media screen and (min-width: 1024px) {
  .user-showcase__arrow--left {
    -webkit-transform: translate(-85%, 45%) scale(0.2) rotate(180deg);
    transform: translate(-85%, 45%) scale(0.2) rotate(180deg);
  }
  .user-showcase__arrow--left:hover {
    -webkit-transform: translate(-90%, 45%) scale(0.2) rotate(180deg);
    transform: translate(-90%, 45%) scale(0.2) rotate(180deg);
  }
  .user-showcase__arrow--right {
    -webkit-transform: translate(45%, 50%) scale(0.2);
    transform: translate(45%, 50%) scale(0.2);
  }
  .user-showcase__arrow--right:hover {
    -webkit-transform: translate(50%, 50%) scale(0.2);
    transform: translate(50%, 50%) scale(0.2);
  }
}
.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.user-reviews__get-started {
  grid-column: 1/-1;
  padding: 50px 0;
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .user-reviews__get-started {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .user-reviews__get-started {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .user-reviews__get-started {
    grid-column: 4/-1;
    margin: auto;
  }
}
@media screen and (min-width: 1440px) {
  .user-reviews__get-started {
    grid-column: 7/12;
  }
}
.user-reviews__get-started--eyebrow {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  opacity: 0.5;
  margin-bottom: 30px;
  color: #fff;
}
.user-reviews__get-started--callout {
  margin-right: 40px;
  margin-bottom: 30px;
  font-size: 28px;
  line-height: 38px;
  color: #fff;
  font-weight: 300;
}
@media screen and (min-width: 1024px) {
  .user-reviews__get-started--callout {
    margin-right: 0;
    font-size: 30px;
    line-height: 40px;
  }
}
@media screen and (min-width: 1440px) {
  .user-reviews__get-started--callout {
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
    grid-column: 7/12;
  }
}

.user-reviews__get-started a.kt-button {
  background: transparent !important;
  color: #fff !important;
  font-size: 21px;
}

.user-reviews__get-started a.kt-button::after {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='%23fff' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  height: 20px;
  width: 20px;
  margin-left: 35px;
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.user-reviews__get-started a.kt-button:hover {
  color: #000 !important;
}

.user-reviews__get-started a.kt-button:hover::after {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='%23000' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  -webkit-transform: translateX(12px);
  transform: translateX(12px);
}

.money-page {
  background-color: #000;
  color: #fff !important;
}

.money-page p,
.money-page li {
  color: #fff !important;
}
.money-page__eyebrow {
  font-size: 14px;
  font-weight: 500;
  grid-column: 1/-1;
  color: #fff;
  text-decoration: none;
}
@media screen and (min-width: 1440px) {
  .money-page__eyebrow {
    -webkit-transform: translateX(-2%);
    transform: translateX(-2%);
  }
}

@media screen and (min-width: 1024px) {
  .money-page__eyebrow-arrow {
    left: 2%;
  }
}
@media screen and (min-width: 1440px) {
  .money-page__eyebrow-arrow {
    position: relative;
    top: 25%;
    left: 0;
    margin-right: 10px;
  }
}

@media screen and (min-width: 1024px) {
  .money-page__eyebrow-text {
    margin-left: 0;
  }
}

.money-page__header {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  padding-top: 100px;
}
@media screen and (min-width: 1024px) {
  .money-page__header {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .money-page__header {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .money-page__header {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .money-page__header {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
@media screen and (min-width: 1024px) {
  .money-page__header {
    padding: 150px 0 72px;
  }
}
@media screen and (min-width: 1440px) {
  .money-page__header {
    padding: 160px 0 10px;
  }
}
.money-page__header--content {
  grid-column: 1/-1;
  margin-left: 32px;
}
@media screen and (min-width: 1024px) {
  .money-page__header--content {
    margin-left: 0;
  }
}
.money-page__header--content-title {
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  font-size: 24px;
  margin-bottom: 20px;
  margin-top: 25px;
}
@media screen and (min-width: 1024px) {
  .money-page__header--content-title {
    margin-top: 36px;
  }
}
.money-page__header--content-subtitle {
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
}

/* WH Customizations */

/* Money page - Website Template Detail Page */
.arrow-move {
  height: 32px;
}
.arrow-move svg {
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.arrow-move .kt-svg-icon-list-text {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  border-bottom: 2px solid #fff;
  padding-bottom: 5px;
}
.arrow-move .kt-svg-icon-list-text a {
  text-decoration: none;
}
.arrow-move:hover svg {
  -webkit-transform: translateX(-15%);
  transform: translateX(-15%);
}
.arrow-move:hover .kt-svg-icon-list-text {
  padding-bottom: 2px;
}

.height-200 .kt-blocks-info-box-link-wrap {
  height: 200px;
  padding-top: 1px !important;
}

.height-200 .kt-blocks-info-box-link-wrap:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

/* User Reviews - Website Template Detail Page */
.user-reviews,
.user-reviews > .kt-inside-inner-col {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  background-color: #191919;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .user-reviews,
  .user-reviews > .kt-inside-inner-col {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .user-reviews,
  .user-reviews > .kt-inside-inner-col {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.user-reviews__design-badge {
  position: absolute;
  -webkit-animation: rotate 10s linear infinite;
  animation: rotate 10s linear infinite;
  -webkit-transform: translate(-75%, -100%) rotate(0) scale(0.9);
  transform: translate(-75%, -100%) rotate(0) scale(0.9);
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate(-75%, -100%) rotate(0) scale(0.9);
    transform: translate(-75%, -100%) rotate(0) scale(0.9);
  }
  to {
    -webkit-transform: translate(-75%, -100%) rotate(1turn) scale(0.9);
    transform: translate(-75%, -100%) rotate(1turn) scale(0.9);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: translate(-75%, -100%) rotate(0) scale(0.9);
    transform: translate(-75%, -100%) rotate(0) scale(0.9);
  }
  to {
    -webkit-transform: translate(-75%, -100%) rotate(1turn) scale(0.9);
    transform: translate(-75%, -100%) rotate(1turn) scale(0.9);
  }
}
@media (max-width: 767px) {
  .user-reviews__design-badge {
    -webkit-transform: translate(-80%, -70%) rotate(0) scale(0.9);
    transform: translate(-70%, -80%) rotate(0) scale(0.9);
  }
  @-webkit-keyframes rotate {
    0% {
      -webkit-transform: translate(-80%, -70%) rotate(0) scale(0.9);
      transform: translate(-80%, -70%) rotate(0) scale(0.9);
    }
    to {
      -webkit-transform: translate(-80%, -70%) rotate(1turn) scale(0.9);
      transform: translate(-80%, -70%) rotate(1turn) scale(0.9);
    }
  }
  @keyframes rotate {
    0% {
      -webkit-transform: translate(-80%, -70%) rotate(0) scale(0.9);
      transform: translate(-80%, -70%) rotate(0) scale(0.9);
    }
    to {
      -webkit-transform: translate(-80%, -70%) rotate(1turn) scale(0.9);
      transform: translate(-80%, -70%) rotate(1turn) scale(0.9);
    }
  }
}
.user-reviews__review {
  position: relative;
}
@media (max-width: 767px) {
  .user-reviews__review.slick-slide {
    margin-top: 90px !important;
  }
}
.user-reviews__image-container {
  grid-column: 1/-1;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .user-reviews__image-container {
    padding: 160px 0 88px;
    grid-column: 1/4;
    background-size: 110%;
  }
}
@media screen and (min-width: 1440px) {
  .user-reviews__image-container {
    grid-column: 1/6;
  }
}
.user-reviews__review--background {
  position: absolute;
  top: 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .user-reviews__review--background {
    width: 100%;
    top: -90px;
  }
}
.user-reviews__review--wrap {
  position: relative;
  background-color: #000;
  padding: 95px 50px 50px;
  margin-left: auto;
  width: 75%;
  z-index: 2;
}
@media screen and (min-width: 1440px) {
  .user-reviews__review--wrap {
    width: 65%;
  }
}
@media screen and (max-width: 767px) {
  .user-reviews__review--wrap {
    position: relative;
    background-color: #000;
    padding: 25px;
    margin-left: auto;
    width: 65%;
    z-index: 2;
  }
}
.user-reviews__review--quote {
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
  margin-bottom: 20px;
  color: #fff;
}
.user-reviews__review--quote p {
  display: inline;
}
.user-reviews__review--name {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
}

.slick-list {
  overflow: visible !important;
}
.slick-slide {
  margin-top: 160px;
}

.browser-gallery .slick-slide {
  margin-top: 0;
}

.single-latest-posts-wrapper .slick-slide {
  margin-top: 0;
}

body.page-template-page-reverse .entry-content {
  background-color: #000;
}
body.page-template-page-reverse .entry-content,
.page-template-page-reverse .entry-content button,
.page-template-page-reverse .entry-content input,
.page-template-page-reverse .entry-content select,
.page-template-page-reverse .entry-content optgroup,
.page-template-page-reverse .entry-content textarea,
.page-template-page-reverse .entry-content ul,
.page-template-page-reverse .entry-content ol,
.page-template-page-reverse .entry-content a {
  color: #fff;
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 400;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.page-template-page-reverse .entry-content li {
  color: #fff;
}
.page-template-page-reverse h3 {
  font-size: 40px;
  letter-spacing: normal;
  line-height: 1.25;
  font-weight: 300;
  text-transform: none;
  margin: 50px 0 30px;
}

.white-background {
  background-color: #fff;
  color: #000;
}
.page-template-page-reverse .entry-content .white-background a {
  color: #000;
}
.dark-gray {
  background-color: #191919;
}
.black-background {
  background-color: #000;
}

.no-bullet {
  list-style: none;
}
.page-template-page-reverse .entry-content ul.no-bullet a {
  font-size: 18px;
}

/* Default Button White */
.wp-block-kadence-advancedbtn a.kt-button:not(.link) {
  padding-top: 12px;
  padding-bottom: 12px;
  color: #000000;
  font-size: 18px;
  /*    background: #ffffff;*/
  border-color: #555555;
  border-radius: 50px;
  border-width: 0px;
  text-decoration: none;
}
.wp-block-kadence-advancedbtn a.kt-button.btn-white-txt {
  color: #fff;
}
.wp-block-kadence-advancedbtn a.kt-button:hover {
  color: #000000;
  background: #fff00b;
  border-color: #555555;
}

/* Default Button Black */
.wp-block-kadence-advancedbtn.btn-black a.kt-button:not(.link) {
  padding-top: 12px;
  padding-bottom: 12px;
  color: #fff;
  font-size: 18px;
  background: #000;
  border-color: #555555;
  border-radius: 50px;
  border-width: 0px;
  text-decoration: none;
}
.wp-block-kadence-advancedbtn a.kt-button.btn-white-txt {
  color: #fff;
}
.wp-block-kadence-advancedbtn a.kt-button:hover {
  color: #000 !important;
  background: #fff !important;
  border-color: #555555;
}

.hero__top .kt-inside-inner-col {
  display: flex;
  align-content: space-evenly;
  align-items: center;
}
.hero p.intro-text {
  font-size: 22px;
  letter-spacing: initial;
  line-height: 1.36;
  font-weight: 300;
  text-transform: initial;
}
@media (max-width: 767px) {
  .hero p.intro-text {
    font-size: 15px;
  }
}
.hero .section-intro-title {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  color: #8a8a8a;
  margin-left: 10px;
}
.hero .section-intro-title:before {
  background-color: #fff00b;
  border-radius: 50%;
  display: inline-block;
  width: 11px;
  height: 11px;
  position: relative;
  top: -1px;
  content: "";
  margin-right: 10px;
}

.spotlights-header {
  background-color: #000;
}

.spotlights-header {
  color: #fff;
  padding: 25px 0 130px;
}

@media screen and (min-width: 1024px) {
  .spotlights-header {
    padding: 120px 0 90px;
  }
}

.spotlights-header .grid-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.spotlights-header__half {
  grid-column: 1/-1;
}

@media screen and (min-width: 1024px) {
  .spotlights-header__half {
    grid-column: span 3;
  }
}

@media screen and (min-width: 1440px) {
  .spotlights-header__half {
    grid-column: span 6;
  }
}

.spotlights-header__title {
  font-weight: 300;
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 30px;
}

@media screen and (min-width: 1024px) {
  .spotlights-header__title {
    font-size: 50px;
    line-height: 60px;
    margin-top: 10px;
    margin-bottom: 0;
    grid-column: span 3;
  }
}

@media screen and (min-width: 1440px) {
  .spotlights-header__title {
    padding-right: 85.03289px;
  }
}

.spotlights-header__breadcrumbs {
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.3px;
  margin-bottom: 16px;
}

.spotlights-header__breadcrumbs a {
  color: #fff;
  text-decoration: none;
}

.spotlights-header__breadcrumbs a:hover {
  color: #fff00b;
}

.spotlights-header__breadcrumbs span {
  display: inline-block;
  margin: 0 6px;
}

@media screen and (min-width: 1024px) {
  .spotlights-header__breadcrumbs {
    margin-bottom: 0;
  }
}

.spotlights-header__info {
  font-size: 15px;
  line-height: 22px;
  font-weight: 300;
  margin-bottom: 15px;
}

@media screen and (min-width: 1024px) {
  .spotlights-header__info {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 10px;
  }
}

.spotlights-header__date {
  font-size: 12px;
  line-height: 22px;
}

.spotlights-list__inner {
  padding-top: 66px;
  background-color: #191919;
}

@media screen and (min-width: 1024px) {
  .spotlights-list__inner {
    padding-top: 91px;
  }
}

.spotlights-list__content {
  padding: 60px 0;
}

.spotlights-list__content .cta-text {
  margin-bottom: 50px;
  color: #fff;
}

.spotlights-list__content .cta-text a {
  color: #fff;
}

.spotlights-list__sidebar .cta-text.cta-text--sticky {
  color: #000;
}

@media screen and (min-width: 1024px) {
  .spotlights-list__sidebar .cta-text.cta-text--sticky {
    display: block;
    margin-bottom: 60px;
    padding: 40px 32px;
    position: sticky;
    top: 91px;
  }
}

.spotlights-list__sidebar .cta-text.cta-text--sticky .cta-text__inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.spotlights-list__sidebar .cta-text.cta-text--sticky .cta-text__title {
  font-weight: 700;
  font-size: 26px;
  line-height: 34px;
  margin-bottom: 45px;
}

.spotlights-list__sidebar .cta-text.cta-text--sticky .cta-text__button {
  width: 100%;
  max-width: 300px;
  margin: auto;
}

.spotlights-list__sidebar .cta-text.cta-text--sticky .cta-text__button a {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.spotlights-list__sidebar .cta-text.cta-text--sticky .cta-text__button svg {
  margin-left: 0;
}

.spotlights-list .navbar {
  background-color: #000;
}

.spotlights-list .fade-enter-active,
.spotlights-list .fade-leave-active {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.spotlights-list .fade-enter,
.spotlights-list .fade-leave-to {
  opacity: 0;
}

.grid-container {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
}

@media screen and (min-width: 1024px) {
  .grid-container {
    max-width: 90.04%;
  }
}

@media screen and (min-width: 1440px) {
  .grid-container {
    max-width: 1240px;
  }
}

@media screen and (min-width: 1024px) {
  .grid-container {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}

@media screen and (min-width: 1440px) {
  .grid-container {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}

.grid-container .col-content {
  grid-column: 1/-1;
}

@media screen and (min-width: 1100px) {
  .grid-container .col-content {
    grid-column: span 4;
  }
}

@media screen and (min-width: 1440px) {
  .grid-container .col-content {
    grid-column: span 8;
  }
}

.grid-container .col-aside {
  grid-column: 1/-1;
  grid-row: 3;
  margin-top: 56px;
}

@media screen and (min-width: 1100px) {
  .grid-container .col-aside {
    grid-column: 5/-1;
    grid-row: 1;
    margin-top: 0;
    padding-left: 24px;
  }
}

@media screen and (min-width: 1440px) {
  .grid-container .col-aside {
    grid-column: 9/-1;
    padding-left: 40px;
  }
}

.cta-text {
  background: #f5f1ed;
  color: #000;
  padding: 40px 24px;
}

@media screen and (min-width: 1024px) {
  .cta-text {
    padding: 40px 32px;
  }
}

.cta-text__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media screen and (min-width: 1024px) {
  .cta-text__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.cta-text__title {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 18px;
}

@media screen and (min-width: 1024px) {
  .cta-text__title {
    margin-bottom: 12px;
    font-size: 32px;
  }
}

.cta-text__blurb,
.cta-text__blurb p {
  font-size: 15px !important;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
  font-weight: 400;
}

.cta-text__button {
  margin-top: 32px;
}

@media screen and (min-width: 1024px) {
  .cta-text__button {
    margin-top: 0;
    margin-left: auto;
  }
}

.cta-text__cta {
  width: 100%;
  font-size: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 1100px) and (max-width: 1200px) {
  .cta-text__cta {
    width: 98%;
  }
  .online-portfolio-web-template-page-online-portfolio-website-guide
    .cta-text__button
    .btn {
    padding: 0 20px;
  }
  .online-portfolio-web-template-page-online-portfolio-website-guide
    .btn--has-arrow
    svg {
    margin-left: 15px;
  }
}

@media screen and (min-width: 1024px) {
  .cta-text__cta {
    font-size: 20px;
    width: auto;
  }
}

.cta-text.cta-text--has-image {
  background: #191919;
  color: #fff;
  padding: 50px 0;
}

@media screen and (min-width: 1024px) {
  .cta-text.cta-text--has-image {
    padding: 85px 0;
  }
}

@media screen and (min-width: 1440px) {
  .cta-text.cta-text--has-image {
    padding: 100px 0;
  }
}

.cta-text.cta-text--has-image .cta-text__inner {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}

@media screen and (min-width: 1024px) {
  .cta-text.cta-text--has-image .cta-text__inner {
    max-width: 90.04%;
  }
}

@media screen and (min-width: 1440px) {
  .cta-text.cta-text--has-image .cta-text__inner {
    max-width: 1240px;
  }
}

@media screen and (min-width: 1024px) {
  .cta-text.cta-text--has-image .cta-text__inner {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}

@media screen and (min-width: 1440px) {
  .cta-text.cta-text--has-image .cta-text__inner {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}

@media screen and (min-width: 1024px) {
  .cta-text.cta-text--has-image .cta-text__inner {
    position: relative;
  }
}

.cta-text.cta-text--has-image .cta-text__image__container {
  grid-column: 1/-1;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .cta-text.cta-text--has-image .cta-text__image__container {
    grid-column: 1/4;
  }
}

@media screen and (min-width: 1440px) {
  .cta-text.cta-text--has-image .cta-text__image__container {
    grid-column: 1/7;
  }
}

.cta-text.cta-text--has-image .cta-text__image {
  width: 114%;
  margin: 0 -7% 50px;
}

@media screen and (min-width: 1024px) {
  .cta-text.cta-text--has-image .cta-text__image {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    right: 0;
    width: auto;
    height: 100%;
    margin: 0;
  }
}

@media screen and (min-width: 1440px) {
  .cta-text.cta-text--has-image .cta-text__image {
    right: 19.96397px;
  }
}

.cta-text.cta-text--has-image .cta-text__text {
  grid-column: 1/-1;
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .cta-text.cta-text--has-image .cta-text__text {
    grid-column: 4/-1;
  }
}

@media screen and (min-width: 1440px) {
  .cta-text.cta-text--has-image .cta-text__text {
    grid-column: 7/12;
    padding: 50px 0;
  }
}

.cta-text.cta-text--has-image .cta-text__title {
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
}

@media screen and (min-width: 1024px) {
  .cta-text.cta-text--has-image .cta-text__title {
    font-size: 46px;
    line-height: 60px;
  }
}

.cta-text.cta-text--has-image .cta-text__blurb {
  font-size: 16px;
  line-height: 25px;
  margin: 30px 0;
}

.cta-text.cta-text--has-image .cta-text__blurb p {
  margin-bottom: 25px;
}

.cta-text.cta-text--has-image .cta-text__blurb p a {
  color: #fff;
}

@media screen and (min-width: 1440px) {
  .cta-text.cta-text--has-image .cta-text__blurb {
    margin: 40px 0 75px;
  }
}

.cta-text.cta-text--has-image .cta-text__button {
  grid-column: 1/-1;
  margin-left: 0;
}

@media screen and (min-width: 1024px) {
  .cta-text.cta-text--has-image .cta-text__button {
    grid-column: 4/-1;
  }
}

@media screen and (min-width: 1440px) {
  .cta-text.cta-text--has-image .cta-text__button {
    grid-column: 7/12;
  }
}

.user-showcase__user-sites .slick-list {
  overflow: hidden !important;
}
.user-showcase__user-sites .slick-slide {
  margin-top: 0px;
  width: 500px;
}
.user-showcase__user-sites .slick-slide picture {
  width: 500px;
}

/* Press */

.press-hero {
  background-color: #000;
  padding: 115px 0 60px;
}
@media screen and (min-width: 1024px) {
  .press-hero {
    padding: 200px 0 120px;
  }
}
@media screen and (min-width: 1440px) {
  .press-hero {
    padding: 240px 0 120px;
  }
}
.hero__inner {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 3.99%;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .hero__inner {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .hero__inner {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .hero__inner {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .hero__inner {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.61%;
  }
}
.hero__text {
  grid-column: 1 / -1;
}
.hero__text-eyebrow {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.hero__text-eyebrow .eyebrow-title__dot {
  background-color: #fff00b;
  border-radius: 50%;
  display: inline-block;
  width: 11px;
  height: 11px;
  position: relative;
  top: -1px;
}
.hero__text-eyebrow .eyebrow-title__text {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  opacity: 0.5;
  margin-left: 10px;
}
.hero__text .hero__title {
  font-size: 40px;
  letter-spacing: initial;
  line-height: 1.25;
  font-weight: 300;
  text-transform: initial;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .hero__text .hero__title {
    font-size: 50px;
    letter-spacing: initial;
    line-height: 1.2;
    font-weight: 300;
    text-transform: initial;
  }
}
@media screen and (min-width: 1440px) {
  .hero__text .hero__title {
    font-size: 70px;
    letter-spacing: initial;
    line-height: 1.11;
    font-weight: 300;
    text-transform: initial;
  }
}

.article-single {
  padding: 40px 0;
}
@media screen and (min-width: 1024px) {
  .article-single {
    padding: 80px 0;
  }
}
@media screen and (min-width: 1440px) {
  .article-single {
    padding: 100px 0;
  }
}
.article-single .list__inner {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .article-single .list__inner {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .article-single .list__inner {
    max-width: 1240px;
  }
}
.article-single-eyebrow {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
  padding-bottom: 1.8em;
  border-bottom: 1px solid #e2ded9;
}
.article-single article {
  padding-top: 4em;
}
.article-single article .article-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 3.99%;
}
@media screen and (min-width: 1024px) {
  .article-single article .article-container {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .article-single article .article-container {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.61%;
  }
}
.article-single article .date {
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;
  font-weight: 300;
  text-transform: initial;
  display: block;
  margin-bottom: 1.6em;
}
.article-single article h1 {
  font-size: 20px;
  letter-spacing: initial;
  line-height: 1.4;
  font-weight: 400;
  text-transform: initial;
  grid-column: 1 / -1;
  margin: 0 0 1em 0;
}
@media screen and (min-width: 1024px) {
  .article-single article h1 {
    font-size: 40px;
    letter-spacing: initial;
    line-height: 1.25;
    font-weight: 300;
    text-transform: initial;
  }
}
@media screen and (min-width: 1440px) {
  .article-single article h1 {
    font-size: 50px;
    letter-spacing: initial;
    line-height: 1.2;
    font-weight: 300;
    text-transform: initial;
  }
}
.article-single article .links {
  grid-column: 1 / -1;
}
.article-single article .origin-link {
  font-size: 12px;
  letter-spacing: 0.07em;
  line-height: 1.67;
  font-weight: 300;
  text-transform: initial;
  font-weight: 400;
  color: #000;
  text-decoration: none;
  margin-top: 22px;
}
.article-single article .origin-link:hover {
  text-decoration: underline;
}
.article-single article .article-body {
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;
  font-weight: 300;
  text-transform: initial;
  grid-column: 1 / -1;
}
@media screen and (min-width: 1024px) {
  .article-single article .article-body {
    grid-column: 1 / 6;
  }
}
@media screen and (min-width: 1440px) {
  .article-single article .article-body {
    grid-column: 1 / 8;
  }
}
.article-single article .article-body em {
  font-style: italic;
}
.article-single article .article-body ul {
  padding: 0 0 0 40px;
  list-style-type: disc;
  list-style-position: outside;
}
.article-single article .article-body ol {
  padding: 0 0 0 40px;
  list-style-type: decimal;
  list-style-position: outside;
}
.article-single article .article-body li {
  margin-bottom: 1em;
}
.article-single article .article-body p,
.article-single article .article-body li {
  margin: 0 0 2em;
}
.article-single article .article-body p a,
.article-single article .article-body li a {
  display: inline-block;
  border-bottom: 2px solid #000;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  -webkit-transition: -webkit-transform 350ms ease-in-out;
  transition: -webkit-transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
}
.article-single article .article-body p a:hover,
.article-single article .article-body li a:hover {
  -webkit-transform: translate3d(0, -3px, 0);
  transform: translate3d(0, -3px, 0);
  border-color: transparent;
}
.article-single article .article-body img {
  max-width: 100%;
  margin-bottom: 1em;
}
.article-single .button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  color: #000;
  display: inline-block;
  font-weight: 400;
  font-size: 20px;
  position: relative;
  text-decoration: none;
  margin-top: 3em;
  cursor: pointer;
}
.article-single .button svg {
  display: inline-block;
  vertical-align: -2px;
  -webkit-transition: -webkit-transform 350ms ease-in-out;
  transition: -webkit-transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
  -webkit-transform: translateX(0) rotate(180deg);
  transform: translateX(0) rotate(180deg);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 21px;
  width: auto;
  margin-right: 5px;
}
.article-single .button:hover {
  color: #191919;
}
.article-single .button:hover svg {
  -webkit-transform: translateX(-5px) rotate(180deg);
  transform: translateX(-5px) rotate(180deg);
}

.articles-list {
  padding: 40px 0;
}
@media screen and (min-width: 1024px) {
  .articles-list {
    padding: 80px 0;
  }
}
@media screen and (min-width: 1440px) {
  .articles-list {
    padding: 100px 0;
  }
}
.articles-list .list__inner {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .articles-list .list__inner {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .articles-list .list__inner {
    max-width: 1240px;
  }
}
.articles-list li.news-article {
  padding: 2.4em 0 1.8em;
  border-bottom: 1px solid #e2ded9;
}
.articles-list li a {
  text-decoration: none;
  color: #000;
}
.articles-list li a:hover {
  text-decoration: underline;
}
.articles-list h3 {
  margin-bottom: 0.5em;
  font-weight: 300;
}
.articles-list h3 a {
  letter-spacing: initial;
  line-height: 1.4;
  font-weight: 400;
  text-transform: initial;
  font-size: 24px;
  color: #000;
}
.articles-list .date {
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;
  text-transform: initial;
  display: block;
  margin-bottom: 1.6em;
  font-weight: 300;
}
.articles-list .alm-load-more-btn {
  -webkit-transition: background-color 350ms ease-in-out,
    color 350ms ease-in-out;
  transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
  background-color: transparent;
  border: 2px solid #000;
  border-radius: 999px;
  color: #000;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 25px;
  text-decoration: none;
  white-space: nowrap;
  font-size: 15px;
  height: 40px;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin-top: 2em;
  cursor: pointer;
}
.articles-list .alm-load-more-btn:hover {
  background-color: #000;
  color: #fff;
}
.articles-list .origin-link {
  font-size: 12px;
  letter-spacing: 0.07em;
  line-height: 1.67;
  font-weight: 300;
  text-transform: initial;
  font-weight: 400;
  letter-spacing: normal;
}

/* Main Press Page Template */
.page-template-page-press #page {
  background: #fff;
}

h2.copy,
.copy h2 {
  letter-spacing: 1px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
}

#ajax-load-more ul {
  list-style-type: none;
}

.media-list {
  background: #000;
  color: #fff;
  padding: 40px 0;
}
@media screen and (min-width: 1024px) {
  .media-list {
    padding: 80px 0;
  }
}
@media screen and (min-width: 1440px) {
  .media-list {
    padding: 100px 0;
  }
}
.media-list.media-images {
  background: #191919;
}
/* .page-id-11841 .media-list__inner>.kt-inside-inner-col {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 3.99%
}
@media screen and (min-width: 1024px) {
    .page-id-11841 .media-list__inner>.kt-inside-inner-col {
        max-width: 90.04%
    }
}
@media screen and (min-width: 1440px) {
    .page-id-11841 .media-list__inner>.kt-inside-inner-col {
        max-width: 1240px
    }
}
@media screen and (min-width: 1024px) {
    .page-id-11841 .media-list__inner>.kt-inside-inner-col {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 2.6%
    }
}
@media screen and (min-width: 1440px) {
    .page-id-11841 .media-list__inner>.kt-inside-inner-col {
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 1.61%
    }
}
.page-id-11841 .media-list__inner .copy {
    grid-column: 1/-1
}
@media screen and (min-width: 1024px) {
    .page-id-11841 .media-list__inner .copy {
        max-width: 50%
    }
} */
.media-list__inner .copy p,
.media-list__inner .copy .article-single article .article-body li,
.article-single article .article-body .media-list__inner .copy li {
  margin-top: 22px;
  margin-bottom: 0;
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;
  font-weight: 300;
  text-transform: initial;
}
.media-list a {
  color: #fff;
}
.media-list a:hover {
  color: #fff00b;
}
.media-list .image-container > .kt-inside-inner-col {
  grid-column: 1/-1;
  margin-top: 2em;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 3.99%;
}
@media screen and (min-width: 1024px) {
  .media-list .image-container > .kt-inside-inner-col {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .media-list .image-container > .kt-inside-inner-col {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.61%;
  }
}
.media-list .linkback {
  grid-column: 1 / -1;
  margin-top: 50px;
}
.media-list .linkback img {
  display: inline-block;
  vertical-align: -4px;
}
.media-list .image {
  grid-column: 1/-1;
  margin: 2em 0;
}
@media screen and (min-width: 1024px) {
  .media-list .image {
    grid-column: span 3;
  }
}
@media screen and (min-width: 1440px) {
  .media-list .image {
    grid-column: span 4;
  }
}
@media screen and (min-width: 1024px) {
  .media-list .image.squere {
    grid-column: span 2;
  }
}
.media-list .image img {
  width: 100%;
  height: auto;
}
.media-list .image.black img {
  -webkit-box-shadow: 0 0 0 1px #2f2f2f;
  box-shadow: 0 0 0 1px #2f2f2f;
}
.media-list .download {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}
.media-list .download a {
  margin-right: 10px;
  padding-bottom: 3px;
  border-bottom: 1px solid #fff;
  font-size: 12px;
  text-decoration: none;
}
.media-list .download a:hover {
  border-color: transparent;
}

.sub-navbar {
  height: 70px;
  background: #191919;
  z-index: 15;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .sub-navbar {
    padding: 0 30px;
  }
}
@media screen and (max-width: 1023px) {
  .sub-navbar {
    margin-top: 44px;
  }
}
.sub-navbar__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
  overflow-x: auto;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .sub-navbar__links {
    overflow-x: visible;
  }
}
.sub-navbar__link {
  display: block;
  height: 100%;
  padding: 0 10px;
  -webkit-transition: background-color 0.1s, color 0.1s;
  transition: background-color 0.1s, color 0.1s;
}
@media screen and (max-width: 1023px) {
  .sub-navbar__link:first-child {
    padding-left: 15px;
  }
}
.sub-navbar__link--active.sub-navbar__link {
  background-color: #fff00b;
  font-weight: 700;
}
.sub-navbar__link--active.sub-navbar__link a {
  color: #000;
}
.sub-navbar__link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}
.sub-navbar__link:hover {
  background-color: #fff00b;
}
.sub-navbar__link:hover a {
  color: #000;
}

.page-id-11849 .navbar__link_portfolio,
.page-id-14554 .navbar__link_portfolio,
.page-id-13217 .navbar__link_portfolio,
.page-id-14296 .navbar__link_portfolio,
.page-id-11619 .navbar__link_portfolio {
  display: none;
}

.spotlight-item-link {
  color: #fff;
  display: block;
  text-decoration: none;
  position: relative;
}
.spotlight-item-link__overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 107%;
  background-color: rgba(0, 0, 0, 0.75);
  border: 1px solid #fff;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  font-size: 20px;
  line-height: 28px;
}
.spotlight-item-link__overlay__icon {
  margin-bottom: 20px;
}
.spotlight-item-link:hover .spotlight-item-link__overlay {
  opacity: 1;
}
.spotlight-item-thumbs {
  margin-bottom: 10%;
}
@media screen and (min-width: 1440px) {
  .spotlight-item {
    margin-bottom: 120px;
  }
}
.spotlight-item--closed {
  display: none;
}
.spotlight-item-header__expand,
.spotlight-item-header__theme {
  display: block;
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: 500;
  color: #d8d8d8;
  cursor: pointer;
}
.spotlight-item-header__expand-icon {
  height: 10px;
  width: 10px;
  margin-left: 8px;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.spotlight-item-header__expand-icon--expanded {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.spotlight-item-description {
  -webkit-transition: max-height 0.25s ease, border 0.25s ease;
  transition: max-height 0.25s ease, border 0.25s ease;
  border-bottom: 1px solid hsla(0, 0%, 74.9%, 0);
  overflow: hidden;
  position: relative;
  color: #fff;
  padding-top: 10px;
}
.spotlight-item-description__text {
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
  font-size: 14px;
  font-weight: 400;
}
.spotlight-item-description__site {
  display: inline-block;
  margin: 20px 0;
  font-size: 13px;
  color: #fff;
  text-decoration: none;
}
.spotlight-item-description__site:hover {
  text-decoration: underline;
}
.spotlight-item--active .spotlight-item-description {
  border-bottom: 1px solid #bfbfbf;
}
.spotlight-item-collapse {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  display: none;
  color: #fff;
  cursor: pointer;
  margin-top: 20px;
}
.spotlight-item-collapse:hover {
  color: #fff00b;
}
.spotlight-item-collapse.active {
  display: block;
}

.spotlight-item-header {
  color: #fff;
}
.spotlight-item-header__name {
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  margin-bottom: 10px;
}
.spotlight-item-header__theme {
  display: block;
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: 500;
  color: #d8d8d8;
  cursor: pointer;
}
.spotlight-item-header__theme:hover {
  text-decoration: none;
}
/* Customer Social Media Links */

.spotlight-item__social-links a {
  font-size: 0;
}

.spotlight-item__social-links a:hover::before {
  opacity: 0.8;
}
.spotlight-item__social-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  list-style-type: none;
}
.spotlight-item__social-link {
  margin-right: 15px;
}
.spotlight-item__social-links a::before {
  width: 16px;
  height: 16px;
}
.spotlight-item__social-links a.home::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' class='spotlight-item__social-link-icon'%3E%3Cpath d='M4.126 5.813c.292-.293.617-.534.962-.725 1.925-1.06 4.393-.497 5.63 1.38L9.222 7.963a2.256 2.256 0 00-2.556-1.3c-.4.09-.779.29-1.089.6l-2.869 2.87a2.237 2.237 0 000 3.16 2.237 2.237 0 003.16 0l.885-.885c.804.32 1.667.447 2.52.384l-1.954 1.953a4.286 4.286 0 11-6.062-6.063l2.87-2.87zm4.557-4.558L6.73 3.208a5.69 5.69 0 012.52.383l.884-.884a2.237 2.237 0 013.16 0 2.237 2.237 0 010 3.16l-2.87 2.87a2.239 2.239 0 01-3.16 0 2.378 2.378 0 01-.485-.7L5.282 9.532c.157.238.32.444.53.655a4.294 4.294 0 006.062 0l2.87-2.87a4.286 4.286 0 10-6.06-6.063z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}
.spotlight-item__social-links a.instagram::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 19' xmlns='http://www.w3.org/2000/svg' height='16px' width='17px' class='spotlight-item__social-link-icon'%3E%3Cpath d='M9.997.006c-2.715 0-3.056.01-4.122.057C4.811.11 4.085.27 3.45.505A4.934 4.934 0 001.678 1.6 4.638 4.638 0 00.525 3.282C.278 3.886.109 4.577.06 5.587.012 6.6 0 6.924 0 9.503c0 2.58.012 2.903.06 3.916.049 1.01.218 1.7.465 2.305a4.638 4.638 0 001.153 1.682 4.934 4.934 0 001.77 1.095c.636.235 1.363.396 2.427.442 1.066.046 1.407.057 4.122.057s3.055-.01 4.122-.057c1.064-.046 1.79-.207 2.426-.442a4.934 4.934 0 001.77-1.095 4.639 4.639 0 001.154-1.682c.247-.604.416-1.295.465-2.305.048-1.013.06-1.337.06-3.916 0-2.58-.012-2.903-.06-3.916-.049-1.01-.218-1.7-.465-2.305A4.639 4.639 0 0018.316 1.6a4.934 4.934 0 00-1.77-1.095C15.908.27 15.182.109 14.118.063 13.052.017 12.712.006 9.997.006zm0 1.711c2.67 0 2.985.01 4.04.056.974.042 1.503.196 1.856.327.466.172.8.378 1.15.71.349.332.566.649.747 1.092.137.335.3.837.344 1.763.048 1.002.058 1.302.058 3.838s-.01 2.836-.058 3.838c-.044.926-.207 1.428-.344 1.763-.181.443-.398.76-.748 1.092-.35.332-.683.538-1.15.71-.352.13-.88.285-1.856.327-1.054.046-1.37.056-4.04.056-2.669 0-2.985-.01-4.039-.056-.974-.042-1.504-.196-1.856-.327a3.117 3.117 0 01-1.15-.71 2.933 2.933 0 01-.747-1.092c-.137-.335-.3-.837-.344-1.763-.049-1.002-.059-1.302-.059-3.838s.01-2.836.059-3.838c.044-.926.207-1.428.344-1.763.181-.443.398-.76.748-1.092.35-.332.682-.538 1.149-.71.352-.13.882-.285 1.856-.327 1.054-.046 1.37-.056 4.04-.056z' fill='%23ffffff'%3E%3C/path%3E%3Cpath d='M9.997 12.669c-1.84 0-3.332-1.418-3.332-3.166s1.491-3.166 3.332-3.166c1.84 0 3.332 1.418 3.332 3.166s-1.492 3.166-3.332 3.166zm0-8.043c-2.835 0-5.134 2.184-5.134 4.877 0 2.693 2.299 4.877 5.134 4.877 2.835 0 5.133-2.184 5.133-4.877 0-2.693-2.298-4.877-5.133-4.877zm6.536-.193c0 .63-.537 1.14-1.2 1.14-.662 0-1.2-.51-1.2-1.14s.538-1.14 1.2-1.14c.663 0 1.2.511 1.2 1.14' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");
}
.spotlight-item__social-links a.facebook::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 20' xmlns='http://www.w3.org/2000/svg' height='16px' width='9px' class='spotlight-item__social-link-icon'%3E%3Cpath d='M6.703 19.032v-8.654h3.004l.45-3.388H6.703V4.832c0-.978.28-1.645 1.725-1.645h1.83V.164A25.363 25.363 0 007.576.032c-2.655 0-4.473 1.574-4.473 4.465V6.99H.11v3.388h2.993v8.654h3.6' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}
.spotlight-item__social-links a.twitter::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 25 19' xmlns='http://www.w3.org/2000/svg' height='16px' width='21px' class='spotlight-item__social-link-icon'%3E%3Cpath d='M7.74 19c9.286 0 14.365-7.31 14.365-13.647 0-.208-.005-.415-.015-.62a10.003 10.003 0 002.519-2.484c-.905.382-1.878.64-2.9.755 1.043-.593 1.843-1.533 2.22-2.653-.975.55-2.055.95-3.205 1.164A5.17 5.17 0 0017.038 0c-2.788 0-5.05 2.148-5.05 4.796 0 .377.045.743.132 1.094C7.924 5.69 4.203 3.78 1.713.878a4.598 4.598 0 00-.684 2.411c0 1.664.891 3.133 2.247 3.993a5.214 5.214 0 01-2.287-.6l-.001.06c0 2.324 1.74 4.263 4.05 4.703a5.314 5.314 0 01-2.28.082c.643 1.906 2.507 3.293 4.717 3.332a10.475 10.475 0 01-6.27 2.053c-.408 0-.81-.022-1.205-.066A14.845 14.845 0 007.74 19' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}
.spotlight-item__social-links a.linkedin::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 21 19' xmlns='http://www.w3.org/2000/svg' height='16px' width='18px' class='spotlight-item__social-link-icon'%3E%3Cpath d='M18.74 0c.826 0 1.499.613 1.499 1.37v16.26c0 .756-.673 1.37-1.499 1.37H1.494C.67 19 0 18.386 0 17.63V1.37C0 .612.67 0 1.494 0H18.74zM4.554 2.85c-.84 0-1.518.639-1.518 1.425S3.715 5.7 4.554 5.7c.837 0 1.517-.639 1.517-1.425S5.391 2.85 4.554 2.85zm-1.518 13.3H6.07V7.6H3.036v8.55zm5.06-9.27v9.27h2.917v-4.586c0-1.209.234-2.38 1.753-2.38 1.498 0 1.518 1.383 1.518 2.458v4.508h2.918v-5.085c0-2.495-.546-4.415-3.503-4.415-1.42 0-2.374.768-2.764 1.497h-.039V6.88h-2.8z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}

.spotlight-item__social-links a.behance::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M232 237.2c31.8-15.2 48.4-38.2 48.4-74 0-70.6-52.6-87.8-113.3-87.8H0v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9 0-44.5-21.1-77.4-64.7-89.7zM77.9 135.9H151c28.1 0 53.4 7.9 53.4 40.5 0 30.1-19.7 42.2-47.5 42.2h-79v-82.7zm83.3 233.7H77.9V272h84.9c34.3 0 56 14.3 56 50.6 0 35.8-25.9 47-57.6 47zm358.5-240.7H376V94h143.7v34.9zM576 305.2c0-75.9-44.4-139.2-124.9-139.2-78.2 0-131.3 58.8-131.3 135.8 0 79.9 50.3 134.7 131.3 134.7 61.3 0 101-27.6 120.1-86.3H509c-6.7 21.9-34.3 33.5-55.7 33.5-41.3 0-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2zM390.4 274c2.3-33.7 24.7-54.8 58.5-54.8 35.4 0 53.2 20.8 56.2 54.8H390.4z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}

.spotlight-item__social-links a.pinterest::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' viewBox='0 0 496 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}
.spotlight-item__social-links a.tumblr::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1.8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5.9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}
.spotlight-item__social-links a.flickr::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM144.5 319c-35.1 0-63.5-28.4-63.5-63.5s28.4-63.5 63.5-63.5 63.5 28.4 63.5 63.5-28.4 63.5-63.5 63.5zm159 0c-35.1 0-63.5-28.4-63.5-63.5s28.4-63.5 63.5-63.5 63.5 28.4 63.5 63.5-28.4 63.5-63.5 63.5z' fill='%23fff'/%3E%3C/svg%3E");
}
.spotlight-item__social-links a.youtube::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z' fill='%23fff'/%3E%3C/svg%3E");
}
.spotlight-item__social-links a.vimeo::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M403.2 32H44.8C20.1 32 0 52.1 0 76.8v358.4C0 459.9 20.1 480 44.8 480h358.4c24.7 0 44.8-20.1 44.8-44.8V76.8c0-24.7-20.1-44.8-44.8-44.8zM377 180.8c-1.4 31.5-23.4 74.7-66 129.4-44 57.2-81.3 85.8-111.7 85.8-18.9 0-34.8-17.4-47.9-52.3-25.5-93.3-36.4-148-57.4-148-2.4 0-10.9 5.1-25.4 15.2l-15.2-19.6c37.3-32.8 72.9-69.2 95.2-71.2 25.2-2.4 40.7 14.8 46.5 51.7 20.7 131.2 29.9 151 67.6 91.6 13.5-21.4 20.8-37.7 21.8-48.9 3.5-33.2-25.9-30.9-45.8-22.4 15.9-52.1 46.3-77.4 91.2-76 33.3.9 49 22.5 47.1 64.7z' fill='%23fff'/%3E%3C/svg%3E");
}
.spotlight-item__social-links a.imdb::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M89.5 323.6H53.93V186.2H89.5V323.6zM156.1 250.5L165.2 186.2H211.5V323.6H180.5V230.9L167.1 323.6H145.8L132.8 232.9L132.7 323.6H101.5V186.2H147.6C148.1 194.5 150.4 204.3 151.9 215.6L156.1 250.5zM223.7 323.6V186.2H250.3C267.3 186.2 277.3 187.1 283.3 188.6C289.4 190.3 294 192.8 297.2 196.5C300.3 199.8 302.3 203.1 303 208.5C303.9 212.9 304.4 221.6 304.4 234.7V282.9C304.4 295.2 303.7 303.4 302.5 307.6C301.4 311.7 299.4 315 296.5 317.3C293.7 319.7 290.1 321.4 285.8 322.3C281.6 323.1 275.2 323.6 266.7 323.6H223.7zM259.2 209.7V299.1C264.3 299.1 267.5 298.1 268.6 296.8C269.7 294.8 270.4 289.2 270.4 280.1V226.8C270.4 220.6 270.3 216.6 269.7 214.8C269.4 213 268.5 211.8 267.1 210.1C265.7 210.1 263 209.7 259.2 209.7V209.7zM316.5 323.6V186.2H350.6V230.1C353.5 227.7 356.7 225.2 360.1 223.5C363.7 222 368.9 221.1 372.9 221.1C377.7 221.1 381.8 221.9 385.2 223.3C388.6 224.8 391.2 226.8 393.2 229.5C394.9 232.1 395.9 234.8 396.3 237.3C396.7 239.9 396.1 245.3 396.1 253.5V292.1C396.1 300.3 396.3 306.4 395.3 310.5C394.2 314.5 391.5 318.1 387.5 320.1C383.4 324 378.6 325.4 372.9 325.4C368.9 325.4 363.7 324.5 360.2 322.9C356.7 321.1 353.5 318.4 350.6 314.9L348.5 323.6L316.5 323.6zM361.6 302.9C362.3 301.1 362.6 296.9 362.6 290.4V255C362.6 249.4 362.3 245.5 361.5 243.8C360.8 241.9 357.8 241.1 355.7 241.1C353.7 241.1 352.3 241.9 351.6 243.4C351 244.9 350.6 248.8 350.6 255V291.4C350.6 297.5 351 301.4 351.8 303C352.4 304.7 353.9 305.5 355.9 305.5C358.1 305.5 360.1 304.7 361.6 302.9L361.6 302.9zM418.4 32.04C434.1 33.27 447.1 47.28 447.1 63.92V448.1C447.1 464.5 435.2 478.5 418.9 479.1C418.6 479.1 418.4 480 418.1 480H29.88C29.6 480 29.32 479.1 29.04 479.9C13.31 478.5 1.093 466.1 0 449.7L.0186 61.78C1.081 45.88 13.82 33.09 30.26 31.1H417.7C417.9 31.1 418.2 32.01 418.4 32.04L418.4 32.04zM30.27 41.26C19 42.01 10.02 51.01 9.257 62.4V449.7C9.63 455.1 11.91 460.2 15.7 464C19.48 467.9 24.51 470.3 29.89 470.7H418.1C429.6 469.7 438.7 459.1 438.7 448.1V63.91C438.7 58.17 436.6 52.65 432.7 48.45C428.8 44.24 423.4 41.67 417.7 41.26L30.27 41.26z' fill='%23fff'/%3E%3C/svg%3E");
}
.spotlight-item__social-links a.soundcloud::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' viewBox='0 0 640 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M111.4 256.3l5.8 65-5.8 68.3c-.3 2.5-2.2 4.4-4.4 4.4s-4.2-1.9-4.2-4.4l-5.6-68.3 5.6-65c0-2.2 1.9-4.2 4.2-4.2 2.2 0 4.1 2 4.4 4.2zm21.4-45.6c-2.8 0-4.7 2.2-5 5l-5 105.6 5 68.3c.3 2.8 2.2 5 5 5 2.5 0 4.7-2.2 4.7-5l5.8-68.3-5.8-105.6c0-2.8-2.2-5-4.7-5zm25.5-24.1c-3.1 0-5.3 2.2-5.6 5.3l-4.4 130 4.4 67.8c.3 3.1 2.5 5.3 5.6 5.3 2.8 0 5.3-2.2 5.3-5.3l5.3-67.8-5.3-130c0-3.1-2.5-5.3-5.3-5.3zM7.2 283.2c-1.4 0-2.2 1.1-2.5 2.5L0 321.3l4.7 35c.3 1.4 1.1 2.5 2.5 2.5s2.2-1.1 2.5-2.5l5.6-35-5.6-35.6c-.3-1.4-1.1-2.5-2.5-2.5zm23.6-21.9c-1.4 0-2.5 1.1-2.5 2.5l-6.4 57.5 6.4 56.1c0 1.7 1.1 2.8 2.5 2.8s2.5-1.1 2.8-2.5l7.2-56.4-7.2-57.5c-.3-1.4-1.4-2.5-2.8-2.5zm25.3-11.4c-1.7 0-3.1 1.4-3.3 3.3L47 321.3l5.8 65.8c.3 1.7 1.7 3.1 3.3 3.1 1.7 0 3.1-1.4 3.1-3.1l6.9-65.8-6.9-68.1c0-1.9-1.4-3.3-3.1-3.3zm25.3-2.2c-1.9 0-3.6 1.4-3.6 3.6l-5.8 70 5.8 67.8c0 2.2 1.7 3.6 3.6 3.6s3.6-1.4 3.9-3.6l6.4-67.8-6.4-70c-.3-2.2-2-3.6-3.9-3.6zm241.4-110.9c-1.1-.8-2.8-1.4-4.2-1.4-2.2 0-4.2.8-5.6 1.9-1.9 1.7-3.1 4.2-3.3 6.7v.8l-3.3 176.7 1.7 32.5 1.7 31.7c.3 4.7 4.2 8.6 8.9 8.6s8.6-3.9 8.6-8.6l3.9-64.2-3.9-177.5c-.4-3-2-5.8-4.5-7.2zm-26.7 15.3c-1.4-.8-2.8-1.4-4.4-1.4s-3.1.6-4.4 1.4c-2.2 1.4-3.6 3.9-3.6 6.7l-.3 1.7-2.8 160.8s0 .3 3.1 65.6v.3c0 1.7.6 3.3 1.7 4.7 1.7 1.9 3.9 3.1 6.4 3.1 2.2 0 4.2-1.1 5.6-2.5 1.7-1.4 2.5-3.3 2.5-5.6l.3-6.7 3.1-58.6-3.3-162.8c-.3-2.8-1.7-5.3-3.9-6.7zm-111.4 22.5c-3.1 0-5.8 2.8-5.8 6.1l-4.4 140.6 4.4 67.2c.3 3.3 2.8 5.8 5.8 5.8 3.3 0 5.8-2.5 6.1-5.8l5-67.2-5-140.6c-.2-3.3-2.7-6.1-6.1-6.1zm376.7 62.8c-10.8 0-21.1 2.2-30.6 6.1-6.4-70.8-65.8-126.4-138.3-126.4-17.8 0-35 3.3-50.3 9.4-6.1 2.2-7.8 4.4-7.8 9.2v249.7c0 5 3.9 8.6 8.6 9.2h218.3c43.3 0 78.6-35 78.6-78.3.1-43.6-35.2-78.9-78.5-78.9zm-296.7-60.3c-4.2 0-7.5 3.3-7.8 7.8l-3.3 136.7 3.3 65.6c.3 4.2 3.6 7.5 7.8 7.5 4.2 0 7.5-3.3 7.5-7.5l3.9-65.6-3.9-136.7c-.3-4.5-3.3-7.8-7.5-7.8zm-53.6-7.8c-3.3 0-6.4 3.1-6.4 6.7l-3.9 145.3 3.9 66.9c.3 3.6 3.1 6.4 6.4 6.4 3.6 0 6.4-2.8 6.7-6.4l4.4-66.9-4.4-145.3c-.3-3.6-3.1-6.7-6.7-6.7zm26.7 3.4c-3.9 0-6.9 3.1-6.9 6.9L227 321.3l3.9 66.4c.3 3.9 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9l4.2-66.4-4.2-141.7c0-3.9-3-6.9-6.9-6.9z' fill='%23fff'/%3E%3C/svg%3E");
}
.spotlight-item__social-links a.dribbble::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M256 8C119.252 8 8 119.252 8 256s111.252 248 248 248 248-111.252 248-248S392.748 8 256 8zm163.97 114.366c29.503 36.046 47.369 81.957 47.835 131.955-6.984-1.477-77.018-15.682-147.502-6.818-5.752-14.041-11.181-26.393-18.617-41.614 78.321-31.977 113.818-77.482 118.284-83.523zM396.421 97.87c-3.81 5.427-35.697 48.286-111.021 76.519-34.712-63.776-73.185-116.168-79.04-124.008 67.176-16.193 137.966 1.27 190.061 47.489zm-230.48-33.25c5.585 7.659 43.438 60.116 78.537 122.509-99.087 26.313-186.36 25.934-195.834 25.809C62.38 147.205 106.678 92.573 165.941 64.62zM44.17 256.323c0-2.166.043-4.322.108-6.473 9.268.19 111.92 1.513 217.706-30.146 6.064 11.868 11.857 23.915 17.174 35.949-76.599 21.575-146.194 83.527-180.531 142.306C64.794 360.405 44.17 310.73 44.17 256.323zm81.807 167.113c22.127-45.233 82.178-103.622 167.579-132.756 29.74 77.283 42.039 142.053 45.189 160.638-68.112 29.013-150.015 21.053-212.768-27.882zm248.38 8.489c-2.171-12.886-13.446-74.897-41.152-151.033 66.38-10.626 124.7 6.768 131.947 9.055-9.442 58.941-43.273 109.844-90.795 141.978z' fill='%23fff'/%3E%3C/svg%3E");
}
.spotlight-item__social-links a.500px::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M103.3 344.3c-6.5-14.2-6.9-18.3 7.4-23.1 25.6-8 8 9.2 43.2 49.2h.3v-93.9c1.2-50.2 44-92.2 97.7-92.2 53.9 0 97.7 43.5 97.7 96.8 0 63.4-60.8 113.2-128.5 93.3-10.5-4.2-2.1-31.7 8.5-28.6 53 0 89.4-10.1 89.4-64.4 0-61-77.1-89.6-116.9-44.6-23.5 26.4-17.6 42.1-17.6 157.6 50.7 31 118.3 22 160.4-20.1 24.8-24.8 38.5-58 38.5-93 0-35.2-13.8-68.2-38.8-93.3-24.8-24.8-57.8-38.5-93.3-38.5s-68.8 13.8-93.5 38.5c-.3.3-16 16.5-21.2 23.9l-.5.6c-3.3 4.7-6.3 9.1-20.1 6.1-6.9-1.7-14.3-5.8-14.3-11.8V20c0-5 3.9-10.5 10.5-10.5h241.3c8.3 0 8.3 11.6 8.3 15.1 0 3.9 0 15.1-8.3 15.1H130.3v132.9h.3c104.2-109.8 282.8-36 282.8 108.9 0 178.1-244.8 220.3-310.1 62.8zm63.3-260.8c-.5 4.2 4.6 24.5 14.6 20.6C306 56.6 384 144.5 390.6 144.5c4.8 0 22.8-15.3 14.3-22.8-93.2-89-234.5-57-238.3-38.2zM393 414.7C283 524.6 94 475.5 61 310.5c0-12.2-30.4-7.4-28.9 3.3 24 173.4 246 256.9 381.6 121.3 6.9-7.8-12.6-28.4-20.7-20.4zM213.6 306.6c0 4 4.3 7.3 5.5 8.5 3 3 6.1 4.4 8.5 4.4 3.8 0 2.6.2 22.3-19.5 19.6 19.3 19.1 19.5 22.3 19.5 5.4 0 18.5-10.4 10.7-18.2L265.6 284l18.2-18.2c6.3-6.8-10.1-21.8-16.2-15.7L249.7 268c-18.6-18.8-18.4-19.5-21.5-19.5-5 0-18 11.7-12.4 17.3L234 284c-18.1 17.9-20.4 19.2-20.4 22.6z' fill='%23fff'/%3E%3C/svg%3E");
}

/* Website Example page */
.spotlights-list__content__item {
  grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
  .spotlights-list__content__item {
    grid-column: span 2;
  }
}
@media screen and (min-width: 1440px) {
  .spotlights-list__content__item {
    grid-column: span 4;
  }
}
.spotlight-item-header__expand {
  display: block;
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: 500;
  color: #d8d8d8;
  cursor: pointer;
  text-decoration: none;
}
.spotlight-item-header__expand-icon {
  height: 10px;
  width: 10px;
  margin-left: 8px;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.spotlight-item-header__expand-icon--expanded {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.spotlight-item-preview {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
}
.spotlight-item-preview__top-bar {
  border-bottom: 1px solid #bfbfbf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  padding: 0 10px 0 20px;
}
.spotlight-item-preview__content {
  width: 100vw;
  height: calc(100vh - 60px);
}
.spotlight-item-preview__back {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 20px;
  cursor: pointer;
}
.spotlight-item-preview__info {
  color: #737373;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.spotlight-item-preview__info,
.spotlight-item-preview__try {
  font-size: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.spotlight-item-preview__try {
  background-color: #000;
  border: none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;

  font-weight: 500;
  outline: none;
  position: relative;
  text-decoration: none;
  width: 155px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 20px;
  white-space: nowrap;
}
.spotlight-cta-text {
  background-color: #000;
  color: #fff;
  padding: 50px 25px;
}
@media screen and (min-width: 1024px) {
  .spotlight-cta-text {
    text-align: center;
    padding: 70px 0;
  }
}
.spotlight-cta-text__title {
  margin-bottom: 20px;
  font-size: 26px;
  line-height: 34px;
}
@media screen and (min-width: 1024px) {
  .spotlight-cta-text__title {
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 34px;
  }
}
.spotlight-cta-text__blurb {
  max-width: 820px;
  color: hsla(0, 0%, 100%, 0.7);
  margin: 0 0 50px;
  font-size: 15px;
  line-height: 22px;
  font-weight: 300;
}
@media screen and (min-width: 1024px) {
  .spotlight-cta-text__blurb {
    margin: 0 auto 70px;
    font-size: 18px;
    line-height: 27px;
  }
}
.spotlight-cta-text__blurb a {
  color: hsla(0, 0%, 100%, 0.7);
}
.spotlight-cta-text .btn--primary.btn--light,
.btn--primary.cta-text__cta {
  width: 330px;
  max-width: 100%;
  margin: auto;
}

/* Online Portfolio Websites Templates */
.templates-header {
  width: 100%;
  padding: 30px 0 30px;
  background-color: #000;
  color: #fff;
  overflow: hidden;
  position: relative;
}
.templates-header .grid-container {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .templates-header .grid-container {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .templates-header .grid-container {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .templates-header .grid-container {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .templates-header .grid-container {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.templates-header__half {
  grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
  .templates-header__half {
    grid-column: span 3;
  }
}
@media screen and (min-width: 1440px) {
  .templates-header__half {
    grid-column: span 6;
  }
}
.templates-header__title {
  font-weight: 300;
  font-size: 30px;
  line-height: 1.2;
}
@media screen and (min-width: 1024px) {
  .templates-header__title {
    font-size: 44px;
    grid-column: span 3;
  }
}
@media screen and (min-width: 1440px) {
  .templates-header__title {
    padding-right: 85.03289px;
  }
}
.templates-header__image {
  margin-top: 0px;
}

.seo-templates {
  background: #000;
  color: #fff !important;
}
.seo-templates .navbar {
  background-color: #000;
}
@media screen and (min-width: 1024px) {
  .seo-templates .sub-navbar {
    position: sticky;
    left: 0;
    right: 0;
    top: 91px;
    z-index: 10;
  }
}

.seo-templates__step.is-expanded
  .seo-templates__step__header__icon__incomplete:before {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.seo-templates__step.is-expanded
  .seo-templates__step__header__icon__incomplete:after {
  -webkit-transform: none;
  transform: none;
}

.seo-templates__step__content {
  overflow: hidden;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.5);
}
@media screen and (min-width: 1024px) {
  .seo-templates__step__content {
    border: none;
  }
}
.seo-templates__step__header {
  padding: 30px 0;
  background: #fff00b;
}
.seo-templates__step__header .container-width {
  padding-right: 70px;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .seo-templates__step__header {
    color: #000;
    padding: 10px 0 8px;
    margin-bottom: 0;
  }
  .seo-templates__step__header .container-width {
    padding-right: 0;
  }
}
.seo-templates__step__header__number {
  font-size: 22px;
  letter-spacing: normal;
  line-height: 1.36;

  font-weight: 300;
  text-transform: none;
  font-size: 14px;
  color: #000;
  display: block;
  margin-bottom: 3px;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .seo-templates__step__header__number {
    font-size: 22px;
  }
}
.seo-templates__step__header__title {
  font-size: 20px;
  font-weight: 300;

  line-height: 1.45;
  color: #000;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .seo-templates__step__header__title {
    font-size: 30px;
  }
}
.seo-templates__step__header__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  right: 0;
  top: 5px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fff;
  color: #000;
}
@media screen and (min-width: 1024px) {
  .seo-templates__step__header__icon {
    display: none;
  }
}
.seo-templates__step__header__icon__complete {
  -webkit-transform: scale(0.65);
  transform: scale(0.65);
}
.seo-templates__step__header__icon__incomplete {
  position: relative;
  width: 15px;
  height: 15px;
}
.seo-templates__step__header__icon__incomplete:after,
.seo-templates__step__header__icon__incomplete:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  top: 6px;
  background: currentColor;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.seo-templates__step__header__icon__incomplete:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.seo-templates__step__header.is-expanded
  .seo-templates__step__header__icon__incomplete:before {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.seo-templates__step__header.is-expanded
  .seo-templates__step__header__icon__incomplete:after {
  -webkit-transform: none;
  transform: none;
}
.container-width {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .container-width {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .container-width {
    max-width: 1240px;
  }
}
.gallery-types__navigation {
  background: #191919;
  overflow: auto;
}
.gallery-types__navigation__inner {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (min-width: 1024px) {
  .gallery-types__navigation__inner {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .gallery-types__navigation__inner {
    max-width: 1240px;
  }
}
.gallery-types__navigation__list {
  height: 80px;
  white-space: nowrap;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.gallery-types__navigation__list__item {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 40px;
  height: 80px;
  line-height: 78px;
  cursor: pointer;
  font-size: 15px;
  border-bottom: 4px solid transparent;
  color: #fff;
}
.gallery-types__navigation__list .active {
  font-weight: 700;
  border-bottom-color: #fff;
}
.gallery-types__navigation .btn-next {
  padding: 15px 16px;
  cursor: pointer;
}
.gallery-types__navigation .btn-next .arrow-icon {
  width: 20px;
  height: 20px;
}
.gallery-types__content__item__inner {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  padding: 60px 0;
}
@media screen and (min-width: 1024px) {
  .gallery-types__content__item__inner {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .gallery-types__content__item__inner {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .gallery-types__content__item__inner {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .gallery-types__content__item__inner {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
@media screen and (min-width: 1024px) {
  .gallery-types__content__item__inner {
    padding: 100px 0;
  }
}
.gallery-types__content__item__icon {
  grid-column: 1/-1;
  margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .gallery-types__content__item__icon {
    grid-column: span 1;
    margin-bottom: 0;
  }
}
.gallery-types__content__item__icon picture {
  display: block;
  max-width: 75px;
}
@media screen and (min-width: 1024px) {
  .gallery-types__content__item__icon picture {
    max-width: 85px;
  }
}
.gallery-types__content__item__title {
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  grid-column: 1/-1;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .gallery-types__content__item__title {
    grid-column: 2/4;
    font-size: 28px;
    margin: 0;
  }
}
@media screen and (min-width: 1440px) {
  .gallery-types__content__item__title {
    grid-column: 3/5;
  }
}
.gallery-types__content__item__blurb {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: hsla(0, 0%, 100%, 0.7);
  grid-column: 1/-1;
}
.gallery-types__content__item__blurb p {
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .gallery-types__content__item__blurb {
    grid-column: 4/-1;
    font-size: 22px;
    color: #fff;
    font-weight: 300;
  }
}
@media screen and (min-width: 1440px) {
  .gallery-types__content__item__blurb {
    grid-column: 6/-1;
  }
}
.gallery-types__content__item__blurb a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.gallery-types__content__item__blurb a:hover {
  border-bottom-color: inherit;
}
.gallery-types__content .fade-leave-active {
  -webkit-transition: none;
  transition: none;
  display: none;
}
.gallery-types__content .fade-enter-active {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.gallery-types__content .fade-enter,
.gallery-types__content .fade-leave-to {
  opacity: 0;
}
.gallery-types__content .fade-enter-to {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.gallery-types__content__item__icon picture {
  display: block;
  width: 75px !important;
  opacity: 1 !important;
  margin: 0 !important;
  max-width: 75px;
}
@media screen and (min-width: 1024px) {
  .gallery-types__content__item__icon picture {
    width: 85px !important;
    max-width: 85px;
  }
}

.seo-templates .showcase {
  margin: 0 auto;
  width: 90%;
  padding-top: 0;
}
.seo-templates .showcase__collection {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  overflow: hidden;
  min-height: 300px;
  padding-top: 76px;
}
@media screen and (min-width: 1024px) {
  .seo-templates .showcase__collection {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .seo-templates .showcase__collection {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.seo-templates .showcase__collection-templates {
  grid-column: 1/-1;
  margin-bottom: 64px;
}
@media screen and (min-width: 1024px) {
  .seo-templates .showcase__collection {
    grid-column-gap: 4.5%;
  }
  .seo-templates .showcase__collection-templates {
    margin-bottom: 80px;
    grid-column: span 3;
  }
}
@media screen and (min-width: 1440px) {
  .seo-templates .showcase__collection {
    margin-bottom: 104px;
  }
  .seo-templates .showcase__collection-templates {
    grid-column: span 4;
  }
}

.seo-templates .showcase__collection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  overflow: auto;
  min-height: 300px;
  margin-right: -11%;
  padding-right: 30px;
  padding-top: 50px;
  scroll-behavior: smooth;
}
.seo-templates .showcase__collection-templates {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 250px;
  flex: 0 0 250px;
  margin-right: 15px;
}
@media screen and (min-width: 1024px) {
  .seo-templates .showcase__collection-templates {
    margin-top: 64px;
  }
}
@media screen and (min-width: 1024px) {
  .seo-templates .showcase__collection {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    overflow: hidden;
    grid-column-gap: 4.5%;
    margin-right: 0;
    padding-right: 0;
    padding-top: 76px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .seo-templates .showcase__collection {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .seo-templates .showcase__collection {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
@media screen and (min-width: 1024px) {
  .seo-templates .showcase__collection-templates {
    margin-bottom: 80px;
    grid-column: span 3;
    grid-row: unset;
  }
}
@media screen and (min-width: 1440px) {
  .seo-templates .showcase__collection {
    margin-bottom: 104px;
  }
  .seo-templates .showcase__collection-templates {
    grid-column: span 4;
  }
}
.seo-templates .showcase__collection__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (min-width: 1024px) {
  .seo-templates .showcase__collection__navigation {
    display: none;
  }
}
.seo-templates .showcase__collection__navigation + .showcase__details:empty {
  padding-top: 2em;
}
.seo-templates .showcase__collection__navigation > span {
  width: 37px;
  height: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.seo-templates .showcase__collection__navigation > span:hover {
  background: #191919;
}
.seo-templates .showcase__collection__navigation > span svg {
  width: 16px;
  height: 16px;
}
.seo-templates .showcase__collection__navigation__prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.theme[data-v-43fae5f5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.theme__label[data-v-43fae5f5] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  -ms-flex-negative: 2;
  flex-shrink: 2;
  color: #fff;
  margin: 28px 0;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 1024px) {
  .theme__label[data-v-43fae5f5] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .theme__label[data-v-43fae5f5] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.theme__label .theme__title[data-v-43fae5f5] {
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
  font-size: 16px;
  text-transform: capitalize;
}
@media screen and (min-width: 1024px) {
  .theme__label .theme__title[data-v-43fae5f5] {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 1.4;
    font-weight: 400;
    text-transform: none;
    font-size: 28px;
  }
}
.theme__label-explore__cta[data-v-43fae5f5],
.theme__label-preview__cta[data-v-43fae5f5] {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 300;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .theme__label-explore__cta[data-v-43fae5f5],
  .theme__label-preview__cta[data-v-43fae5f5] {
    font-size: 22px;
  }
}
.theme__label-explore[data-v-43fae5f5] {
  grid-column: 3/-1;
  text-align: right;
}
.theme__label-explore__cta[data-v-43fae5f5] {
  -webkit-transition: background-color 0.35s ease-in-out,
    color 0.35s ease-in-out;
  transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
  background-color: transparent;
  border-radius: 999px;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 25px;
  white-space: nowrap;
  font-size: 21px;
  height: 60px;
  height: 30px;
  border: 1px solid #fff;
  text-decoration: none;
  font-size: 14px;
}
.theme__label-explore__cta svg[data-v-43fae5f5] {
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 20px;
  width: auto;
  margin-left: 35px;
}
.theme__label-explore__cta[data-v-43fae5f5]:hover {
  background-color: #fff;
  color: #000;
}
.theme__label-explore__cta:hover svg[data-v-43fae5f5] {
  -webkit-transform: translateX(12px);
  transform: translateX(12px);
}
@media screen and (min-width: 1024px) {
  .theme__label-explore__cta[data-v-43fae5f5] {
    font-size: 22px;
    height: 40px;
  }
}
.theme__label-preview[data-v-43fae5f5] {
  grid-column: 1/-1;
  grid-row: 2;
}
.theme__label-preview__cta[data-v-43fae5f5] {
  color: #fff;
  text-decoration: underline;
  opacity: 0.4;
}
.theme__label-preview__cta[data-v-43fae5f5]:hover {
  opacity: 1;
}
@media screen and (min-width: 1440px) {
  .theme__label .theme__title[data-v-43fae5f5] {
    grid-column: 1/7;
  }
  .theme__label-explore[data-v-43fae5f5] {
    grid-column: 7/-1;
  }
}
.theme__link[data-v-43fae5f5] {
  text-decoration: none;
  color: #fff;
}
.theme__link .theme__info[data-v-43fae5f5] {
  display: none;
  width: 100%;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .theme__link .theme__info[data-v-43fae5f5] {
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid #fff;
    padding: 32px;
    height: 102%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    overflow-y: auto;
  }
  .theme__link .theme__info .theme__title[data-v-43fae5f5] {
    font-size: 24px;
    text-transform: capitalize;
    grid-column: 1/3;
  }
  .theme__link .theme__info-description[data-v-43fae5f5] {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    margin-top: 30px !important;
  }
}
@media screen and (min-width: 1440px) {
  .theme__link .theme__info[data-v-43fae5f5] {
    min-height: 85%;
  }
}
.theme__link:hover .theme__info[data-v-43fae5f5] {
  visibility: visible;
  opacity: 1;
}
.theme__screens[data-v-43fae5f5] {
  -ms-flex-negative: 0.5;
  flex-shrink: 0.5;
  position: relative;
  min-height: 155px;
}
.theme__screens--browser[data-v-43fae5f5] {
  width: 100%;
}
.theme__screens--browser-frame[data-v-43fae5f5] {
  width: 96.24%;
  position: relative;
}
.theme__screens--browser-image[data-v-43fae5f5] {
  width: 71.3%;
  left: 12.2%;
  top: 5.5%;
  position: absolute;
}
.theme__screens--phone-frame[data-v-43fae5f5] {
  width: 23.81%;
  bottom: -3%;
  right: 0;
  position: absolute;
  z-index: 2;
}
.theme__screens--phone-image[data-v-43fae5f5] {
  width: 21.4%;
  right: 1.2%;
  bottom: -1.1%;
  position: absolute;
  border-radius: 1vw;
  padding-top: 3%;
  background: #ebebeb;
  overflow: hidden;
  line-height: 0;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .theme__screens--phone-image[data-v-43fae5f5] {
    border-radius: 0.5vw;
  }
}

h2,
.seo-template p,
p.theme__label-explore,
p.theme__label-preview {
  margin: 0;
}

.seo-templates__features {
  background: #191919;
  padding-top: 40px;
}
@media screen and (min-width: 1024px) {
  .seo-templates__features {
    padding-bottom: 30px;
  }
}
.seo-templates__features__inner > .kt-inside-inner-col {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .seo-templates__features__inner > .kt-inside-inner-col {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .seo-templates__features__inner > .kt-inside-inner-col {
    max-width: 1240px;
  }
}
.seo-templates__features__title {
  font-size: 40px;
  letter-spacing: normal;
  line-height: 1.25;
  font-weight: 300;
  text-transform: none;
  font-size: 30px;
  margin-bottom: 65px;
}
@media screen and (max-width: 767px) {
  .seo-templates__features__title {
    display: none;
  }
}
.seo-templates__features__list > .kt-inside-inner-col {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
}
@media screen and (min-width: 1024px) {
  .seo-templates__features__list > .kt-inside-inner-col {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .seo-templates__features__list > .kt-inside-inner-col {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.seo-templates__features-item {
  grid-column: 1/-1;
  margin-bottom: 40px;
}
@media screen and (min-width: 767px) {
  .seo-templates__features-item {
    grid-column: span 2;
  }
}
@media screen and (min-width: 1440px) {
  .seo-templates__features-item {
    grid-column: span 4;
  }
}
.seo-templates__features-item__image img {
  max-width: 296px;
  height: 230px;
}
.seo-templates__features-item__title {
  font-size: 40px;
  letter-spacing: normal;
  line-height: 1.25;
  font-weight: 300;
  text-transform: none;
  font-size: 28px;
  margin: 30px 0 15px;
}
@media screen and (min-width: 1024px) {
  .seo-templates__features-item__title {
    margin-top: 74px;
  }
}
.seo-templates__features-item__blurb {
  font-size: 22px;
  letter-spacing: normal;
  line-height: 1.36;
  font-weight: 300;
  text-transform: none;
  max-width: 350px;
}

.seo-templates .cta-text {
  background: #000;
  color: #fff;
  padding: 40px 0;
}
@media screen and (min-width: 1024px) {
  .seo-templates .cta-text {
    padding: 100px 0;
  }
}
.seo-templates .cta-text__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.seo-templates .cta-text__title {
  font-size: 30px;
}
@media screen and (min-width: 1024px) {
  .seo-templates .cta-text__title {
    font-size: 60px;
  }
}
.seo-templates .cta-text__button {
  margin: 38px 0 auto;
}
@media screen and (min-width: 1024px) {
  .seo-templates .cta-text__button {
    margin-top: 56px;
  }
}
.seo-templates .cta-yellow-button .kt-button {
  color: #000 !important;
  background-color: #fff00b !important;
  padding: 13px 25px !important;
  font-size: 21px !important;
}
.seo-templates .cta-yellow-button .kt-button:hover {
  background-color: #fff !important;
}

.has-arrow a::after,
.has-arrow-reverse a::after {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='black' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 20px;
  width: 20px;
  margin-left: 30px;
  margin-right: 10px;
  margin-top: 6px;
}

.has-arrow-reverse a::after {
  margin-top: 0px;
}

.has-arrow-reverse a::after {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='white' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.has-arrow-reverse a:hover::after {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='black' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.has-arrow a:hover::after,
.has-arrow-reverse a:hover::after,
.has-arrow.btn-black a:hover::after {
  -webkit-transform: translateX(12px);
  transform: translateX(12px);
}

.has-arrow-reverse.white a {
  color: #fff !important;
}

.has-arrow-reverse.white a:hover {
  color: #000 !important;
}

.has-arrow.white-hover a:hover::after {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='white' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.section-professions .has-arrow.white-hover a:hover::after {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='black' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

/* black button */
.has-arrow.btn-black a::after {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='white' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 20px;
  width: 20px;
  margin-left: 30px;
  margin-right: 10px;
  margin-top: 6px;
}
.has-arrow.btn-black a:hover::after {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='black' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.page-id-17585 .has-arrow-reverse a::after {
  margin-left: 10px;
  margin-right: 0;
}

.sticky-cta__text {
  margin: 0 0 5px;
  text-align: center;
  color: #000;
}
@media screen and (min-width: 1024px) {
  .sticky-cta__text {
    margin: 0 0px 0 0;
    text-align: left;
  }
}
.sticky-cta__title {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 300;
  margin-top: 5px;
  line-height: 1;
  font-weight: 500;
  margin: 4px 0 0 0;
}
.sticky-cta__body,
.sticky-cta__title {
  letter-spacing: normal;
  text-transform: none;
}
.sticky-cta__body {
  font-size: 15px;
  line-height: 1.67;
  font-weight: 300;
  font-weight: 400;
  margin: 0;
}

.sticky-cta .sticky-cta__cta a {
  color: #fff !important;
  background-color: #000 !important;
  font-size: 15px !important;
  padding: 8px 25px !important;
}
.sticky-cta .sticky-cta__cta a:hover {
  background-color: #fff !important;
  color: #000 !important;
}

/* Online Portfolio Website: Solutions */

.index-header {
  width: 100%;
  padding: 25px 0 0;
  background-color: #000;
  color: #fff;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .index-header {
    padding-top: 120px;
  }
}
.index-header .grid-container {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .index-header .grid-container {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .index-header .grid-container {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .index-header .grid-container {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .index-header .grid-container {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.index-header__half {
  grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
  .index-header__half {
    grid-column: span 3;
  }
}
@media screen and (min-width: 1440px) {
  .index-header__half {
    grid-column: span 6;
  }
}
.index-header__title {
  font-weight: 300;
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .index-header__title {
    font-size: 50px;
    line-height: 60px;
    margin-top: 10px;
    margin-bottom: 0;
    grid-column: span 3;
  }
}
@media screen and (min-width: 1440px) {
  .index-header__title {
    padding-right: 85.03289px;
  }
}
.index-header__breadcrumbs {
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.3px;
  margin-bottom: 16px;
}
.index-header__breadcrumbs a {
  color: #fff;
  text-decoration: none;
}
.index-header__breadcrumbs a:hover {
  color: #fff00b;
}
.index-header__breadcrumbs span {
  display: inline-block;
  margin: 0 6px;
}
@media screen and (min-width: 1024px) {
  .index-header__breadcrumbs {
    margin-bottom: 0;
  }
}
.index-header__info {
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
}
@media screen and (min-width: 1024px) {
  .index-header__info {
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.36;
    font-weight: 300;
    text-transform: none;
  }
}
.index-header__image {
  height: 150px;
  margin-top: 60px;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .index-header__image {
    height: 290px;
    margin-top: 100px;
  }
}
.index-header__image__picture {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  height: 100%;
  /* width: auto; */
  min-width: 88vw;
  -o-object-fit: cover;
  object-fit: cover;
}

.seo-index__content {
  background: #f3efea;
  color: #000;
}
.seo-index__content
  .seo-index__top-description
  .kt-row-layout-inner
  > .kt-row-column-wrap {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  padding: 50px 0;
}
@media screen and (min-width: 1024px) {
  .seo-index__content
    .seo-index__top-description
    .kt-row-layout-inner
    > .kt-row-column-wrap {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .seo-index__content
    .seo-index__top-description
    .kt-row-layout-inner
    > .kt-row-column-wrap {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .seo-index__content
    .seo-index__top-description
    .kt-row-layout-inner
    > .kt-row-column-wrap {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .seo-index__content
    .seo-index__top-description
    .kt-row-layout-inner
    > .kt-row-column-wrap {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
@media screen and (min-width: 1024px) {
  .seo-index__content
    .seo-index__top-description
    .kt-row-layout-inner
    > .kt-row-column-wrap {
    padding: 100px 0;
  }
}
.seo-index__content .seo-index__top-description .title-content__inner {
  grid-column: 1/-1;
  width: auto;
}
@media screen and (min-width: 1024px) {
  .seo-index__content .seo-index__top-description .title-content__inner {
    grid-column: 2/6;
    text-align: center;
  }
}
@media screen and (min-width: 1440px) {
  .seo-index__content .seo-index__top-description .title-content__inner {
    grid-column: 3/11;
  }
}
.seo-index__content .seo-index__top-description .title-content__title {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 15px;
}
@media screen and (min-width: 1024px) {
  .seo-index__content .seo-index__top-description .title-content__title {
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 20px;
  }
}
.seo-index__content .seo-index__top-description .title-content__title b {
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .seo-index__content .seo-index__top-description .title-content__title b {
    display: block;
  }
}
.seo-index__content .seo-index__top-description .title-content__body {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 1024px) {
  .seo-index__content .seo-index__top-description .title-content__body {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
  }
}

.solutions-tabs {
  font-weight: 300;
}
@media (min-width: 1025px) {
  .solutions-tabs {
    border-top: 80px solid #ece3d8;
  }
  /* .solutions-tabs .wp-block-kadence-tabs {
        margin-top: -80px;
    } */
}
.solutions-tabs h2 {
  font-size: 26px;
  line-height: 1.3;
}
.solutions-tabs p {
  font-size: 18px;
  line-height: 1.5;
  margin: 20px 0 0 0;
}

.solutions-tabs .kt-tab-title-active {
  font-weight: 700;
  border-bottom: 4px solid #000;
}

.solutions-tabs .kt-tabs-title-list {
  background: #ece3d8;
  position: relative;
}

.solutions-tabs .kt-tabs-title-list::before {
  content: "";
  display: block;
  background-color: #ece3d8;
  position: absolute;
  right: 100%;
  top: 0;
  height: 100%;
  width: 100vw;
}

.solutions-tabs .kt-tabs-title-list::after {
  content: "";
  display: block;
  background-color: #ece3d8;
  position: absolute;
  left: 100%;
  top: 0;
  height: 100%;
  width: 100vw;
}

@media (max-width: 1024px) {
  .solutions-tabs .kt-title-text {
    padding-left: 20px;
  }
}

.main-wrapper.video .post-thumbnail {
  display: none;
}
.single .main-wrapper.video .entry-header .content {
  width: 100%;
}

.seo-index__numbers > .kt-row-layout-inner > .kt-row-column-wrap {
  position: relative;
  color: #fff;
  text-align: center;
  padding: 60px 0 30px;
}
@media screen and (min-width: 1440px) {
  .seo-index__numbers > .kt-row-layout-inner > .kt-row-column-wrap {
    padding-bottom: 60px;
  }
}
.seo-index__numbers .title-content__inner > .kt-inside-inner-col {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .seo-index__numbers .title-content__inner > .kt-inside-inner-col {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .seo-index__numbers .title-content__inner > .kt-inside-inner-col {
    max-width: 1240px;
  }
}
.seo-index__numbers .title-content__image {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.seo-index__numbers ul {
  list-style-type: none;
}
.seo-index__numbers .title-content__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.seo-index__numbers .title-content__body,
.seo-index__numbers .title-content__title {
  position: relative;
  z-index: 1;
}
.seo-index__numbers .title-content__title {
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.4;
  font-weight: 400;
  margin: 0 0 30px 0;
  text-transform: none;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .seo-index__numbers .title-content__title {
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
  }
}
@media screen and (min-width: 1024px) {
  .seo-index__numbers .title-content__body .kt-inside-inner-col > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    list-style-type: none;
  }
}
.seo-index__numbers .title-content__body .kt-inside-inner-col > ul li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  font-size: 20px;
  font-weight: 500;
  color: #fff !important;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .seo-index__numbers .title-content__body .kt-inside-inner-col > ul li {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .seo-index__numbers .title-content__body .kt-inside-inner-col > ul li strong {
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
    display: block;
  }
}
.portfolios {
  padding: 40px 0;
}
@media screen and (min-width: 1024px) {
  .portfolios {
    padding: 100px 0;
  }
}
.portfolios__inner {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .portfolios__inner {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .portfolios__inner {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .portfolios__inner {
    text-align: center;
  }
}
.portfolios__title {
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .portfolios__title {
    font-size: 26px;
    font-weight: 300;
    margin: 0 auto 30px;
    max-width: 500px;
  }
}
.portfolios__body {
  font-size: 13px;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 1024px) {
  .portfolios__body {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
  }
}
.portfolios__cta {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .portfolios__cta {
    position: relative;
    z-index: 2;
    margin-top: -30px;
  }
}
@media screen and (max-width: 400px) {
  .portfolios__cta.btn--has-arrow svg {
    margin-left: 10px;
  }
}
.portfolios .portfolios__spotlights {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  padding-top: 65px;
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .portfolios .portfolios__spotlights {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .portfolios .portfolios__spotlights {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.portfolios .portfolios__spotlights__item {
  grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
  .portfolios .portfolios__spotlights__item {
    grid-column: span 3;
  }
}
@media screen and (min-width: 1440px) {
  .portfolios .portfolios__spotlights__item {
    grid-column: span 4;
  }
}
@media screen and (max-width: 1023px) {
  .portfolios .portfolios__spotlights__item:last-child {
    display: none;
  }
  .portfolios .portfolios__spotlights__item:nth-child(2) {
    position: relative;
    max-height: 50vw;
    overflow: hidden;
  }
  .portfolios .portfolios__spotlights__item:nth-child(2) .spotlight-item,
  .portfolios
    .portfolios__spotlights__item:nth-child(2)
    .spotlight-item-thumbs {
    margin-bottom: 0 !important;
  }
  .portfolios .portfolios__spotlights__item:nth-child(2):after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50%;
    width: 100%;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(243, 239, 234, 0)),
      color-stop(43.75%, #f3efea),
      color-stop(66.67%, #f3efea)
    );
    background: linear-gradient(
      180deg,
      rgba(243, 239, 234, 0),
      #f3efea 43.75%,
      #f3efea 66.67%
    );
  }
}
.portfolios .spotlight-item-header__name {
  color: #000;
}
.portfolios .spotlight-item {
  margin-bottom: 80px;
}

.seo-index__inner .cta-text {
  background: #060607;
  color: #fff;
  padding: 0;
  overflow: hidden;
}
.seo-index__inner .cta-text__inner > .kt-inside-inner-col {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .seo-index__inner .cta-text__inner > .kt-inside-inner-col {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .seo-index__inner .cta-text__inner > .kt-inside-inner-col {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .seo-index__inner .cta-text__inner > .kt-inside-inner-col {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .seo-index__inner .cta-text__inner > .kt-inside-inner-col {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.seo-index__inner .cta-text__image__container {
  grid-column: 1/-1;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .seo-index__inner .cta-text__image__container {
    grid-column: 4/-1;
  }
}
@media screen and (min-width: 1440px) {
  .seo-index__inner .cta-text__image__container {
    grid-column: 7/-1;
  }
}
.seo-index__inner .cta-text__image__container .cta-text__image {
  width: 130%;
  margin-left: -15%;
}
@media screen and (min-width: 1024px) {
  .seo-index__inner .cta-text__image__container .cta-text__image {
    width: 100%;
    margin: 0;
  }
}
.seo-index__inner .cta-text__text {
  grid-column: 1/-1;
  padding: 40px 0 25px;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .seo-index__inner .cta-text__text {
    grid-column: 1/4;
  }
}
@media screen and (min-width: 1440px) {
  .seo-index__inner .cta-text__text {
    grid-column: 1/5;
    padding: 50px 0;
  }
}
.seo-index__inner .cta-text__title {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 18px;
}
@media screen and (min-width: 1024px) {
  .seo-index__inner .cta-text__title {
    margin-bottom: 12px;
  }
}
.seo-index__inner .cta-text__blurb {
  font-size: 13px;
  font-weight: 400;
  line-height: 25px;
  margin: 20px 0;
  color: #d8d8d8;
}
.seo-index__inner .cta-text__blurb p {
  margin: 0;
}
.seo-index__inner .cta-text__blurb p a {
  color: #fff;
}
@media screen and (min-width: 1440px) {
  .seo-index__inner .cta-text__blurb {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
    color: hsla(0, 0%, 100%, 0.7);
    margin: 10px 0 35px;
  }
}
.seo-index__inner .cta-text__cta {
  min-width: 270px;
  width: auto;
  font-size: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
}

.page-template-page-portfolio .navbar,
.page-template-page-portfolio .top-footer {
  display: none;
}

.page-template-page-portfolio .site-main {
  padding-top: 0 !important;
}

.page-template-page-portfolio .site-footer {
  padding: 75px 0 0;
}

.page-template-page-portfolio .hero-title {
  max-width: 710px;
  margin: 0 auto;
}

.page-template-page-portfolio .hero-blurb {
  max-width: 500px;
  margin: 50px auto !important;
}

.page-template-page-portfolio .hero-blurb.left {
  margin: 25px 0 !important;
}

.white-btn a {
  padding: 12px 25px !important;
}

.seo-index__faq {
  padding: 40px 0;
  color: #fff;
  background: #000;
}
@media screen and (min-width: 1024px) {
  .seo-index__faq {
    padding: 100px 0;
  }
}
.seo-index__faq__inner {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}
@media screen and (min-width: 1024px) {
  .seo-index__faq__inner {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .seo-index__faq__inner {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .seo-index__faq__inner {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .seo-index__faq__inner {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.seo-index__faq__half {
  grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
  .seo-index__faq__half {
    grid-column: span 4;
  }
}
@media screen and (min-width: 1440px) {
  .seo-index__faq__half {
    grid-column: span 6;
  }
}
.seo-index__faq__text {
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .seo-index__faq__text {
    max-width: 345px;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 1;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1440px) {
  .seo-index__faq__text {
    grid-column: 1/6;
  }
}
@media screen and (min-width: 1024px) {
  .seo-index__faq__links {
    grid-column-start: 4;
    grid-column-end: -1;
    grid-row-start: 1;
    grid-row-end: 4;
  }
}
@media screen and (min-width: 1440px) {
  .seo-index__faq__links {
    grid-column: 6/-1;
  }
}
.seo-index__faq__title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .seo-index__faq__title {
    font-size: 26px;
    margin-bottom: 10px;
  }
}
.seo-index__faq__blurb {
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
  font-size: 13px;
  font-weight: 400;
  color: hsla(0, 0%, 100%, 0.7);
}
@media screen and (min-width: 1024px) {
  .seo-index__faq__blurb {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 10px;
  }
}
.seo-index__faq__cta {
  grid-column: 1/-1;
  grid-row: 3;
  margin-top: 30px;
}
@media screen and (min-width: 1024px) {
  .seo-index__faq__cta {
    grid-column-start: 1;
    grid-row-start: 2;
  }
}
@media screen and (min-width: 1440px) {
  .seo-index__faq__cta {
    grid-column: 1/6;
  }
}
.seo-index__faq__cta__button {
  font-size: 18px;
  font-weight: 500;
}
.seo-index__faq__cta__button.btn--primary.btn--light {
  background-color: #fff00b;
}
.seo-index__faq__cta__button.btn--primary.btn--light:hover {
  background-color: #fff;
}
.seo-index__faq__arrow {
  margin: 4px 20px 0 0;
  width: 12px;
  height: 12px;
}
@media screen and (min-width: 1024px) {
  .seo-index__faq__arrow {
    width: 20px;
    height: 20px;
  }
}
.seo-index__faq__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 5px;
}
.seo-index__faq__item__link {
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
  font-size: 13px;
  color: hsla(0, 0%, 100%, 0.7);
  text-decoration: none;
  margin-left: 5px;
}
@media screen and (min-width: 1024px) {
  .seo-index__faq__item__link {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 10px;
  }
}
.seo-index__faq__item__link:hover {
  color: #fff;
  text-decoration: underline;
}

.page-template-page-portfolio .content-image-column {
  background-color: #000;
  padding: 60px 0;
  position: relative;
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .page-template-page-portfolio .content-image-column {
    padding: 120px;
  }
}

.page-template-page-portfolio .content-image-column__title {
  letter-spacing: -0.5px;
  margin-bottom: 35px;
  font-size: 34px;
  line-height: 1.3;
}

@media screen and (min-width: 1440px) {
  .page-template-page-portfolio .content-image-column__content {
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 0;
    text-align: left;
    line-height: 32px;
    margin-bottom: 80px;
  }
}

@media screen and (min-width: 1024px) {
  .page-template-page-portfolio .content-image-column__title {
    font-weight: 300;
    font-size: 46px;
    line-height: 60px;
    margin-bottom: 50px;
  }
}

.lp-quote {
  background: #191919;
  color: #fff;
  text-align: center;
  padding: 75px 0;
}

@media screen and (min-width: 1024px) {
  .lp-quote {
    padding: 100px 0;
  }
}

.lp-quote__body {
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  max-width: 86.93%;
  margin: 0 auto;
  font-weight: 300;
  font-size: 27px;
}

@media screen and (min-width: 1024px) {
  .lp-quote__body {
    max-width: unset;
    font-size: 37px;
  }
}

.lp-quote__body p {
  margin: 0;
}

.lp-quote__author {
  margin: 30px auto 60px;
  font-size: 12px;
}

@media screen and (min-width: 1024px) {
  .lp-quote__author {
    font-size: 18px;
  }
}

.plan-features {
  color: #fff;
  background: #000;
}

.plan-features__item--image {
  display: block;
  margin: 0 auto 30px;
  width: 100%;
}

@media screen and (min-width: 1440px) {
  .plan-features__item--image {
    height: 55%;
    margin-bottom: 50px;
    max-width: unset;
  }
}

.plan-features__item--headline {
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  margin-bottom: 10px;
}

@media screen and (min-width: 1024px) {
  .plan-features__item--headline {
    font-size: 24px;
  }
}

.plan-features__item--body {
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
}

.kt-btns_60c06a-3c {
  margin-left: 15px;
}

.yellow-btn {
  background-color: #fff00b !important;
  color: #000 !important;
}

.yellow-btn:hover {
  background-color: #fff00b !important;
}

@media screen and (min-width: 1024px) {
  body.online-portfolio-web-template .layout,
  .page-id-13700 .layout {
    /* padding-top: 124px; */
    padding-top: 99px;
  }
  body.online-portfolio-web-template.logged-in.admin-bar .layout,
  .page-id-13700 .layout {
    padding-top: 99px;
  }
}
@media screen and (max-width: 1024px) {
  body.online-portfolio-web-template .layout,
  .page-id-13700 .layout {
    /* padding-top: 99px; */
    padding-top: 29px;
  }
  body.online-portfolio-web-template.logged-in.admin-bar .layout,
  .page-id-13700 .layout {
    padding-top: 29px;
  }
}

.professions-cta {
  padding: 40px 0 0;
}

.professions-cta__inner .kt-inside-inner-col {
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  color: #fff;
}

.professions-cta__heading {
  font-size: 22px;
  line-height: 1.2;
  margin: 0 auto 50px;
}

@media screen and (min-width: 1024px) {
  .professions-cta__heading {
    font-size: 29px;
    line-height: 40px;
    max-width: 863px;
    text-align: center;
  }
}

.professions-cta__image__heading {
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.5;
  font-weight: 300;
  text-transform: none;
  text-transform: capitalize;
  margin-bottom: 8px;
}

:root {
  --ticker-width: 0;
}
@-webkit-keyframes scroll {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(var(--ticker-width), 0, 0);
    transform: translate3d(var(--ticker-width), 0, 0);
  }
}
@keyframes scroll {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(var(--ticker-width), 0, 0);
    transform: translate3d(var(--ticker-width), 0, 0);
  }
}

.ticker {
  font-size: 26px;
  letter-spacing: 1px;
  line-height: 1.31;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: -15px;
  font-size: 17px;
  background-color: #fff;
  height: 50px;
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 1024px) {
  .ticker {
    height: 90px;
  }
}

.ticker__inner {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
}

.ticker__inner,
.ticker__inner ul {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
}

@media screen and (min-width: 1024px) {
  .ticker__inner,
  .ticker__inner ul {
    height: 90px;
  }
}

.ticker__inner ul {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  list-style: none;

  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}

.ticker__inner ul li {
  white-space: nowrap;
}

.ticker__inner ul li p {
  display: inline;
}

.ticker__inner ul li::after {
  content: "•";
  display: inline-block;
  margin: 0px 25px;
}

.ticker__inner {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.ticker--is-animating .ticker__inner {
  -webkit-animation-name: scroll;
  animation-name: scroll;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 30000ms;
  animation-duration: 30000ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.browser {
  position: relative;
  width: auto;
  font-size: 0;
}
.browser svg {
  width: 100%;
  height: auto;
}
.browser__thumb-container {
  position: absolute;
  top: 15%;
  width: 100%;
  padding: 0 8% 0 5%;
  overflow: hidden;
  font-size: 0;
}
.browser__thumb {
  position: relative;
  height: 0;
  padding-bottom: 53.88%;
}
.browser__thumb-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
}

.bottom .kt-inside-inner-col {
  height: 0;
  padding-bottom: 36%;
  position: relative;
}

.bottom__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.bottom__image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.bottom__text {
  color: #fff;
  font-size: 12px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;
  font-weight: 300;
  text-transform: initial;
  margin: 0;
}

/* Magazine Header */

@media (min-width: 376px) {
  .sm\:aspect-landscape {
    position: relative;
  }
  .sm\:aspect-landscape:before {
    content: "";
    width: 1px;
    height: 0;
    float: left;
    padding-bottom: 70.82%;
    margin-left: -1px;
  }
  .sm\:aspect-landscape:after {
    content: "";
    display: table;
    clear: both;
  }
  .sm\:aspect-square {
    position: relative;
  }
  .sm\:aspect-square:before {
    content: "";
    width: 1px;
    height: 0;
    float: left;
    padding-bottom: 100%;
    margin-left: -1px;
  }
  .sm\:aspect-square:after {
    content: "";
    display: table;
    clear: both;
  }
  .sm\:aspect-pano {
    position: relative;
  }
  .sm\:aspect-pano:before {
    content: "";
    width: 1px;
    height: 0;
    float: left;
    padding-bottom: 55.08%;
    margin-left: -1px;
  }
  .sm\:aspect-pano:after {
    content: "";
    display: table;
    clear: both;
  }
  .sm\:aspect-article-header {
    position: relative;
  }
  .sm\:aspect-article-header:before {
    content: "";
    width: 1px;
    height: 0;
    float: left;
    padding-bottom: 114.6%;
    margin-left: -1px;
  }
  .sm\:aspect-article-header:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media (min-width: 376px) {
  .sm\:text-left {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .md\:aspect-landscape {
    position: relative;
  }
  .md\:aspect-landscape:before {
    content: "";
    width: 1px;
    height: 0;
    float: left;
    padding-bottom: 70.82%;
    margin-left: -1px;
  }
  .md\:aspect-landscape:after {
    content: "";
    display: table;
    clear: both;
  }
  .md\:aspect-square {
    position: relative;
  }
  .md\:aspect-square:before {
    content: "";
    width: 1px;
    height: 0;
    float: left;
    padding-bottom: 100%;
    margin-left: -1px;
  }
  .md\:aspect-square:after {
    content: "";
    display: table;
    clear: both;
  }
  .md\:aspect-pano {
    position: relative;
  }
  .md\:aspect-pano:before {
    content: "";
    width: 1px;
    height: 0;
    float: left;
    padding-bottom: 55.08%;
    margin-left: -1px;
  }
  .md\:aspect-pano:after {
    content: "";
    display: table;
    clear: both;
  }
  .md\:aspect-article-header {
    position: relative;
  }
  .md\:aspect-article-header:before {
    content: "";
    width: 1px;
    height: 0;
    float: left;
    padding-bottom: 114.6%;
    margin-left: -1px;
  }
  .md\:aspect-article-header:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media (min-width: 1024px) {
  .md\:bg-cream {
    --bg-opacity: 1;
    background-color: #f5f1ed;
    background-color: rgba(245, 241, 237, var(--bg-opacity));
  }
  .md\:bg-transparent {
    background-color: transparent;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:justify-around {
    justify-content: space-around;
  }
  .md\:flex-grow {
    flex-grow: 1;
  }
  .md\:h-7 {
    height: 56px;
  }
  .md\:h-15 {
    height: 120px;
  }
  .md\:h-21 {
    height: 168px;
  }
  .md\:text-22 {
    font-size: 22px;
  }
  .md\:text-38 {
    font-size: 38px;
  }
  .md\:text-52 {
    font-size: 52px;
  }
  .md\:leading-48 {
    line-height: 48px;
  }
  .md\:m-0 {
    margin: 0;
  }
  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:mt-0 {
    margin-top: 0;
  }
  .md\:mb-0 {
    margin-bottom: 0;
  }
  .md\:mb-1 {
    margin-bottom: 8px;
  }
  .md\:mt-2 {
    margin-top: 16px;
  }
  .md\:mb-2 {
    margin-bottom: 16px;
  }
  .md\:mt-3 {
    margin-top: 24px;
  }
  .md\:mt-4 {
    margin-top: 32px;
  }
  .md\:mb-4 {
    margin-bottom: 32px;
  }
  .md\:mt-5 {
    margin-top: 40px;
  }
  .md\:mt-6 {
    margin-top: 48px;
  }
  .md\:mt-7 {
    margin-top: 56px;
  }
  .md\:mt-8 {
    margin-top: 64px;
  }
  .md\:mb-8 {
    margin-bottom: 64px;
  }
  .md\:mt-9 {
    margin-top: 72px;
  }
  .md\:mb-9 {
    margin-bottom: 72px;
  }
  .md\:mt-10 {
    margin-top: 80px;
  }
  .md\:mr-11 {
    margin-right: 88px;
  }
  .md\:mt-12 {
    margin-top: 96px;
  }
  .md\:mt-13 {
    margin-top: 104px;
  }
  .md\:max-w-none {
    max-width: none;
  }
  .md\:max-w-screen-md {
    max-width: 90.04%;
  }
  .md\:p-0 {
    padding: 0;
  }
  .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md\:px-4 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .md\:pt-0 {
    padding-top: 0;
  }
  .md\:pr-0 {
    padding-right: 0;
  }
  .md\:pb-1 {
    padding-bottom: 8px;
  }
  .md\:pt-2 {
    padding-top: 16px;
  }
  .md\:pr-4 {
    padding-right: 32px;
  }
  .md\:pb-4 {
    padding-bottom: 32px;
  }
  .md\:pt-8 {
    padding-top: 64px;
  }
  .md\:pb-8 {
    padding-bottom: 64px;
  }
  .md\:pt-10 {
    padding-top: 80px;
  }
  .md\:pb-10 {
    padding-bottom: 80px;
  }
  .md\:pt-12 {
    padding-top: 96px;
  }
  .md\:pr-12 {
    padding-right: 96px;
  }
  .md\:pb-12 {
    padding-bottom: 96px;
  }
  .md\:pt-16 {
    padding-top: 128px;
  }
  .md\:fixed {
    position: fixed;
  }
  .md\:absolute {
    position: absolute;
  }
  .md\:sticky {
    position: -webkit-sticky;
    position: sticky;
  }
  .md\:bottom-0 {
    bottom: 0;
  }
  .md\:right-28 {
    right: 28%;
  }
  .md\:left-28 {
    left: 28%;
  }
  .md\:top-auto {
    top: auto;
  }
  .md\:text-center {
    text-align: center;
  }
  .md\:w-5 {
    width: 40px;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .md\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .md\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .md\:col-start-2 {
    grid-column-start: 2;
  }
  .md\:col-start-4 {
    grid-column-start: 4;
  }
  .md\:col-start-5 {
    grid-column-start: 5;
  }
  .md\:col-end-6 {
    grid-column-end: 6;
  }
  .md\:col-end-7 {
    grid-column-end: 7;
  }
  .md\:row-span-3 {
    grid-row: span 3 / span 3;
  }
  .md\:row-start-1 {
    grid-row-start: 1;
  }
  .md\:row-end-4 {
    grid-row-end: 4;
  }
}

@media (min-width: 1440px) {
  .lg\:border-black {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }
  .lg\:border-none {
    border-style: none;
  }
  .lg\:border-b {
    border-bottom-width: 1px;
  }
  .lg\:block {
    display: block;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:grid {
    display: grid;
  }
  .lg\:flex-col {
    flex-direction: column;
  }
  .lg\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:justify-center {
    justify-content: center;
  }
  .lg\:h-px {
    height: 1px;
  }
  .lg\:text-38 {
    font-size: 38px;
  }
  .lg\:leading-48 {
    line-height: 48px;
  }
  .lg\:m-0 {
    margin: 0;
  }
  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:mt-0 {
    margin-top: 0;
  }
  .lg\:mb-0 {
    margin-bottom: 0;
  }
  .lg\:mt-2 {
    margin-top: 16px;
  }
  .lg\:mb-3 {
    margin-bottom: 24px;
  }
  .lg\:mt-4 {
    margin-top: 32px;
  }
  .lg\:mt-5 {
    margin-top: 40px;
  }
  .lg\:mb-5 {
    margin-bottom: 40px;
  }
  .lg\:mt-6 {
    margin-top: 48px;
  }
  .lg\:mb-6 {
    margin-bottom: 48px;
  }
  .lg\:mt-9 {
    margin-top: 72px;
  }
  .lg\:mt-12 {
    margin-top: 96px;
  }
  .lg\:mt-17 {
    margin-top: 136px;
  }
  .lg\:max-w-screen-lg {
    max-width: 1240px;
  }
  .lg\:p-3 {
    padding: 24px;
  }
  .lg\:px-0 {
    padding-left: 0;
  }
  .lg\:pr-0,
  .lg\:px-0 {
    padding-right: 0;
  }
  .lg\:pb-0 {
    padding-bottom: 0;
  }
  .lg\:pt-10 {
    padding-top: 80px;
  }
  .lg\:pb-11 {
    padding-bottom: 88px;
  }
  .lg\:pt-12 {
    padding-top: 96px;
  }
  .lg\:pb-12 {
    padding-bottom: 96px;
  }
  .lg\:sticky {
    position: -webkit-sticky;
    position: sticky;
  }
  .lg\:top-10 {
    top: 10%;
  }
  .lg\:top-15 {
    top: 15%;
  }
  .lg\:bottom-100 {
    bottom: 100%;
  }
  .lg\:top-auto {
    top: auto;
  }
  .lg\:right-auto {
    right: auto;
  }
  .lg\:bottom-auto {
    bottom: auto;
  }
  .lg\:left-auto {
    left: auto;
  }
  .lg\:w-25 {
    width: 200px;
  }
  .lg\:w-1\/3 {
    width: 33.333333%;
  }
  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .lg\:col-span-9 {
    grid-column: span 9 / span 9;
  }
  .lg\:col-span-10 {
    grid-column: span 10 / span 10;
  }
  .lg\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .lg\:col-start-1 {
    grid-column-start: 1;
  }
  .lg\:col-start-2 {
    grid-column-start: 2;
  }
  .lg\:col-start-3 {
    grid-column-start: 3;
  }
  .lg\:col-start-4 {
    grid-column-start: 4;
  }
  .lg\:col-start-8 {
    grid-column-start: 8;
  }
  .lg\:col-start-9 {
    grid-column-start: 9;
  }
  .lg\:col-end-8 {
    grid-column-end: 8;
  }
  .lg\:col-end-10 {
    grid-column-end: 10;
  }
  .lg\:col-end-13 {
    grid-column-end: 13;
  }
}

.article-header .breadcrumbs {
  margin-top: 0 !important;
}
h1.entry-title {
  font-family: Untitled Sans, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Helvetica Neue, Arial,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 30px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -0.5px;
}
@media screen and (min-width: 1024px) {
  h1.entry-title {
    font-size: 44px;
    line-height: 56px;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 1440px) {
  h1.entry-title {
    font-size: 52px;
    line-height: 64px;
  }
}

.text-subhead {
  font-family: Tiempos, Georgia, Cambria, Times New Roman, Times, serif;
}
.text-subhead {
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 0.5px;
}
@media screen and (min-width: 1440px) {
  .text-subhead {
    font-size: 24px;
    line-height: 34px;
  }
}
.article-header {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}
@media (max-width: 1024px) {
  .article-header {
    padding-top: 48px;
  }
}
@media screen and (min-width: 1024px) {
  .article-header__meta {
    margin-bottom: 56px;
  }
}

.text-article-author-date,
.text-article-author-name {
  font-family: Untitled Sans, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Helvetica Neue, Arial,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.text-article-author-name {
  margin-right: 15px;
}
.text-article-author-date {
  opacity: 0.5;
}
@media screen and (min-width: 1024px) {
  .article-header__image {
    width: 370px;
    left: -28px;
  }
}
@media screen and (min-width: 1440px) {
  .article-header__image {
    width: 500px;
    left: 0;
  }
}
figure.aspect-article-header {
  position: relative;
  margin: 0 !important;
}
.aspect-article-header:before {
  content: "";
  width: 1px;
  height: 0;
  float: left;
  padding-bottom: 114.6%;
  margin-left: -1px;
}
.aspect-article-header:after {
  content: "";
  display: table;
  clear: both;
}

.image-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.feature-asset__headline {
  font-size: 40px;
  letter-spacing: normal;
  line-height: 1.25;
  font-weight: 300;
  text-transform: none;
  margin-bottom: 24px;
}

@media screen and (min-width: 1024px) {
  .feature-asset__headline {
    font-size: 50px;
    letter-spacing: normal;
    line-height: 1.2;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 30px;
    max-width: 420px;
  }
}

.feature-asset__headline span,
.feature-asset__headline__pre {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  opacity: 0.5;
  margin-bottom: 10px;
}

.feature-asset__blurb {
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
}

.social-share a {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  color: #fff;
}
.social-share a + a {
  margin-left: 15px;
}
.social-share a:hover {
  color: #fff00b;
}

.hero_podcast-episode {
  overflow: visible;
  position: relative;
  padding: 67px 0 0;
  background-color: #1a1919;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .hero_podcast-episode {
    padding: 91px 0 0;
    background-size: cover;
    background-position: 50%;
  }
}
.hero_podcast-episode:after {
  content: "";
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  height: 125px;
  background: url("../png/podcast-wave.7bfafb21.png") repeat-x;
  background-size: auto 100%;
  z-index: 2;
}
.hero_podcast-episode .hero__inner {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .hero_podcast-episode .hero__inner {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .hero_podcast-episode .hero__inner {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .hero_podcast-episode .hero__inner {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .hero_podcast-episode .hero__inner {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.hero_podcast-episode .hero_podcast__image {
  grid-column: 1/-1;
  grid-row: 2;
  text-align: center;
  position: relative;
  height: 50vh;
  margin-left: -7.6%;
  margin-right: -7.6%;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .hero_podcast-episode .hero_podcast__image {
    grid-column: 4/-1;
    grid-row: 1;
    height: auto;
    margin: 0;
  }
}
@media screen and (min-width: 1440px) {
  .hero_podcast-episode .hero_podcast__image {
    grid-column: 7/-1;
    padding: 0 22px;
  }
}
@media screen and (max-width: 1023px) {
  .hero_podcast-episode .hero_podcast__image__picture {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
.hero_podcast-episode .hero__breadcrumbs {
  padding: 47px 0 32px;
  font-size: 14px;
  line-height: 24px;
}
@media screen and (min-width: 1024px) {
  .hero_podcast-episode .hero__breadcrumbs {
    padding: 72px 0 50px;
  }
}
.hero_podcast-episode .hero__breadcrumbs a {
  color: #fff;
  text-decoration: none;
}
.hero_podcast-episode .hero__breadcrumbs span {
  display: inline-block;
  margin: 0 8px;
}
.hero_podcast-episode .hero__text {
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.5;
  font-weight: 300;
  text-transform: none;
  grid-column: 1/-1;
  grid-row: 1;
  position: relative;
  z-index: 3;
  margin: 0;
  padding-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .hero_podcast-episode .hero__text {
    grid-column: span 3;
    padding-bottom: 175px;
  }
}
@media screen and (min-width: 1440px) {
  .hero_podcast-episode .hero__text {
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.36;
    font-weight: 300;
    text-transform: none;
    grid-column: span 5;
  }
}
.hero_podcast-episode .hero__text .hero__title {
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  margin-bottom: 10px;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 300;
}
@media screen and (min-width: 1440px) {
  .hero_podcast-episode .hero__text .hero__title {
    font-size: 50px;
    letter-spacing: normal;
    line-height: 1.2;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 27px;
    text-transform: uppercase;
    font-weight: 400;
  }
}
.hero_podcast-episode .hero__text .hero__episode-blurb {
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  font-weight: 300;
  margin-bottom: 15px;
}
@media screen and (min-width: 1024px) {
  .hero_podcast-episode .hero__text .hero__episode-blurb {
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
    font-size: 22px;
  }
}
@media screen and (min-width: 1440px) {
  .hero_podcast-episode .hero__text .hero__episode-blurb {
    font-size: 30px;
    margin-bottom: 39px;
  }
}
.hero_podcast-episode .hero__text .hero__episode-meta {
  margin-bottom: 28px;
  opacity: 0.5;
}
@media screen and (min-width: 1440px) {
  .hero_podcast-episode .hero__text .hero__episode-meta {
    margin-bottom: 53px;
  }
}
.hero_podcast-episode .hero__text .hero__episode-meta__item {
  display: inline-block;
}
.hero_podcast-episode .hero__cta {
  margin-top: 0;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
}
@media screen and (min-width: 1440px) {
  .hero_podcast-episode .hero__cta {
    height: 60px;
    font-size: 21px;
    font-weight: 300;
  }
}
.hero_podcast-episode .hero__cta svg {
  height: 15px;
  margin-left: 15px;
}
@media screen and (min-width: 1440px) {
  .hero_podcast-episode .hero__cta svg {
    height: 20px;
    margin-left: 35px;
  }
}

.titled-text-section {
  background-color: #fff;
  padding: 60px 0;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .titled-text-section {
    padding: 120px 0;
  }
}

.titled-text-section__block {
  margin-bottom: 30px;
}
.titled-text-section__block p {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 30px;
  margin-top: 0;
}
.titled-text-section__block a {
  color: #000;
}
.titled-text-section__block a u {
  text-decoration: none;
}
.titled-text-section__block ul li {
  margin-bottom: 1.5em;
  padding-left: 25px;
  position: relative;
}
.titled-text-section__block ul li:before {
  content: "";
  background-color: #000;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  top: 9px;
}
.titled-text-section__block ul li p {
  display: inline;
}
.titled-text-section__block ul li ul {
  margin-top: 1.5em;
}
.titled-text-section__block ol {
  counter-reset: sections;
}
.titled-text-section__block ol li {
  margin-bottom: 1.5em;
  position: relative;
}
.titled-text-section__block ol li p {
  text-indent: 2ch;
}
.titled-text-section__block ol li:before {
  counter-increment: sections;
  content: counter(sections) ".";
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  position: absolute;
}

.single-podcast {
  color: #fff;
  background-color: #000 !important;
}
.single-podcast .section-title {
  font-size: 40px;
  letter-spacing: normal;
  line-height: 1.25;
  font-weight: 300;
  text-transform: none;
  font-size: 22px;
  margin-bottom: 60px;
}
@media screen and (min-width: 1440px) {
  .single-podcast .section-title {
    font-size: 50px;
    letter-spacing: normal;
    line-height: 1.2;
    font-weight: 300;
    text-transform: none;
  }
}
.single-podcast .text-section,
.single-podcast .titled-text-section {
  color: #fff;
  background-color: #000;
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .podcast-episode__top summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1024px) {
  .podcast-episode__top summary {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1440px) {
  .podcast-episode__top summary {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.podcast-episode__top .text-section {
  max-width: 762px;
  margin: 0 auto;
  padding: 35px 0;
  background-color: #000;
  color: #fff;
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .podcast-episode__top .text-section {
    grid-column: 2/6;
  }
  .podcast-episode__top .text-section__inner {
    max-width: unset;
  }
}
@media screen and (min-width: 1024px) {
  .podcast-episode__top .text-section {
    padding: 70px 0;
  }
}
@media screen and (min-width: 1440px) {
  .podcast-episode__top .text-section {
    padding: 120px 0;
  }
}
.podcast-episode__top .text-section p {
  font-size: 22px;
  letter-spacing: normal;
  line-height: 1.36;
  font-weight: 300;
  text-transform: none;
}
.podcast-episode__top .text-section ul {
  list-style: none;
}
.podcast-episode__top .text-section li {
  position: relative;
  color: #fff;
  font-size: 22px;
  letter-spacing: normal;
  line-height: 1.36;
  font-weight: 300;
  text-transform: none;
  font-weight: 500;
  margin-bottom: 1.5em;
}
/* .podcast-episode__top .text-section li p {
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.36;
    font-weight: 300;
    text-transform: none;
    font-weight: 500;
    margin-bottom: 0
} */
.podcast-episode__top .text-section li:before {
  content: "";
  background-color: #fff;
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
  width: 6px;
  height: 6px;
}
.podcast-episode__watch {
  max-width: 1336px;
  margin: 0 auto;
  padding: 60px 20px;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .podcast-episode__watch {
    padding: 0 50px 60px;
  }
}
.podcast-episode__watch__iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.podcast-episode__watch__iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.podcast-episode__listen {
  padding: 60px 20px;
  margin: 0 auto;
  max-width: 1027px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .podcast-episode__listen {
    padding: 60px 50px;
  }
}
.podcast-episode__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #fff;
  border-right: none;
  border-left: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .podcast-episode__actions {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.podcast-episode__actions .cta-text {
  width: 100%;
  border-bottom: 1px solid #fff;
  max-width: 750px;
  background-color: #000;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .podcast-episode__actions .cta-text:first-child {
    border-right: 1px solid #fff;
    border-bottom: none;
  }
}
.podcast-episode__share {
  max-width: 86.93%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 auto;
  padding: 50px 0 40px;
}
@media screen and (min-width: 1024px) {
  .podcast-episode__share {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .podcast-episode__share {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .podcast-episode__share {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1024px) {
  .podcast-episode__share {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1440px) {
  .podcast-episode__share {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .podcast-episode__share .podcast-episode__share__title {
    grid-column: 2/4;
  }
  .podcast-episode__share .social-share {
    grid-column: 4/6;
    text-align: right;
  }
}
@media screen and (min-width: 1024px) {
  .podcast-episode__share {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1440px) {
  .podcast-episode__share {
    max-width: 460px;
    padding: 120px 0;
  }
}
.podcast-episode__share__title {
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .podcast-episode__share__title {
    font-size: 26px;
    margin-bottom: 0;
  }
}
.podcast-episode__transcript {
  padding-bottom: 60px;
}
.podcast-episode__transcript .text-section {
  padding: 0;
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .podcast-episode__transcript .text-section__inner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1024px) {
  .podcast-episode__transcript .text-section__inner {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1440px) {
  .podcast-episode__transcript .text-section__inner {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .podcast-episode__transcript .text-section__inner .text-section__block {
    grid-column: 2/6;
  }
}
@media screen and (min-width: 1440px) {
  .podcast-episode__transcript .text-section__inner {
    max-width: 1027px;
    margin: 0 auto;
  }
}
.podcast-episode__transcript .text-section__block {
  position: relative;
  overflow: hidden;
  max-height: 215px;
}
.podcast-episode__transcript .text-section__block:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 90%;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(transparent),
    to(#000)
  );
  background-image: linear-gradient(transparent, #000);
}
.podcast-episode__transcript .text-section-expanded .text-section__block {
  max-height: unset;
}
.podcast-episode__transcript
  .text-section-expanded
  .text-section__block:before {
  display: none;
}
.podcast-episode__transcript
  .text-section-expanded
  + .podcast-episode__transcript-collapse
  .podcast-episode__transcript-collapse__inner {
  border-top: 1px solid #fff;
}
.podcast-episode__transcript .text-section__block p {
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.5;
  font-weight: 300;
  text-transform: none;
  color: hsla(0, 0%, 100%, 0.7);
}
.podcast-episode__transcript-collapse {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .podcast-episode__transcript-collapse {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .podcast-episode__transcript-collapse {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .podcast-episode__transcript-collapse {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1024px) {
  .podcast-episode__transcript-collapse {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1440px) {
  .podcast-episode__transcript-collapse {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .podcast-episode__transcript-collapse__inner {
    grid-column: 2/6;
  }
}
.podcast-episode__transcript-collapse__inner {
  padding-top: 20px;
}
@media screen and (min-width: 1440px) {
  .podcast-episode__transcript-collapse {
    max-width: 1027px;
  }
}
.podcast-episode__transcript-collapse__btn {
  cursor: pointer;
}
.podcast-episode__transcript-collapse__btn:hover {
  opacity: 0.7;
}

.inline-icons {
  display: none;
}

.social-links__block a {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  color: #fff;
}
.social-links__block a + a {
  margin-left: 5px;
}
.social-links__block a:hover {
  opacity: 0.75;
}
.social-links__block a svg {
  width: 22px;
  height: 16px;
}
.social-links__block a.social-facebook svg {
  width: 12px;
}

.podcast-episode__author-bio {
  max-width: 86.93%;
  width: 100%;
  margin: 0 auto 100px;
}
@media screen and (min-width: 1024px) {
  .podcast-episode__author-bio {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .podcast-episode__author-bio {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .podcast-episode__author-bio {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1024px) {
  .podcast-episode__author-bio {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1440px) {
  .podcast-episode__author-bio {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .podcast-episode__author-bio .titled-text-section__inner {
    grid-column: 2/6;
  }
}
@media screen and (min-width: 1440px) {
  .podcast-episode__author-bio {
    padding: 0;
  }
}
.podcast-episode__author-bio .titled-text-section__block {
  margin-bottom: 0;
}
.podcast-episode__author-bio .titled-text-section__block p {
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.5;
  font-weight: 300;
  text-transform: none;
  color: hsla(0, 0%, 100%, 0.7);
}
.podcast-episode__author-bio .author-bio__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 790px;
  margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .podcast-episode__author-bio .author-bio__header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 auto 30px;
  }
}
.podcast-episode__author-bio .author-bio__header .titled-text-section__title {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .podcast-episode__author-bio .author-bio__header .titled-text-section__title {
    margin-bottom: 0;
  }
}

.hero_podcast-all {
  overflow: visible;
  position: relative;
  padding: 67px 0 0;
  background-repeat: no-repeat;
  background-color: #1a1919;
  background-size: 100% auto;
  background-position: 100% 100%;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .hero_podcast-all {
    background: none !important;
  }
}
@media screen and (min-width: 768px) {
  .hero_podcast-all {
    padding: 163px 0 180px;
    background-size: auto calc(100% - 66px);
    background-position: 50vw 66px;
  }
}
@media screen and (min-width: 1024px) {
  .hero_podcast-all {
    padding: 163px 0 188px;
    background-size: auto calc(100% - 91px);
    background-position: 50vw 91px;
  }
}
@media screen and (min-width: 1440px) {
  .hero_podcast-all {
    padding: 163px 0 280px;
  }
}
.hero_podcast-all:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 115px;
  background: url("../png/podcast-wave.7bfafb21.png") repeat-x;
  background-size: auto 100%;
}
@media screen and (min-width: 1024px) {
  .hero_podcast-all:after {
    bottom: 5px;
  }
}
@media screen and (min-width: 1440px) {
  .hero_podcast-all:after {
    height: 219px;
    bottom: 30px;
  }
}
.hero_podcast-all .hero__inner {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .hero_podcast-all .hero__inner {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .hero_podcast-all .hero__inner {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .hero_podcast-all .hero__inner {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .hero_podcast-all .hero__inner {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.hero_podcast-all .hero__image {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .hero_podcast-all .hero__image {
    display: none;
  }
}
.hero_podcast-all .hero__text {
  grid-column: 1/-1;
  z-index: 2;
  margin: 0;
  padding-bottom: 60px;
}
@media screen and (min-width: 1024px) {
  .hero_podcast-all .hero__text {
    grid-column: span 3;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1440px) {
  .hero_podcast-all .hero__text {
    grid-column: span 7;
  }
}
.hero_podcast-all .hero__text .hero__breadcrumbs {
  padding: 47px 0 32px;
  font-size: 14px;
  line-height: 24px;
}
@media screen and (min-width: 1024px) {
  .hero_podcast-all .hero__text .hero__breadcrumbs {
    padding: 0 0 50px;
  }
}
.hero_podcast-all .hero__text .hero__breadcrumbs a {
  color: #fff;
  text-decoration: none;
}
.hero_podcast-all .hero__text .hero__breadcrumbs span {
  display: inline-block;
  margin: 0 8px;
}
.hero_podcast-all .hero__text .hero__title {
  font-size: 40px;
  letter-spacing: normal;
  line-height: 1.25;
  text-transform: none;
  font-size: 26px;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .hero_podcast-all .hero__text .hero__title {
    margin-bottom: 35px;
    font-size: 38px;
  }
}
@media screen and (min-width: 1440px) {
  .hero_podcast-all .hero__text .hero__title {
    margin-bottom: 60px;
    font-size: 48px;
  }
}
.hero_podcast-all .hero__text .hero__title__logo {
  display: inline-block;
  height: 20px;
}
@media screen and (min-width: 1024px) {
  .hero_podcast-all .hero__text .hero__title__logo {
    height: 29px;
  }
}
@media screen and (min-width: 1440px) {
  .hero_podcast-all .hero__text .hero__title__logo {
    height: 36px;
  }
}
.hero_podcast-all .hero__text .hero__podcast-blurb {
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  font-weight: 300;
  max-width: 450px;
}
@media screen and (min-width: 1024px) {
  .hero_podcast-all .hero__text .hero__podcast-blurb {
    font-size: 22px;
  }
}
@media screen and (min-width: 1440px) {
  .hero_podcast-all .hero__text .hero__podcast-blurb {
    font-size: 30px;
  }
}

.post-type-archive-podcast {
  color: #fff;
  background-color: #000 !important;
}
.podcast-all__content {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .podcast-all__content {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .podcast-all__content {
    max-width: 1240px;
  }
}
.podcast-all__inner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
}
@media screen and (min-width: 1024px) {
  .podcast-all__inner {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .podcast-all__inner {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.post-type-archive-podcast .titled-text-section {
  color: #fff;
  background-color: #000;
}
.post-type-archive-podcast .titled-text-section__inner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  max-width: unset;
}
@media screen and (min-width: 1024px) {
  .post-type-archive-podcast .titled-text-section__inner {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .post-type-archive-podcast .titled-text-section__inner {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.post-type-archive-podcast .titled-text-section__title {
  font-size: 30px;
  line-height: 38px;
  font-weight: 400;
  grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
  .post-type-archive-podcast .titled-text-section__title {
    grid-column: 1/4;
  }
}
@media screen and (min-width: 1440px) {
  .post-type-archive-podcast .titled-text-section__title {
    grid-column: 1/6;
  }
}
.post-type-archive-podcast .titled-text-section__block {
  grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
  .post-type-archive-podcast .titled-text-section__block {
    grid-column: 4/-1;
  }
}
@media screen and (min-width: 1440px) {
  .post-type-archive-podcast .titled-text-section__block {
    grid-column: 7/-1;
  }
}
.podcast-all__aside {
  grid-column: 1/-1;
  margin-bottom: 20px;
}
@media screen and (min-width: 1440px) {
  .podcast-all__aside {
    grid-column: span 3;
  }
}
.post-type-archive-podcast .podcasts-all__filter__item {
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.5;
  font-weight: 300;
  text-transform: none;
  line-height: 2.3;
  font-weight: 400;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  max-width: 38.26224vw;
  margin-bottom: 10px;
  display: block;
}
@media screen and (min-width: 1024px) {
  .post-type-archive-podcast .podcasts-all__filter__item {
    font-size: 24px;
    display: inline-block;
    min-width: 13.0558vw;
    margin-right: 2.34104vw;
    argin-bottom: 30px;
    padding: 0;
    border-bottom-color: transparent;
  }
}
@media screen and (min-width: 1440px) {
  .post-type-archive-podcast .podcasts-all__filter__item {
    display: block;
    position: relative;
    font-size: 24px;
    min-width: 200px;
    left: -40px;
    margin-bottom: 10px;
    margin-right: 0;
    padding: 0;
    border-bottom-color: transparent;
  }
}
.post-type-archive-podcast .podcasts-all__filter__item--active {
  font-weight: 500;
  border-bottom-color: #fff00b;
  color: #fff;
}
.podcast-all__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
  .podcast-all__list {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .podcast-all__list {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
    grid-column: span 9;
    grid-column-gap: 2.6%;
    margin-right: -40px;
  }
}
.podcast-all__list .podcast-episodes__list__item {
  grid-column: 1/-1;
  margin-bottom: 80px;
}
@media screen and (min-width: 1024px) {
  .podcast-all__list .podcast-episodes__list__item {
    grid-column: span 3;
  }
}
@media screen and (min-width: 1440px) {
  .podcast-all__list .podcast-episodes__list__item {
    grid-column: span 6;
  }
}
.podcast-episodes__list__item__thumbnail {
  margin-bottom: 20px;
}
.podcast-episodes__list__item__thumbnail .g-image {
  max-width: 100%;
  height: auto;
}
.podcast-episodes__list__item__title {
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  font-size: 26px;
}
.podcast-episodes__list__item__title a {
  text-decoration: none;
  color: #fff;
}
.podcast-episodes__list__item__title a:hover {
  opacity: 0.8;
}
.podcast-episodes__list__item__description,
.podcast-episodes__list__item__subtitle {
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.5;
  font-weight: 300;
  text-transform: none;
}
.podcast-episodes__list__item__description {
  margin: 10px 0 30px;
  color: hsla(0, 0%, 100%, 0.7);
}
@media screen and (min-width: 1024px) {
  .podcast-episodes__list__item__description {
    margin-bottom: 50px;
  }
}
.podcast-episodes__list__item__description div,
.podcast-episodes__list__item__description p:not(:first-child),
.podcast-episodes__list__item__description ul {
  display: none;
}
.podcast-episodes__list__item__description p:first-child {
  max-height: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.podcast-episodes__list__item__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.podcast-episodes__list__item__actions .btn + .btn {
  margin-left: 20px;
}
.podcast-all__meet-the-host {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  background: #191919;
  max-width: unset;
  margin-left: -7.6%;
  margin-right: -7.6%;
  width: auto;
}
@media screen and (min-width: 1024px) {
  .podcast-all__meet-the-host {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .podcast-all__meet-the-host {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
@media screen and (min-width: 1024px) {
  .podcast-all__meet-the-host {
    margin: 0;
    padding: 65px 50px;
  }
}
.podcast-all__meet-the-host .feature-asset__content {
  grid-column: 1/-1;
  grid-row: 2;
  width: auto;
}
@media screen and (max-width: 1023px) {
  .podcast-all__meet-the-host .feature-asset__content {
    padding: 0 7.6% 55px;
  }
}
@media screen and (min-width: 1024px) {
  .podcast-all__meet-the-host .feature-asset__content {
    grid-column: 1/4;
    grid-row: 1;
  }
}
@media screen and (min-width: 1440px) {
  .podcast-all__meet-the-host .feature-asset__content {
    grid-column: 1/7;
  }
}
.podcast-all__meet-the-host .feature-asset__headline {
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.5;
  font-weight: 300;
  text-transform: none;
  font-weight: 700;
  margin: 0;
  color: hsla(0, 0%, 100%, 0.7);
}
.podcast-all__meet-the-host .feature-asset__headline span {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: none;
  color: #fff;
  opacity: 1;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .podcast-all__meet-the-host .feature-asset__headline span {
    margin-bottom: 48px;
  }
}
.podcast-all__meet-the-host .feature-asset__blurb {
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.5;
  font-weight: 300;
  text-transform: none;
  color: hsla(0, 0%, 100%, 0.7);
  margin: 0;
}
.podcast-all__meet-the-host .feature-asset__image {
  grid-column: 1/-1;
  text-align: center;
  width: auto;
  margin: 0 0 40px;
}
@media screen and (min-width: 1024px) {
  .podcast-all__meet-the-host .feature-asset__image {
    grid-column: 4/-1;
    margin: 0;
  }
}
@media screen and (min-width: 1440px) {
  .podcast-all__meet-the-host .feature-asset__image {
    grid-column: 7/-1;
  }
}
@media screen and (min-width: 1024px) {
  .podcast-all__meet-the-host .feature-asset__image img {
    max-width: 350px;
  }
}
.post-type-archive-podcast .podcast-episode__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #fff;
  border-right: none;
  border-left: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .post-type-archive-podcast .podcast-episode__actions {
    margin-top: 46px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.post-type-archive-podcast .podcast-episode__actions .cta-text {
  width: 100%;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 1024px) {
  .post-type-archive-podcast .podcast-episode__actions .cta-text:first-child {
    border-right: 1px solid #fff;
    border-bottom: none;
  }
}
.post-type-archive-podcast .podcast-episode__actions .cta-text__title,
.post-type-archive-podcast
  .podcast-episode__actions
  .subscribe-box__title
  strong {
  font-weight: 400;
}

.post-type-archive-podcast .subscribe-box,
.single-podcast .subscribe-box {
  padding: 40px 0;
  background: #000;
  color: #fff;
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .post-type-archive-podcast .subscribe-box,
  .single-podcast .subscribe-box {
    max-width: 750px;
    padding: 45px 5%;
  }
}
.post-type-archive-podcast .subscribe-box .email-form,
.single-podcast .subscribe-box .email-form {
  position: relative;
}
.post-type-archive-podcast .subscribe-box__inner,
.single-podcast .subscribe-box__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 86.93%;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .post-type-archive-podcast .subscribe-box__inner,
  .single-podcast .subscribe-box__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: unset;
  }
}
.post-type-archive-podcast .subscribe-box__title,
.single-podcast .subscribe-box__title {
  font-size: 22px;
  letter-spacing: normal;
  line-height: 1.36;
  font-weight: 300;
  text-transform: none;
  line-height: 1.2;
  margin-bottom: 0;
  color: #fff;
  font-family: Untitled Sans, Helvetica Neue, Arial, sans-serif;
}
@media screen and (min-width: 1024px) {
  .post-type-archive-podcast .subscribe-box__title,
  .single-podcast .subscribe-box__title {
    font-size: 28px;
    margin-right: 30px;
  }
}
.post-type-archive-podcast .subscribe-box__title strong,
.single-podcast .subscribe-box__title strong {
  font-weight: 400;
}
.post-type-archive-podcast .subscribe-box .email-form,
.single-podcast .subscribe-box .email-form {
  width: 100%;
  max-width: 350px;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .post-type-archive-podcast .subscribe-box .email-form,
  .single-podcast .subscribe-box .email-form {
    max-width: 350px;
    margin-top: 10px;
  }
  .subscribe-box .email-form {
    width: 50%;
  }
  .subscribe-box .email-form-full-width {
    width: 100%;
  }
  .subscribe-box .gform_wrapper {
    width: 100% !important;
  }
  .subscribe-box form,
  .subscribe-box .gform_fields input.medium {
    width: 70% !important;
  }
  .podcast-episode__actions .subscribe-box form,
  .podcast-episode__actions .subscribe-box .gform_fields input.medium {
    width: 85% !important;
  }
  .subscribe-box .gform_body {
    width: 100% !important;
  }
}
.post-type-archive-podcast .subscribe-box .email-form form,
.single-podcast .subscribe-box .email-form form {
  margin-top: 24px;
  padding: 0;
  height: 64px;
  display: flex;
  align-items: center;
  background-color: #000;
}
.subscribe-box__label,
.subscribe-box__label {
  opacity: 0;
  position: absolute;
}
.post-type-archive-podcast .subscribe-box .subscribed-message,
.single-podcast .subscribe-box .subscribed-message {
  width: 100%;
  margin-top: 15px;
  line-height: 1.2;
  font-weight: 300;
  font-size: 22px;
}
@media screen and (min-width: 1024px) {
  .post-type-archive-podcast .subscribe-box .subscribed-message,
  .single-podcast .subscribe-box .subscribed-message {
    font-size: 28px;
  }
}
.post-type-archive-podcast .subscribe-box__form,
.single-podcast .subscribe-box__form {
  position: relative;
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.35);
  margin-top: 10px;
}
.post-type-archive-podcast .subscribe-box__form:focus-within,
.single-podcast .subscribe-box__form:focus-within {
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 1024px) {
  .post-type-archive-podcast .subscribe-box__form,
  .single-podcast .subscribe-box__form {
    margin-top: 0;
  }
}
.post-type-archive-podcast .subscribe-box__form__input,
.single-podcast .subscribe-box__form__input {
  width: calc(100% - 30px);
  height: 55px;
  background: transparent;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  color: #fff;
}
.post-type-archive-podcast .subscribe-box__form input:-webkit-autofill,
.post-type-archive-podcast .subscribe-box__form input:-webkit-autofill:focus,
.post-type-archive-podcast .subscribe-box__form input:-webkit-autofill:hover,
.single-podcast .subscribe-box__form input:-webkit-autofill,
.single-podcast .subscribe-box__form input:-webkit-autofill:focus,
.single-podcast .subscribe-box__form input:-webkit-autofill:hover {
  -webkit-text-fill-color: #fff;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.post-type-archive-podcast .subscribe-box__form button,
.single-podcast .subscribe-box__form button {
  position: absolute;
  right: 0;
  top: 50%;
  line-height: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  background: transparent;
  color: #fff;
  border: none;
  width: 26px;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .post-type-archive-podcast .subscribe-box__form button,
  .single-podcast .subscribe-box__form button {
    width: 52px;
  }
}
.post-type-archive-podcast .subscribe-box__form button svg,
.single-podcast .subscribe-box__form button svg {
  height: 16px;
  width: auto;
}
@media screen and (min-width: 1024px) {
  .post-type-archive-podcast .subscribe-box__form button svg,
  .single-podcast .subscribe-box__form button svg {
    height: 21px;
  }
}

.post-type-archive-podcast .cta-text__blurb,
.single-podcast .cta-text__blurb {
  font-size: 22px;
  letter-spacing: normal;
  line-height: 1.36;
  font-weight: 300;
  text-transform: none;
}

@media screen and (min-width: 1024px) {
  .post-type-archive-podcast .cta-text__blurb,
  .single-podcast .cta-text__blurb {
    font-size: 28px;
  }
}

.post-type-archive-podcast .cta-text__blurb p,
.single-podcast .cta-text__blurb p {
  margin: 0;
}

.post-type-archive-podcast .cta-text__blurb a,
.single-podcast .cta-text__blurb a {
  color: #fff;
}

.post-type-archive-podcast .cta-text__blurb a:hover,
.single-podcast .cta-text__blurb a:hover {
  color: #fff00b;
  text-decoration: none;
}

.header {
  color: #fff;
  padding: 100px 0 50px;
}

@media screen and (min-width: 1024px) {
  .header {
    padding-top: 180px;
    padding-bottom: 80px;
  }
}

@media screen and (min-width: 1440px) {
  .header {
    padding-bottom: 100px;
  }
}

.header__inner {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .header__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.header__eyebrow {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  color: hsla(0, 0%, 100%, 0.5);
  grid-column: 1/-1;
  margin-bottom: 20px;
}
.header__eyebrow:before {
  content: "●";
  color: #fff00b;
  margin-right: 10px;
  font-size: 20px;
  vertical-align: text-bottom;
}
.header__eyebrow_tagline {
  font-size: 15px;
  margin: 20px 0 0;
}
.header__eyebrow_tagline_yellow {
  color: #fff00b;
}
@media screen and (min-width: 1024px) {
  .header__eyebrow_tagline {
    font-size: 18px;
    margin: 20px 0 20px;
  }
}
.header__headline {
  font-size: 40px;
  letter-spacing: normal;
  line-height: 1.25;
  font-weight: 300;
  text-transform: none;
  letter-spacing: -0.5px;
  grid-row: 2;
  margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
  .header__headline {
    grid-column: 1/-1;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1440px) {
  .header__headline {
    font-size: 50px;
    letter-spacing: normal;
    line-height: 1.2;
    font-weight: 300;
    text-transform: none;
  }
}

.pricing__header {
  max-width: 86.93%;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .pricing__header {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .pricing__header {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .pricing__header {
    padding-top: 160px;
  }
}
@media screen and (min-width: 1440px) {
  .pricing__header {
    padding-top: 180px;
  }
}
@media screen and (min-width: 1024px) {
  .pricing__header .header__headline {
    font-size: 70px;
    letter-spacing: normal;
    line-height: 1.11;
    font-weight: 300;
    text-transform: none;
    font-size: 60px;
  }
}
@media screen and (min-width: 1024px) {
  .pricing__header .header__subheadline {
    width: 80%;
  }
}
.pricing__tabs {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
}
@media screen and (min-width: 1024px) {
  .pricing__tabs {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .pricing__tabs {
    max-width: 1240px;
  }
}
.pricing__tabs--active,
.pricing__tabs--inactive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  width: 50%;
  height: 65px;
  margin: 0 7px;
  color: #000;
}
@media screen and (min-width: 1024px) {
  .pricing__tabs--active,
  .pricing__tabs--inactive {
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.36;
    font-weight: 300;
    text-transform: none;
    width: 265px;
    height: 66px;
    margin-right: 20px;
  }
}
.pricing__tabs--active {
  background: #fff;
}
.pricing__tabs--inactive {
  background: #515151;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.pricing__tabs--inactive:hover {
  background: #fff;
  color: #000;
}

.pricing__sticky-cta {
  background: rgba(255, 240, 11, 0.85);
  -webkit-transition: opacity 0.75s ease, -webkit-transform 0.75s ease;
  transition: opacity 0.75s ease, -webkit-transform 0.75s ease;
  transition: transform 0.75s ease, opacity 0.75s ease;
  transition: transform 0.75s ease, opacity 0.75s ease,
    -webkit-transform 0.75s ease;
}

.pricing__sticky-inner {
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 0 0 7px 0 rgb(0 0 0 / 60%);
  box-shadow: 0 0 7px 0 rgb(0 0 0 / 60%);
}

.pricing__sticky-cta .btn--has-arrow:hover {
  background-color: #fff;
  color: #000;
}

.full-bleed__inner {
  width: 100%;
  height: 0;
  padding-bottom: 36%;
  position: relative;
}

.full-bleed__img img {
  /* position: absolute;
    top: 0;
    left: 0; */
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.page-template-page-pricing .kb-advanced-slide-item {
  margin-top: 0;
}

.page-template-page-pricing .site-main {
  padding-top: 0 !important;
}

.testimonial__quote {
  font-size: 40px;
  letter-spacing: normal;
  line-height: 1.25;
  font-weight: 300;
  text-transform: none;
  width: 80%;
  font-size: 26px;
  margin: 60px auto 20px;
  position: relative;
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .testimonial__quote {
    font-size: 30px;
    line-height: 1.33;
    margin: 0 0 30px;
  }
}

@media screen and (min-width: 1440px) {
  .testimonial__quote {
    font-size: 40px;
    line-height: 1.25;
  }
}

.testimonial__cite {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
  margin-left: 10%;
  display: block;
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .testimonial__cite {
    margin-left: 0;
  }
}

.circle-slider .slick-slide {
  margin-top: 0;
}
.circle-slider .kt-blocks-carousel .slick-prev,
.circle-slider .kt-blocks-carousel .slick-next {
  background: #ffffff !important;
  opacity: 1;
  border: none;
  border-radius: 50%;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  right: 25px;
  z-index: 1;
  cursor: pointer;
  text-indent: -1000px;
}
.circle-slider .kt-blocks-carousel .slick-prev:before,
.circle-slider .kt-blocks-carousel .slick-next:before {
  color: #000;
}

.slider-custom-right-arrow {
  overflow: hidden;
}

.slider-no-left-arrow .slick-prev {
  display: none !important;
}

.slider-custom-right-arrow .slick-next {
  border: none !important;
  opacity: 1 !important;
}

.slider-custom-right-arrow .slick-next::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' title='arrow' class='slideshow__arrow'%3E%3Cg stroke='%23fff' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
  border-style: initial !important;
  border-width: initial !important;
  display: initial !important;
  height: initial !important;
  position: initial !important;
  top: initial !important;
  left: initial !important;
  transform: initial !important;
  vertical-align: initial !important;
  width: initial !important;
}

.slider-custom-right-arrow .slick-next:hover::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' title='arrow' class='slideshow__arrow'%3E%3Cg stroke='%23fff00b' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
}

.slider-custom-right-arrow .slick-next:hover::before {
  color: #fff00bd9 !important;
}

.benefits__text__list {
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;
  font-weight: 300;
  text-transform: initial;
  line-height: 1.47;
  list-style: disc;
}
.benefits__text__list li {
  margin: 0 0 23px 20px;
  font-size: 15px;
}

.testimonials__cta-btn a.kt-button {
  -webkit-transition: background-color 350ms ease-in-out,
    color 350ms ease-in-out;
  transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
  background-color: #fff !important;
  border-radius: 999px;
  color: #000 !important;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  font-size: 21px;
  height: 60px;
  padding: 0 25px;
  text-decoration: none;
  max-width: 100%;
}
.testimonials__cta-btn a.kt-button:after {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='%23000' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.testimonials__cta-btn a.kt-button:hover {
  background-color: #fff00b !important;
  color: #000 !important;
}

.comparison-chart--blurb {
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
  /* grid-column: 1/-1; */
  background: #f3f3f3;
  /* margin: -40px 25px 35px; */
  padding: 10px 20px;
}

.comparison-chart[data-v-1d892f19] {
  background: #fff;
  color: #000;
}
@media screen and (max-width: 1024px) {
  .comparison-chart.alignfull-mobile[data-v-1d892f19] {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
  }
}
.comparison-chart--inner[data-v-1d892f19] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  /* padding-top: 100px; */
}
@media screen and (min-width: 1024px) {
  .comparison-chart--inner[data-v-1d892f19] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .comparison-chart--inner[data-v-1d892f19] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
@media (min-width: 1024px) {
  .comparison-chart--inner[data-v-1d892f19] {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .comparison-chart--inner[data-v-1d892f19] {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .comparison-chart--inner[data-v-1d892f19] {
    max-width: 1240px;
  }
}
.comparison-chart--blurb[data-v-1d892f19] {
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
  grid-column: 1/-1;
  background: #f3f3f3;
  margin: -40px 25px 35px;
  padding: 10px 20px;
}
.comparison-chart--blurb[data-v-1d892f19] p {
  margin-bottom: 1em;
}
@media screen and (min-width: 1024px) {
  .comparison-chart--blurb[data-v-1d892f19] {
    margin: -40px 25px 80px;
    text-align: center;
    grid-column: 3/-1;
  }
}
@media screen and (min-width: 1440px) {
  .comparison-chart--blurb[data-v-1d892f19] {
    grid-column: 4/-1;
    padding: 0px 90px;
  }
}
.comparison-chart--blurb[data-v-1d892f19] h2 {
  display: block;
  margin: -10px -20px 10px;
  padding: 10px 20px;
  background: #fff00b;
  font-weight: 400;
  font-size: 125%;
}
.comparison-chart--blurb[data-v-1d892f19] h2 b {
  font-weight: 600;
}
@media screen and (min-width: 1440px) {
  .comparison-chart--blurb[data-v-1d892f19] h2 {
    margin: -17px -120px 10px;
  }
}
.comparison-table[data-v-1d892f19] {
  grid-column: 1/-1;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
@media screen and (min-width: 1024px) {
  .comparison-table[data-v-1d892f19] {
    border-bottom: none;
  }
}
.comparison-table--single[data-v-1d892f19] {
  max-width: 1000px;
}
.comparison-table--single
  .comparison-table--row:nth-child(2)
  .mostPopularEmpty[data-v-1d892f19],
.comparison-table--single .comparison-table--row[data-v-1d892f19]:nth-child(2) {
  border-top: none;
}
.comparison-table--row[data-v-1d892f19] {
  border-top: 1px solid #e2ded9;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  vertical-align: baseline;
}
@media screen and (min-width: 1024px) {
  .comparison-table--row[data-v-1d892f19] {
    display: table-row;
  }
}
.comparison-table--row td[data-v-1d892f19] {
  border-bottom: none;
}
.comparison-table--row[data-v-1d892f19]:first-child {
  border-top: none;
  position: sticky;
  top: 124px;
  background-color: rgb(255 255 255 / 95%);
  z-index: 99999999;
}
/* body.logged-in .comparison-table--row[data-v-1d892f19]:first-child {
    top: 155px;
} */
/* .comparison-table--row[data-v-1d892f19].is-pinned:first-child {
    z-index: 99999999;
    background-color: rgb(255 255 255 / 90%);
} */
.comparison-table--row:last-child .comparison-table--column[data-v-1d892f19] {
  padding-bottom: 100px;
  border-bottom: none;
}
.comparison-table--row-hover[data-v-1d892f19] {
  position: absolute;
  padding: 17px 24px;
  max-width: 300px;
  z-index: 9999;
  background: #fff;
  border: 1px solid #000;
  -webkit-transform: translateX(35%);
  transform: translateX(35%);
  display: none;
}
.comparison-table--column--feature:hover
  .comparison-table--row-hover[data-v-1d892f19] {
  display: block;
}
.comparison-table--column[data-v-1d892f19] {
  border-bottom: none;
  width: 100vw;
  padding: 35px 24px;
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .comparison-table--column[data-v-1d892f19] {
    width: 20%;
    padding: 17px 24px;
    text-align: center;
  }
}
@media screen and (min-width: 1440px) {
  .comparison-table--column[data-v-1d892f19] {
    width: 30%;
    min-width: 200px;
  }
}
.comparison-table--column--feature[data-v-1d892f19] {
  line-height: 25px;
  cursor: pointer;
  width: auto;
}
@media screen and (min-width: 1440px) {
  .comparison-table--column--feature[data-v-1d892f19] {
    min-width: 400px;
  }
}
.comparison-table--column--feature-title[data-v-1d892f19] {
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  padding: 60px 0 30px;
}
.comparison-table--column--feature-blurb[data-v-1d892f19] {
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
}
@media screen and (min-width: 1024px) {
  .comparison-table--column--feature-blurb[data-v-1d892f19] {
    width: 300px;
  }
}
.comparison-table--icon[data-v-1d892f19] {
  max-width: 252px;
}
.comparison-table--icon svg[data-v-1d892f19] {
  color: #000;
}
.comparison-table--plan-name[data-v-1d892f19] {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.63;
  margin-bottom: 5px;
}
.comparison-table--plan-name[data-v-1d892f19].is-pinned {
  margin: 0;
}
.comparison-table--plan-tagline[data-v-1d892f19] {
  font-size: 12px;
  letter-spacing: 0.07em;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
  font-weight: 400;
  letter-spacing: normal;
  transition: all 0.3s ease;
}
.comparison-table--plan-price[data-v-1d892f19] {
  margin-top: 20px;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .comparison-table--plan-price[data-v-1d892f19] {
    margin-top: 20px;
  }
}
.comparison-table--plan-price.no-button[data-v-1d892f19] {
  margin-bottom: 20px;
}
.comparison-table--plan-price-annually[data-v-1d892f19] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .comparison-table--plan-price-annually[data-v-1d892f19] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.comparison-table--plan-price-currency[data-v-1d892f19] {
  font-size: 12px;
  font-weight: 400;
  margin-top: 1px;
  top: 0;
}
.comparison-table--plan-price-amount[data-v-1d892f19] {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 0.8;
  margin: 0 5px;
}
.comparison-table--plan-price-frequency[data-v-1d892f19] {
  display: block;
  -ms-flex-item-align: end;
  align-self: flex-end;
  font-weight: 300;
}
.comparison-table--plan-price-frequency--long[data-v-1d892f19] {
  margin: -2px 0 8px;
  color: #6f6c7b;
}
.comparison-table--plan-price-monthly[data-v-1d892f19] {
  font-size: 12px;
  letter-spacing: 0.07em;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
  font-weight: 400;
  letter-spacing: normal;
  opacity: 0.5;
  display: block;
  margin-top: 5px;
  transition: all 0.3s ease;
}
.comparison-table--plan-price-monthly--old[data-v-1d892f19] {
  text-decoration: line-through;
}
.comparison-table--plan-price-old[data-v-1d892f19] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  /* margin-right: -51px; */
  vertical-align: -1px;
  font-weight: 300;
  color: #6f6c7b;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .comparison-table--plan-price-old[data-v-1d892f19] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.comparison-table--plan-price-old
  .comparison-table--plan-price-amount[data-v-1d892f19] {
  font-size: 20px;
  position: relative;
}
.comparison-table--plan-price-old
  .comparison-table--plan-price-amount[data-v-1d892f19]:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -7px;
  width: 135%;
  height: 2px;
  background: #6f6c7b;
  -webkit-transform: rotate(145deg);
  transform: rotate(145deg);
}
.comparison-table--plan-cta[data-v-1d892f19] {
  margin: 25px 0 40px;
  border: none;
  min-width: 200px;
  font-weight: 400;
  transition: all 0.3s ease;
}
.mostPopular[data-v-1d892f19] {
  position: relative;
  border-top: 1px solid #383838;
  border-bottom: none;
}
.mostPopular--single[data-v-1d892f19] {
  min-width: 400px;
}
.mostPopular__banner[data-v-1d892f19] {
  background: #fff00b;
  color: #000;
  font-weight: 500;
  text-align: center;
  line-height: 25px;
  padding: 3px;
  position: absolute;
  width: 100%;
  top: -32px;
  left: 0;
}
/* .comparison-table--row[data-v-1d892f19].is-pinned .mostPopular__banner[data-v-1d892f19] {
    top: 0px;
} */
.mostPopularEmpty[data-v-1d892f19] {
  background: #191919;
  border-top: 1px solid #383838;
  border-bottom: none;
}
.mostPopular .comparison-table--icon[data-v-1d892f19] {
  font-weight: 500;
}
.mostPopular .comparison-table--plan-price-annually[data-v-1d892f19],
.mostPopular .comparison-table--plan-price-frequency--long[data-v-1d892f19],
.mostPopular svg.comparison-table--icon[data-v-1d892f19],
.mostPopular svg.mobile-comparison__table--icon {
  color: #fff00b;
}
.mostPopular .comparison-table--plan-price-old[data-v-1d892f19] {
  color: #fff;
}
.mostPopular
  .comparison-table--plan-price-old
  .comparison-table--plan-price-amount[data-v-1d892f19]:after {
  background-color: #fff;
}
.desktop-feature[data-v-1d892f19] {
  display: none;
}
@media (min-width: 1024px) {
  .desktop-feature[data-v-1d892f19] {
    display: table-row;
  }
}
.mobile-comparison-plan[data-v-1d892f19] {
  display: block;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .mobile-comparison-plan[data-v-1d892f19] {
    display: none;
  }
}
.mobile-comparison-plan__list[data-v-1d892f19] {
  padding-bottom: 70px;
  grid-column: 1/-1;
  position: relative;
}
.mobile-comparison-plan__list.collapse[data-v-1d892f19] {
  height: 250px;
  overflow: hidden;
}
.mobile-comparison-plan__list.collapse[data-v-1d892f19]:before {
  content: "";
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(hsla(0, 0%, 100%, 0)),
    to(#fff)
  );
  background-image: linear-gradient(hsla(0, 0%, 100%, 0), #fff);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  pointer-events: none;
  z-index: 1;
}
.mobile-comparison-plan--blurb[data-v-1d892f19] {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
  grid-column: 1/-1;
  background: #f3f3f3;
  padding: 10px 20px;
}
@media screen and (min-width: 1024px) {
  .mobile-comparison-plan--blurb[data-v-1d892f19] {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .mobile-comparison-plan--blurb[data-v-1d892f19] {
    max-width: 1240px;
  }
}
.mobile-comparison-plan-feature-title[data-v-1d892f19] {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 40px;
  padding-bottom: 7px;
}
.mobile-comparison-plan-features[data-v-1d892f19] {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid #e2ded9;
  line-height: 25px;
  padding: 12px 0;
}
.mobile-comparison__table--icon[data-v-1d892f19] {
  margin: auto;
  text-align: center;
  font-weight: 300;
}
.mobile-comparison__table--row[data-v-1d892f19] {
  position: relative;
}
.mobile-comparison__table--row-hover[data-v-1d892f19] {
  position: absolute;
  padding: 17px 24px;
  max-width: 300px;
  z-index: 9999;
  background: #fff;
  border: 1px solid #000;
  color: #000;
  top: 100%;
  left: 20%;
  display: none;
}
.mobile-comparison-plan-features:hover .mobile-comparison__table--row-hover {
  display: block;
}
.mobile-comparison__table--arrow[data-v-1d892f19] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.mobile-comparison__table--arrow svg[data-v-1d892f19] {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  display: block;
  width: 7%;
  max-width: 30px;
  margin: 35px auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.mobile-comparison__table--arrow svg.arrowUp[data-v-1d892f19] {
  -webkit-transform: rotate(270deg) translateX(-50%);
  transform: rotate(270deg) translateX(-50%);
}
.mostPopular[data-v-1d892f19] {
  background: #191919;
}
.mostPopular[data-v-1d892f19],
.mostPopular[data-v-1d892f19] li {
  color: #fff;
}
.mostPopular .mobile-comparison-plan-features[data-v-1d892f19] {
  border-color: #383838;
}
.mostPopular
  .mobile-comparison-plan-features
  svg.mobile-comparison__table--icon[data-v-1d892f19] {
  color: #fff00b;
  font-weight: 300;
}
.mostPopular
  .mobile-comparison-plan-features
  span.mobile-comparison__table--icon[data-v-1d892f19] {
  font-weight: 300;
}
.mostPopular .collapse[data-v-1d892f19]:before {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(25, 25, 25, 0)),
    to(#191919)
  );
  background-image: linear-gradient(rgba(25, 25, 25, 0), #191919);
}
.mark-down-price[data-v-1d892f19] {
  opacity: 0.5;
  text-decoration: line-through;
  text-decoration-thickness: 3px;
  margin-left: 10px;
}
.launch-offer[data-v-1d892f19] {
  background: #fff00b;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 14px;
}
@media screen and (min-width: 1024px) {
  .launch-offer[data-v-1d892f19] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}
@media screen and (min-width: 1440px) {
  .launch-offer[data-v-1d892f19] {
    font-size: 17px;
  }
}
.limited-time-offer[data-v-1d892f19] {
  background: #fff00b;
  color: #000;
  font-size: 14px;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  padding: 12px;
  margin-top: 15px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width: 1024px) {
  .limited-time-offer[data-v-1d892f19] {
    width: 100%;
  }
}
th[data-v-1d892f19],
tr[data-v-1d892f19] {
  border-bottom: none;
}

.wbs {
  color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 55px;
}
@media screen and (min-width: 1024px) {
  .wbs {
    padding-bottom: 80px;
  }
}
.wbs__inner {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .wbs__inner {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .wbs__inner {
    max-width: 1240px;
  }
}
.wbs__bg-container {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.65)),
      to(black)
    ),
    url(../jpg/wbs-bgimage-b8dbf2776b9f589127d6080c9f8b44c506146addd6325747044f58ed8412ff0b.jpg);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.65), black),
    url(../png/example-carousel.png);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 80px;
}
@media screen and (min-width: 1024px) {
  .wbs__bg-container {
    padding-top: 215px;
  }
}
.wbs__title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -1.5px;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .wbs__title {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-size: 110px;
  }
}
.wbs__description {
  font-size: 22px;
  letter-spacing: initial;
  line-height: 1.36;
  font-weight: 300;
  text-transform: initial;
  font-size: 18px;
  margin: 45px 0 55px;
  text-align: left;
}
.wbs__description span {
  color: #fff;
  opacity: 0.7;
}
.wbs__description--learn-more {
  color: #fff;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .wbs__description {
    max-width: 770px;
    margin: 25px auto 80px;
    text-align: center;
    font-size: 22px;
  }
}
.wbs__cta-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.wbs__cta {
  -webkit-transition: background-color 350ms ease-in-out,
    color 350ms ease-in-out;
  transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
  background-color: #fff00b;
  border-radius: 999px;
  color: #000;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  font-size: 21px;
  height: 60px;
  padding: 0 25px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  margin: 0 auto;
  cursor: pointer;
}
.wbs__cta svg {
  -webkit-transition: -webkit-transform 350ms ease-in-out;
  transition: -webkit-transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 20px;
  width: auto;
  margin-left: 35px;
}
.wbs__cta:hover {
  background-color: #fff00b;
  color: #000;
}
.wbs__cta:hover svg {
  -webkit-transform: translateX(12px);
  transform: translateX(12px);
}
.wbs__cta:hover {
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .wbs__cta {
    font-size: 18px;
  }
}
.wbs__cta--loading {
  opacity: 0.5;
  cursor: not-allowed;
}

.bg-below-nav {
  margin-top: 99px;
}
@media (max-width: 1023px) {
  .bg-below-nav {
    margin-top: 74px;
  }
  .hero-col-bg .kt-inside-inner-col::before {
    background-color: transparent !important;
  }
}
/* .hero-bg {
    background-size: cover;
    background-position: 50%;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.hero-bg__logo-text {
    color: #04ef7e;
}
.hero-bg__headline, .hero-bg__logo-text {
    font-size: 70px;
    letter-spacing: normal;
    line-height: 1.11;
    font-weight: 300;
    text-transform: none;
    width: 100%;
    max-width: 715px;
}
.hero-bg__blurb {
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.36;
    font-weight: 300;
    text-transform: none;
    max-width: 500px;
} */

.hero-bg__headline,
.hero-bg__logo-text {
  font-size: 40px;
  letter-spacing: normal;
  line-height: 1.25;
  font-weight: 300;
  text-transform: none;
  /* max-width: 250px; */
}

@media screen and (min-width: 1024px) {
  .hero-bg__headline,
  .hero-bg__logo-text {
    font-size: 70px;
    letter-spacing: normal;
    line-height: 1.11;
    font-weight: 300;
    text-transform: none;
    width: 100%;
    max-width: 715px;
  }
}

.hero-bg__blurb {
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
  width: 100%;
  margin: 30px 0;
}

@media screen and (min-width: 1024px) {
  .hero-bg__blurb {
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.36;
    font-weight: 300;
    text-transform: none;
    max-width: 500px;
  }
}

.hero-bg__blurb p {
  margin-bottom: 25px;
}

.callout__headline {
  width: 90%;
  margin: 0 auto 24px;
  font-size: 40px;
  letter-spacing: normal;
  line-height: 1.25;
  font-weight: 300;
  text-transform: none;
}

@media screen and (min-width: 1024px) {
  .callout__headline {
    margin-bottom: 30px;
    font-size: 70px;
    letter-spacing: normal;
    line-height: 1.11;
    font-weight: 300;
    text-transform: none;
  }
}

.callout__body {
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
  margin-bottom: 32px;
}

@media screen and (min-width: 1024px) {
  .callout__body {
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.36;
    font-weight: 300;
    text-transform: none;
    max-width: 860px;
    margin: auto auto 40px;
  }
}

.quote__body {
  font-size: 40px;
  letter-spacing: normal;
  line-height: 1.25;
  font-weight: 300;
  text-transform: none;
  margin: 0;
}

@media screen and (min-width: 1024px) {
  .quote__body {
    font-size: 50px;
    letter-spacing: normal;
    line-height: 1.2;
    font-weight: 300;
    text-transform: none;
  }
}

.quote__body p {
  margin: 0;
}

.steps-section__title {
  margin-top: 20px;
  max-width: 400px;
  font-size: 20px;
  line-height: 1.38;
}

@media screen and (min-width: 1024px) {
  .steps-section__title {
    font-size: 26px;
  }
}

.steps-section__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 80px;
}

.sbs-faq-list
  .kt-accodion-icon-style-basic
  .kt-blocks-accordion-icon-trigger:before,
.sbs-faq-list
  .kt-accodion-icon-style-basic
  .kt-blocks-accordion-icon-trigger:after {
  height: 2px !important;
  width: 10px !important;
}

.feature-set {
  background-color: #191919;
  position: relative;
  overflow: hidden;
}

.feature-set__top {
  background-color: #616b6e;
  /* padding: 40px 0 107px; */
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 1024px) {
  .feature-set__top {
    /* padding: 62px 0; */
  }
}

@media screen and (min-width: 1024px) {
  .feature-set--design .feature-set__top {
    /* padding: 80px 0; */
  }
}

.feature-set__top-inner > .kt-inside-inner-col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 3.99%;
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 40px 0 107px;
}

@media screen and (min-width: 1024px) {
  .feature-set__top-inner > .kt-inside-inner-col {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 2.6%;
    padding: 80px 0;
    max-width: 90.04%;
  }
  .page-id-17585 .feature-set__top-inner > .kt-inside-inner-col {
    padding: 120px 0;
  }
}

@media screen and (min-width: 1440px) {
  .feature-set__top-inner > .kt-inside-inner-col {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.61%;
    max-width: 1240px;
  }
}

.feature-set__top-title {
  font-size: 40px;
  letter-spacing: initial;
  line-height: 1.25;
  font-weight: 300;
  text-transform: initial;
  color: #fff;
  /* grid-column: 1 / 4; */
}

.page-id-14305 .feature-set__top-title,
.page-id-17585 .feature-set__top-title {
  grid-column: 1 / 4;
}

@media screen and (min-width: 1024px) {
  .feature-set__top-title {
    font-size: 50px;
    letter-spacing: initial;
    line-height: 1.2;
    font-weight: 300;
    text-transform: initial;
    /* grid-column: 1 / 3; */
  }
  .page-id-14305 .feature-set__top-title,
  .page-id-17585 .feature-set__top-title {
    grid-column: 1 / 3;
  }
}

@media screen and (min-width: 1440px) {
  .feature-set__top-title {
    font-size: 70px;
    letter-spacing: initial;
    line-height: 1.11;
    font-weight: 300;
    text-transform: initial;
    /* grid-column: 1 / 6; */
  }
  .page-id-14305 .feature-set__top-title,
  .page-id-17585 .feature-set__top-title {
    grid-column: 1 / 6;
  }
  .page-id-17585 .feature-set__top-title {
    grid-column: 1 / 8;
  }
}

.feature-set__top-browsers {
  /* -webkit-transform: translateY(-106%);
    transform: translateY(-106%); */
  display: none;
  position: relative;
  height: 372px;
}

@media screen and (min-width: 1024px) {
  .feature-set__top-browsers {
    display: block;
    grid-column: 4 / -1;
    height: 392px;
  }
}

@media screen and (min-width: 1440px) {
  .feature-set__top-browsers {
    grid-column: 7 / -1;
  }
}

.feature-set__top-browsers .browser.slick-slide {
  margin-top: 20px;
}

/* h1.hero-title.scroll-heading {
    font-size: 46px;
} */

.feature-set__sticky-box {
  background-color: #000;
  color: #fff;
  /* display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; */
  width: 100%;
  /* height: 290px; */
  padding: 40px 30px;
  position: relative;
}

.page-id-14305 .feature-set__sticky-box,
.page-id-17585 .feature-set__sticky-box {
  background-color: #000;
  color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  height: 290px;
  padding: 40px 30px;
  position: relative;
}

.page-id-17585 .feature-set__sticky-box {
  background-color: #34333a;
}

@media screen and (min-width: 1024px) {
  .feature-set__sticky-box {
    /* grid-column: 1 / 3; */
    /* height: 377px; */
    padding: 50px 30px 50px 50px;
    /* position: -webkit-sticky;
        position: sticky;
        top: 140px; */
  }

  .page-id-14305 .feature-set__sticky-box,
  .page-id-17585 .feature-set__sticky-box {
    grid-column: 1 / 3;
    height: 377px;
    padding: 50px 30px 50px 50px;
    position: -webkit-sticky;
    position: sticky;
    top: 140px;
  }
  .page-id-17585 .feature-set__sticky-box {
    padding: 20px 30px 30px 30px;
    height: auto;
  }
}

@media screen and (min-width: 1440px) {
  .page-id-14305 .feature-set__sticky-box,
  .page-id-17585 .feature-set__sticky-box {
    grid-column: 1 / 4;
  }
}

.feature-set__features > .kt-inside-inner-col {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  margin-top: -67px;
  padding-bottom: 100px;
}
@media screen and (min-width: 1024px) {
  .feature-set__features > .kt-inside-inner-col {
    max-width: 90.04%;
  }
  .feature-set__features > .kt-inside-inner-col {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 3.99%;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
  }
  .feature-set__features > .kt-inside-inner-col {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .feature-set__features > .kt-inside-inner-col {
    max-width: 1240px;
  }
  .feature-set__features > .kt-inside-inner-col {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.61%;
  }
}

@media screen and (min-width: 1024px) {
  .page-id-14305 .feature-set__features-list,
  .page-id-17585 .feature-set__features-list {
    grid-column: 4 / -1;
    grid-row: 1;
    margin-top: 107px;
  }
}
@media screen and (min-width: 1440px) {
  .page-id-14305 .feature-set__features-list,
  .page-id-17585 .feature-set__features-list {
    grid-column: 5 / -1;
    /* margin-top: 147px */
    margin-top: 0;
  }
}
.page-id-14305 .feature-set__feature,
.page-id-17585 .feature-set__feature {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 3.99%;
  margin-top: 70px;
}

@media screen and (min-width: 1024px) {
  .page-id-14305 .feature-set__feature,
  .page-id-17585 .feature-set__feature {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 2.6%;
  }
}

@media screen and (min-width: 1440px) {
  .page-id-14305 .feature-set__feature,
  .page-id-17585 .feature-set__feature {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.61%;
  }
}

@media screen and (min-width: 1024px) {
  .page-id-14305 .feature-set__feature,
  .page-id-17585 .feature-set__feature {
    display: block;
    margin-top: 100px;
  }
}

@media screen and (min-width: 1440px) {
  .page-id-14305 .feature-set__feature,
  .page-id-17585 .feature-set__feature {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 120px;
  }

  /* .page-id-17585 .feature-set__feature {
        margin-top: 50px;
    } */

  .page-id-17585 .feature-set__features-list > .kt-inside-inner-col {
    margin-top: 0;
  }

  .page-id-14305 .feature-set__feature:nth-of-type(even),
  .page-id-17585 .feature-set__feature:nth-of-type(even) {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.page-id-14305 .feature-set__feature-image-container,
.page-id-17585 .feature-set__feature-image-container {
  grid-column: 1 / 4;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .page-id-14305 .feature-set__feature-image-container,
  .page-id-17585 .feature-set__feature-image-container {
    max-width: 64.81%;
  }
}

@media screen and (min-width: 1440px) {
  .page-id-14305 .feature-set__feature-image-container,
  .page-id-17585 .feature-set__feature-image-container {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: calc(
      calc(
          (
              (
                  (1440px * 0.8611111111) -
                    ((1440px * 0.8611111111 * 0.0161) * 11)
                ) / 12
            ) * 3
        ) + calc((1440px * 0.8611111111 * 0.0161) * 2)
    );
  }
}

.page-id-14305 .feature-set__feature-text,
.page-id-17585 .feature-set__feature-text {
  color: #fff;
  grid-column: 1 / -1;
  margin-top: 30px;
}

@media screen and (min-width: 1024px) {
  .page-id-14305 .feature-set__feature-text,
  .page-id-17585 .feature-set__feature-text {
    margin-top: 50px;
  }
}

@media screen and (min-width: 1440px) {
  .page-id-14305 .feature-set__feature-text,
  .page-id-17585 .feature-set__feature-text {
    max-width: calc(
      calc(
          (
              (
                  (1440px * 0.8611111111) -
                    ((1440px * 0.8611111111 * 0.0161) * 11)
                ) / 12
            ) * 4
        ) + calc((1440px * 0.8611111111 * 0.0161) * 4) +
        (
          calc(
              (
                  (
                      (1440px * 0.8611111111) -
                        ((1440px * 0.8611111111 * 0.0161) * 11)
                    ) / 12
                ) * 1
            ) / 2
        )
    );
    margin-top: 0;
    margin-left: 0;
  }
}

.page-id-14305 .feature-set__feature-text-title,
.page-id-17585 .feature-set__feature-text-title {
  font-size: 20px;
  letter-spacing: initial;
  line-height: 1.4;
  font-weight: 400;
  text-transform: initial;
}

@media screen and (min-width: 1024px) {
  .page-id-14305 .feature-set__feature-text-title,
  .page-id-17585 .feature-set__feature-text-title {
    font-size: 30px;
  }
}

.page-id-14305 .feature-set__feature-text-blurb,
.page-id-17585 .feature-set__feature-text-blurb {
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;
  font-weight: 300;
  text-transform: initial;
  margin-top: 20px;
}

@media screen and (min-width: 1440px) {
  .page-id-14305 .feature-set__feature-text-blurb,
  .page-id-17585 .feature-set__feature-text-blurb {
    margin-top: 30px;
  }
}
.page-id-14305 .feature-set__feature-animatable,
.page-id-17585 .feature-set__feature-animatable {
  -webkit-transition: opacity 850ms ease-in-out;
  transition: opacity 850ms ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.001;
}

.page-id-14305 .feature-set__feature-animatable--active,
.page-id-17585 .feature-set__feature-animatable--active {
  opacity: 1;
}
.page-id-14305 .feature-set--alternate,
.page-id-17585 .feature-set--alternate {
  background-color: #000;
}

.page-id-14305 .feature-set--alternate .feature-set__sticky-box,
.page-id-17585 .feature-set--alternate .feature-set__sticky-box {
  background-color: #191919;
}

.page-id-17585 .feature-set--alternate .feature-set__sticky-box {
  background-color: #34333a;
}

@media screen and (min-width: 1024px) {
  .page-id-14305 .feature-set--alternate .feature-set__sticky-box,
  .page-id-17585 .feature-set--alternate .feature-set__sticky-box {
    grid-column: 5 / -1;
  }
}

@media screen and (min-width: 1440px) {
  .page-id-14305 .feature-set--alternate .feature-set__sticky-box,
  .page-id-17585 .feature-set--alternate .feature-set__sticky-box {
    grid-column: 10 / -1;
  }
}

@media screen and (min-width: 1024px) {
  .page-id-14305 .feature-set--alternate .feature-set__features-list,
  .page-id-17585 .feature-set--alternate .feature-set__features-list {
    grid-column: 1 / 4;
  }
}

@media screen and (min-width: 1440px) {
  .page-id-14305 .feature-set--alternate .feature-set__features-list,
  .page-id-17585 .feature-set--alternate .feature-set__features-list {
    grid-column: 1 / 9;
  }
  .page-id-17585 .feature-set--alternate .feature-set__features-list {
    grid-column: 1 / 10;
  }
}

@media screen and (min-width: 1024px) {
  .page-id-14305 .feature-set--resources .feature-set__top-title,
  .page-id-17585 .feature-set--resources .feature-set__top-title {
    grid-column: 4 / -1;
  }
}

@media screen and (min-width: 1440px) {
  .page-id-14305 .feature-set--resources .feature-set__top-title,
  .page-id-17585 .feature-set--resources .feature-set__top-title {
    grid-column: 6 / 11;
  }
  .page-id-17585 .feature-set--resources .feature-set__top-title {
    grid-column: 1 / 9;
  }
}
.page-id-14305 .feature-set__sticky-box-cta a,
.page-id-17585 .feature-set__sticky-box-cta a {
  -webkit-transition: background-color 350ms ease-in-out,
    color 350ms ease-in-out !important;
  transition: background-color 350ms ease-in-out, color 350ms ease-in-out !important;
  background-color: transparent !important;
  border: 2px solid #fff !important;
  border-radius: 999px !important;
  color: #fff !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  padding: 0 25px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  font-size: 15px !important;
  height: 40px !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin-top: auto !important;
}

.page-id-14305 .feature-set__sticky-box-cta svg,
.page-id-17585 .feature-set__sticky-box-cta svg {
  -webkit-transition: -webkit-transform 350ms ease-in-out;
  transition: -webkit-transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 20px;
  width: auto;
  margin-left: 35px;
}

.page-id-14305 .feature-set__sticky-box-cta a:hover,
.page-id-17585 .feature-set__sticky-box-cta a:hover {
  background-color: #fff !important;
  color: #000 !important;
}

.page-id-14305 .feature-set__sticky-box-cta:hover svg,
.page-id-17585 .feature-set__sticky-box-cta:hover svg {
  -webkit-transform: translateX(12px);
  transform: translateX(12px);
}

.feature-set__sticky-box-dot {
  background-color: #fff00b;
  border-radius: 50%;
  display: inline-block;
  width: 11px;
  height: 11px;
}

.feature-set__sticky-box-title {
  font-size: 22px;
  letter-spacing: initial;
  line-height: 1.36;
  font-weight: 300;
  text-transform: initial;
  margin-top: 25px;
}

@media screen and (min-width: 1024px) {
  .feature-set__sticky-box-title {
    font-size: 40px;
    letter-spacing: initial;
    line-height: 1.25;
    font-weight: 300;
    text-transform: initial;
    font-size: 28px;
    margin-top: 20px;
  }
}

.accordion .kt-accordion-panel-inner a {
  color: #fff;
}

.medium-text {
  font-size: 40px;
  letter-spacing: initial;
  line-height: 1.25;
  font-weight: 300;
  text-transform: initial;
}

.born-from-creativity {
  margin-top: 60px;
  padding: 60px 0 20px;
  background: #191919;
}

@media screen and (min-width: 1024px) {
  .born-from-creativity {
    margin-top: 120px;
    padding: 120px 0 80px;
  }
}

.born-from-creativity .we-are {
  font-size: 22px;
  letter-spacing: initial;
  line-height: 1.36;
  font-weight: 300;
  text-transform: initial;
  display: none;
}

@media screen and (min-width: 1024px) {
  .born-from-creativity .we-are {
    display: block;
  }
}

.born-from-creativity .medium-text {
  margin-bottom: 30px;
}

.born-from-creativity .values-accordion {
  /* display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 3.99%;
    grid-column: 1 / -1; */
  padding-top: 120px;
}
/* @media screen and (min-width: 1024px) {
    .born-from-creativity .values-accordion {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 2.6%
    }
}
@media screen and (min-width: 1440px) {
    .born-from-creativity .values-accordion {
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 1.61%
    }
} */
.born-from-creativity .values-accordion .box-wrapper {
  /* grid-column: 1 / -1; */
  overflow: hidden;
}
/* @media screen and (min-width: 1024px) {
    .born-from-creativity .values-accordion .box-wrapper {
        grid-column: span 3
    }
} */
.born-from-creativity .values-accordion .border-wrapper {
  border-bottom: 1px solid #737373;
  max-height: 100px;
  padding-bottom: 35px;
  -webkit-transition-property: max-height;
  transition-property: max-height;
  -webkit-transition-duration: 350ms;
  transition-duration: 350ms;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.born-from-creativity .values-accordion .box-title .kt-inside-inner-col {
  padding-top: 35px;
  padding-bottom: 35px;
  padding-left: 0;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.born-from-creativity .values-accordion .box-title .arrow-down {
  display: block;
}
@media screen and (min-width: 1024px) {
  .born-from-creativity .values-accordion .box-title .arrow-down {
    display: none;
  }
}
@media screen and (min-width: 1440px) {
  .born-from-creativity .values-accordion .box-title {
    display: block;
  }
}
.born-from-creativity .values-accordion .box-title h3 {
  font-size: 20px;
  letter-spacing: initial;
  line-height: 1.4;
  font-weight: 400;
  text-transform: initial;
  max-width: 170px;
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .born-from-creativity .values-accordion .box-title h3 {
    padding-top: 5px;
  }
}
@media screen and (min-width: 400px) {
  .born-from-creativity .values-accordion .box-title h3 {
    max-width: unset;
  }
}
.born-from-creativity .values-accordion .box-icon {
  pointer-events: none;
  display: inline-block;
  padding-right: 20px;
}
@media only screen and (max-width: 1401px) {
  .born-from-creativity .values-accordion {
    padding-top: 50px;
  }
  .born-from-creativity .values-accordion div {
    margin-bottom: 60px;
  }
  .born-from-creativity .values-accordion h3 {
    margin-bottom: 0px;
    pointer-events: none;
  }
  .born-from-creativity .values-accordion .arrow-down {
    border: none;
    background: transparent;
    position: absolute;
    cursor: pointer;
    padding: 10px;
    top: 28px;
    right: 5px;
    outline: none;
  }
  .born-from-creativity
    .values-accordion
    .arrow-down
    .faq__accordion-toggle-icon:before {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
  }
  .born-from-creativity .values-accordion .arrow-down img {
    width: 13px;
  }
  .born-from-creativity .values-accordion .about-accordion-open {
    max-height: 360px;
  }
  .born-from-creativity
    .values-accordion
    .about-accordion-open
    .faq__accordion-toggle-icon:before {
    opacity: 0;
  }
  .born-from-creativity .values-accordion div {
    margin-bottom: 0px;
  }
}
.born-from-creativity .values-accordion .box-icon img {
  width: 30px;
  height: 30px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1401px) {
  .born-from-creativity .values-accordion .box-icon img {
    margin-bottom: -10px;
  }
}
.born-from-creativity .values-accordion {
  padding-top: 0;
  margin-top: -10px;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .born-from-creativity .values-accordion {
    margin-top: 100px;
  }
  .born-from-creativity .values-accordion .box-wrapper {
    margin-bottom: 20px;
  }
  .born-from-creativity .values-accordion .border-wrapper {
    border: none;
    max-height: 100%;
    padding-bottom: 20px;
    margin-bottom: 0;
  }
  .born-from-creativity .values-accordion .border-wrapper p {
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;
    font-weight: 300;
    text-transform: initial;
  }
  .born-from-creativity .values-accordion .box-title .kt-inside-inner-col {
    padding-top: 0px;
    padding-bottom: 0;
    margin-bottom: 20px;
    display: initial;
  }
  .born-from-creativity .values-accordion .box-title .box-icon img {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
  }
}

.we-love-our-work h2 {
  font-size: 50px;
  letter-spacing: initial;
  line-height: 1.2;
  font-weight: 300;
  text-transform: initial;
}

.we-love-our-work .smaller-text {
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;
  font-weight: 300;
  text-transform: initial;
  margin-top: 20px;
  font-size: 18px;
}

.hero__cta-blurb {
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;
  font-weight: 300;
  text-transform: initial;
  margin: 0 0 30px;
}

@media screen and (min-width: 1024px) {
  .hero__cta-blurb {
    font-size: 22px;
    letter-spacing: initial;
    line-height: 1.36;
    font-weight: 300;
    text-transform: initial;
  }
}

.slider-3-col .slick-slide img {
  border-radius: 5px;
}

.slider-3-col .slick-slide.slick-active[data-slick-index="0"] img,
.slider-3-col .slick-slide.slick-active[data-slick-index="2"] img {
  opacity: 0.4;
}

.main-copy {
  padding: 60px 0;
  background: #191919;
}

@media screen and (min-width: 1024px) {
  .main-copy {
    padding: 120px 0;
  }
}

@media screen and (min-width: 1440px) {
  .main-copy {
    padding-top: 160px;
  }
}

.how-we-work {
  padding-bottom: 0px;
  padding-top: 60px;
}

@media screen and (min-width: 1440px) {
  .how-we-work {
    padding-top: 100px;
  }
}

@media screen and (min-width: 1024px) {
  .how-we-work-list {
    padding-top: 60px;
  }
}

@media screen and (min-width: 1024px) {
  .how-we-work-list {
    margin-top: 80px;
  }
}

.how-we-work-list .box-wrap {
  /* grid-column: 1 / -1; */
  max-height: 100px;
  overflow: hidden;
  margin-top: 20px;
  -webkit-transition-property: max-height;
  transition-property: max-height;
  -webkit-transition-duration: 350ms;
  transition-duration: 350ms;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

@media screen and (min-width: 1024px) {
  .how-we-work-list .box-wrap {
    /* grid-column: span 3; */
    max-height: unset;
  }
}

@media screen and (min-width: 1440px) {
  .how-we-work-list .box-wrap {
    /* grid-column: span 6; */
    padding-right: calc(
      calc(
          (
              (
                  (1440px * 0.8611111111) -
                    ((1440px * 0.8611111111 * 0.0161) * 11)
                ) / 12
            ) * 1
        ) + calc((1440px * 0.8611111111 * 0.0161) * 1)
    );
  }
}

.how-we-work-list .box-title {
  font-size: 22px;
  letter-spacing: initial;
  line-height: 1.36;
  font-weight: 300;
  text-transform: initial;
  padding-top: 25px;
  border-top: 1px solid #737373;
  width: 100%;
  display: block;
  margin-bottom: 30px;
  margin-top: 0;
  position: relative;
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  .how-we-work-list .box-title {
    border-top: transparent;
  }
}

@media screen and (min-width: 400px) {
  .how-we-work-list .box-title {
    padding-top: 25px;
  }
}

.how-we-work-list .box-title {
  font-size: 22px;
  letter-spacing: initial;
  line-height: 1.36;
  font-weight: 300;
  text-transform: initial;
}

@media screen and (max-width: 1024px) {
  .how-we-work-list .box-title {
    display: flex !important;
    justify-content: space-between;
  }
}

.how-we-work-list .box-title.no-border {
  border: none;
}

.how-we-work-list .box-title .text-only {
  max-width: 170px;
  display: inline-block;
}

@media screen and (min-width: 400px) {
  .how-we-work-list .box-title .text-only {
    max-width: unset;
  }
}

.how-we-work-list .box-title .arrow-down {
  border: none;
  background: transparent;
  display: block;
  position: absolute;
  cursor: pointer;
  padding: 10px;
  top: 26px;
  right: 5px;
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .how-we-work-list .box-title .arrow-down {
    display: none;
  }
}

/* @media (max-width: 1024px) {
    .how-we-work-list .box-title::after {
        content: "\f107";
        font-family: "Font Awesome 5 Pro";
        font-weight: 300;
    }
} */

.how-we-work-list .box-wrap.about-accordion-open .box-title::after,
.how-we-work-list
  .box-wrap.about-accordion-open.always-one-line
  .box-title::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.how-we-work p {
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;
  font-weight: 300;
  text-transform: initial;
  padding: 20px 0 40px;
  margin: 0;
}

@media screen and (min-width: 1024px) {
  .how-we-work-list .box-wrap p {
    padding-top: 20px;
  }
}

.how-we-work-list .box-wrap.always-one-line {
  max-height: 80px;
}

.how-we-work-list .box-wrap.about-accordion-open,
.how-we-work-list .box-wrap.about-accordion-open.always-one-line {
  max-height: 435px;
}

@media (max-width: 1024px) {
  .how-we-work-list
    .kt-mobile-layout-row.kt-v-gutter-default
    > .wp-block-kadence-column {
    margin-bottom: 0px;
  }
}

.img-copy .kadence-column_a0d2c3-73 > .kt-inside-inner-col {
  position: relative;
  padding-top: 60px;
  padding-bottom: 300px;
  max-height: 600px;
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (min-width: 1440px) {
  .img-copy .kt-inside-inner-col {
    padding-bottom: 540px;
  }
}

.img-copy__background {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.img-copy__background img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.img-copy .quote {
  border-radius: 10px;
  background-color: #ffffff;
  color: #000;
  padding: 30px;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .img-copy .quote {
    max-width: 460px;
  }
}

@media screen and (min-width: 1440px) {
  .img-copy .quote {
    padding: 60px;
    max-width: 750px;
  }
}

.img-copy .quote h2 {
  font-size: 40px;
  letter-spacing: initial;
  line-height: 1.25;
  font-weight: 300;
  text-transform: initial;
  margin-bottom: 30px;
}

.img-copy .career-link {
  position: relative;
}

.img-copy .quote .kt-inside-inner-col {
  padding: 0;
}

.img-copy .quote a {
  color: #000;
  font-size: 20px;
  letter-spacing: initial;
  line-height: 1.4;
  font-weight: 400;
  text-decoration: none;
}

.img-copy .quote h3 {
  text-transform: initial;
  position: relative;
  width: auto;
  display: inline-block;
  padding-right: 50px;
  cursor: pointer;
  margin: 0;
  line-height: 1;
}

.img-copy .career-link:after {
  content: "";
  transition: -webkit-transform 300ms;
  -webkit-transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  position: absolute;
  right: -3px;
  /* top: 2px; */
  top: 15px;
  width: 31px;
  height: 16px;
  vertical-align: middle;
  background-image: url("../svg/arrow-right-adea1931b9189803a085d480d3c92e4148b813830de42894693bc9c1466f28dd.svg");
}

.img-copy .career-link:hover:after {
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.error404 .navbar,
.error404 .site-footer {
  display: none;
}
.not-found .outer-wrapper {
  width: 100%;
  height: 100vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.not-found .outer-wrapper #header {
  text-align: center;
}
.not-found .outer-wrapper #header span {
  font-family: "PxGroteskRegular";
  font-weight: normal;
  font-style: normal;
  font-family: "Untitled Sans", "Helvetica Neue", "Arial", sans-serif;
  display: block;
  font-size: 30vw;
  color: #191919;
  line-height: 0.8;
}
.not-found .outer-wrapper #header h1.logo {
  position: relative !important;
  left: -2px;
  margin: -30% auto 0 auto;
  text-align: center;
  display: block;
}
.not-found .outer-wrapper #header h1.logo a {
  display: inline-block;
  z-index: 333;
  margin-top: 35px;
  background-size: 100%;
}
.not-found .outer-wrapper #header h1.logo a > img {
  width: auto;
  height: 42px;
}
.not-found .dialog {
  font-family: "PxGroteskRegular";
  font-weight: normal;
  font-style: normal;
  font-family: "Untitled Sans", "Helvetica Neue", "Arial", sans-serif;
  margin: 2% auto 0 auto;
  font-weight: 300;
  width: 80%;
  max-width: 1400px;
  text-align: center;
}
@media (min-width: 1750px) {
  .not-found .dialog h1 {
    font-size: 105px;
  }
}
.not-found .dialog h1 {
  font-family: "PxGroteskRegular";
  font-weight: normal;
  font-style: normal;
  font-family: "Untitled Sans", "Helvetica Neue", "Arial", sans-serif;
  font-size: 105px;
  font-size: 6vw;
  color: #fff;
  line-height: 1;
  margin: 0 0 4% 0;
}
.not-found .dialog p {
  font-size: 20px;
  font-size: 2vw;
  color: #fff;
  font-family: "Untitled Sans", "Helvetica Neue", "Arial", sans-serif;
  margin: 0 auto 4% auto;
  line-height: 1.5em;
  max-width: 600px;
}
.not-found .dialog a {
  font-size: 20px;
  font-size: 2vw;
  -webkit-transition: background-color 350ms ease-in-out,
    color 350ms ease-in-out;
  transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
  background-color: #fff;
  border-radius: 999px;
  color: #000;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  font-size: 21px;
  height: 60px;
  padding: 0 25px;
  text-decoration: none;
}
@media (min-width: 1000px) {
  .not-found .dialog p {
    font-size: 20px;
  }
  .not-found .dialog a {
    font-size: 20px;
  }
}

.testimonials {
  background: #000;
  margin-top: 40px;
  position: relative;
  padding-top: 90px;
  padding-bottom: 53px;
}
@media screen and (min-width: 1024px) {
  .testimonials {
    padding-top: 110px;
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1440px) {
  .testimonials {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 400px;
    padding-bottom: 65px;
  }
}
@media screen and (min-width: 1920px) {
  .testimonials {
    padding-top: 182px;
    padding-bottom: 100px;
  }
}
.testimonials__inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 3.99%;
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .testimonials__inner {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .testimonials__inner {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.61%;
  }
}
@media screen and (min-width: 1024px) {
  .testimonials__inner {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .testimonials__inner {
    max-width: 1240px;
  }
}
.testimonials__text {
  grid-column: 1 / -1;
  grid-row: 2;
  margin-top: 50px;
  opacity: 0;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .testimonials__text {
    grid-column: 2 / -1;
  }
}
@media screen and (min-width: 1440px) {
  .testimonials__text {
    grid-column: 1 / 6;
    grid-row: 1;
    margin-top: 0;
    height: 397px;
    width: 100%;
  }
}
.testimonial {
  -webkit-transition: opacity 700ms ease;
  transition: opacity 700ms ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 90%;
}
@media screen and (min-width: 1024px) {
  .testimonial {
    margin-left: -1em;
  }
}
@media screen and (min-width: 1440px) {
  .testimonial {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
  }
}
.testimonial:not(.testimonial--active) {
  opacity: 0;
}
.testimonial__quote {
  font-size: 40px;
  letter-spacing: initial;
  line-height: 1.25;
  font-weight: 300;
  text-transform: initial;
  font-size: 22px;
  padding-left: 15px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .testimonial__quote {
    font-size: 34px;
  }
}
.testimonial__quote::before {
  content: "“";
  position: absolute;
  top: 0;
  left: 0;
}
.testimonial__cite {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  margin-top: 30px;
  padding-left: 15px;
}
.testimonials__slideshow {
  grid-column: 1 / -1;
  overflow: visible;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .testimonials__slideshow {
    grid-column: 2 / 10;
    margin-top: 60px;
  }
}
@media screen and (min-width: 1440px) {
  .testimonials__slideshow {
    grid-row: 1;
    grid-column: 6 / -1;
    margin-top: 0;
    overflow: visible;
  }
}
@media screen and (min-width: 1920px) {
  .testimonials__slideshow {
    grid-column: 6 / 12;
  }
}
.testimonials__slideshow-slides {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  position: relative;
}
.testimonials__slideshow-item {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: calc(
    calc((((100vw * 0.8693) - ((100vw * 0.8693 * 0.0399) * 3)) / 4) * 1) +
      calc((100vw * 0.8693 * 0.0399) * 1)
  );
  width: 80%;
}
@media screen and (min-width: 1024px) {
  .testimonials__slideshow-item {
    margin-right: calc(
      calc((((100vw * 0.9004) - ((100vw * 0.9004 * 0.026) * 5)) / 6) * 2) +
        calc((100vw * 0.9004 * 0.026) * 2)
    );
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .testimonials__slideshow-item {
    margin-right: calc(
      calc(
          (
              (
                  (1440px * 0.8611111111) -
                    ((1440px * 0.8611111111 * 0.0161) * 11)
                ) / 12
            ) * 1
        ) + calc((1440px * 0.8611111111 * 0.0161) * 1)
    );
  }
}
.testimonials__slideshow-next-btn {
  background-color: #fff;
  border: none;
  border-radius: 5px;
  color: #000;
  cursor: pointer;
  font-family: "Untitled Sans", "Helvetica Neue", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 500;
  outline: none;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 155px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  right: 25px;
  z-index: 1;
}
.testimonials__slideshow-next-btn::after {
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
  content: "";
  background: transparent;
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
.testimonials__slideshow-next-btn:hover::after {
  opacity: 0.3;
}
@media screen and (min-width: 1024px) {
  .testimonials__slideshow-next-btn {
    margin-top: -25px;
    width: 50px;
    height: 50px;
    right: 0;
  }
}
@media screen and (min-width: 1440px) {
  .testimonials__slideshow-next-btn {
    right: -84px;
  }
}
@media screen and (min-width: 1920px) {
  .testimonials__slideshow-next-btn {
    margin-top: -43px;
    width: 85px;
    height: 85px;
    right: -175px;
  }
}
.testimonials__slideshow-next-btn svg {
  width: 6px;
  height: 10px;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .testimonials__slideshow-next-btn svg {
    width: 11px;
    height: 20px;
    left: 1px;
  }
}
@media screen and (min-width: 1920px) {
  .testimonials__slideshow-next-btn svg {
    width: 19px;
    height: 34px;
    left: 1px;
  }
}

.testimonials-wrap {
  padding-top: 40px;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 1024px) {
  .testimonials-wrap {
    padding-top: 90px;
  }
}
.testimonials-wrap .show-full-width.container {
  overflow: visible;
}
.header {
  padding-bottom: 60px;
}
@media (min-width: 1024px) {
  .header {
    padding-bottom: 20px;
  }
}
.about-us-testimonials {
  position: relative;
  padding-bottom: 60px;
  margin-top: 75px;
  margin: 0 auto;
  overflow: visible;
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .about-us-testimonials {
    margin-top: 80px;
  }
}
@media (min-width: 1440px) {
  .about-us-testimonials {
    width: 100%;
  }
  .about-us-testimonials .testimonial {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.about-us-testimonials .we-love-our-work {
  position: relative;
  margin: 0 auto 80px;
}
@media (min-width: 1024px) {
  .about-us-testimonials .we-love-our-work {
    margin: 0 auto 20px;
  }
}
@media (min-width: 1440px) {
  .about-us-testimonials .we-love-our-work {
    max-width: calc(
      calc(
          (
              (
                  (1440px * 0.8611111111) -
                    ((1440px * 0.8611111111 * 0.0161) * 11)
                ) / 12
            ) * 6
        ) + calc((1440px * 0.8611111111 * 0.0161) * 6)
    );
    margin-left: 0;
  }
}
.about-us-testimonials .we-love-our-work h2 {
  font-size: 50px;
  letter-spacing: initial;
  line-height: 1.2;
  font-weight: 300;
  text-transform: initial;
}
.about-us-testimonials .we-love-our-work .smaller-text {
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;
  font-weight: 300;
  text-transform: initial;
  margin-top: 20px;
  font-size: 18px;
}
.testimonials__inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 3.99%;
  max-width: 505px;
}
@media screen and (min-width: 1024px) {
  .testimonials__inner {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .testimonials__inner {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.61%;
  }
}
@media screen and (min-width: 1024px) {
  .testimonials__inner {
    max-width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .testimonials__slideshow {
    grid-column: 1 / 12;
  }
}
@media screen and (min-width: 1440px) {
  .testimonials__slideshow {
    max-width: 90%;
    grid-column: 9 / 26;
    margin-top: 0;
  }
}
.testimonials__slideshow--next-arrow {
  background-color: #ffffff;
  border: none;
  border-radius: 50%;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  right: 25px;
  z-index: 1;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .testimonials__slideshow--next-arrow {
    margin-top: -25px;
    width: 50px;
    height: 50px;
  }
}
@media screen and (min-width: 1440px) {
  .testimonials__slideshow--next-arrow {
    right: -84px;
  }
}
.testimonials__slideshow--next-arrow:focus {
  outline: none;
}
.testimonials__slideshow--next-arrow:before {
  content: none;
}
.testimonials__slideshow--next-arrow:after {
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
  content: "";
  background: transparent;
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
.testimonials__slideshow--next-arrow:hover::after {
  opacity: 0.3;
}
.testimonials__slideshow--next-arrow svg {
  width: 6px;
  height: 10px;
  position: relative;
  top: 0;
}
@media screen and (min-width: 1024px) {
  .testimonials__slideshow--next-arrow svg {
    width: 11px;
    height: 20px;
    left: 2px;
  }
}
.testimonials__text {
  grid-column: 1/-1;
}
@media screen and (min-width: 1440px) {
  .testimonials__text {
    grid-column: 1/9;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
}
.testimonials__text .centered-text {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.testimonials__slideshow-slides {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  position: relative;
}
.testimonials__slideshow-item {
  height: 300px;
  margin-right: 40px;
  opacity: 0.25;
}
.testimonials__slideshow-item--active {
  opacity: 1;
}
.testimonials__slideshow-item.image1 img,
.testimonials__slideshow-item.image2 img {
  -o-object-position: top;
  object-position: top;
}
.testimonials__slideshow-item .testimonial-image {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.testimonials__slideshow-item .testimonial-image__tag {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
@media (min-width: 1024px) {
  .testimonials__slideshow-item {
    height: 400px;
    max-width: 590px;
  }
}
@media (min-width: 992px) {
  .testimonials__slideshow-item {
    height: 470px;
    max-width: 640px;
  }
}
@media (min-width: 1440px) {
  .testimonials__slideshow-item {
    height: 590px;
    max-width: 640px;
  }
}

.slider-wrapper {
  overflow: hidden;
}

.main-slider {
  position: relative;
  padding: 0;
}
@media screen and (min-width: 375px) {
  .main-slider {
    padding: 0 10%;
  }
}
@media screen and (min-width: 768px) {
  .main-slider {
    padding: 0 15%;
  }
}
@media screen and (min-width: 992px) {
  .main-slider {
    padding: 0 20%;
  }
}
@media screen and (min-width: 1200px) {
  .main-slider {
    padding: 0 25%;
  }
}
.main-slider .slide.slick-slide {
  border-radius: 5px;
  opacity: 0.4;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-property: opacity, scale();
  transition-property: opacity, scale();
  -webkit-transition-duration: 350ms;
  transition-duration: 350ms;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  height: 100%;
}
.main-slider .slide.slick-slide img {
  border-radius: 5px;
  /* max-width: 750px; */
  max-width: 100%;
  margin: 0 auto;
}
.main-slider .slide.slick-slide:focus {
  outline: none;
}
.main-slider .slide.slick-center {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.main-slider .testimonials__slideshow--next-arrow {
  right: 5%;
}
.main-slider .testimonials__slideshow--next-arrow:focus {
  outline: none;
}
.main-slider .slick-arrow:focus {
  background: #fff;
}
.main-slider
  .testimonials__slideshow--next-arrow.testimonials__slideshow--prev-arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 5%;
  right: 80%;
}
.main-slider
  .testimonials__slideshow--next-arrow.testimonials__slideshow--prev-arrow:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.main-slider {
  margin-top: 50px;
}
@media screen and (min-width: 1024px) {
  .main-slider {
    margin-top: 110px;
  }
}
@media screen and (min-width: 1440px) {
  .main-slider {
    margin-top: 150px;
  }
}

@media screen and (min-width: 400px) {
  .main-slider .slide.slick-center {
    margin-right: -1px;
  }
}

.main-slider .slick-slide {
  margin-top: 0;
}

.main-slider .slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
/* HOME PAGE HERO */
/* new feedaback */

html body header .hero__browsers.hero__browsers--visible {
  margin: auto;
  position: relative;
}

html body .bm-gif-section {
  display: flex;
  justify-content: center;
  align-items: center;
}

html body .bm-gif-section img {
  width: 100%;
}

@media screen and (max-width: 1023px) {
  html body header .hero__browsers.hero__browsers--visible {
    width: 100%;
    margin: auto;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  html body section.ticker.ticker--is-animating {
    margin-top: 10px;
  }
}

html body section.ticker.ticker--is-animating {
  z-index: 1;
}

/* new feedaback */
.scrolling-words-box {
  height: 3.5rem;
  margin: auto;
  overflow: hidden;
}

.scrolling-words-box ul {
  margin: 0 0.625rem 0 0;
  padding: 0;
  animation: scrollUp 25s infinite;
}

.scrolling-words-box ul li {
  height: 3.8rem;
  line-height: 1.2;
  list-style: none;
  font-size: 46px;
  color: #fff;
}

@keyframes scrollUp {
  5%,
  10% {
    transform: translateY(0%);
  }

  15%,
  20% {
    transform: translateY(-10%);
  }

  25%,
  30% {
    transform: translateY(-20%);
  }

  35%,
  40% {
    transform: translateY(-30%);
  }

  45%,
  50% {
    transform: translateY(-40%);
  }

  55%,
  60% {
    transform: translateY(-50%);
  }

  65%,
  70% {
    transform: translateY(-60%);
  }

  75%,
  80% {
    transform: translateY(-70%);
  }

  85%,
  90% {
    transform: translateY(-80%);
  }

  95%,
  100% {
    transform: translateY(-90%);
  }
}
h1.hero__title.scroll-heading {
  font-size: 46px !important;
}
h1 span {
  display: block;
}
@media only screen and (max-width: 1200px) and (min-width: 1024px) {
  .scrolling-words-box ul li.item-1 {
    font-size: 40px !important;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .scrolling-words-box ul li.item-1 {
    font-size: 26px !important;
  }
}
@media only screen and (max-width: 767px) and (min-width: 600px) {
  .scrolling-words-box ul li.item-1 {
    font-size: 40px !important;
  }
}
@media only screen and (max-width: 599px) {
  .scrolling-words-box ul li.item-1 {
    font-size: 30px !important;
  }
  h1.hero__title.scroll-heading,
  .hero-blurb,
  .hero .hero-cta-caption {
    margin-top: 0 !important;
    margin-bottom: 5px;
  }
  .hero .wp-block-kadence-advancedbtn .kb-button {
    margin-top: 25px !important;
  }
}
.seo-lander__header {
  overflow: visible;
  padding: 0 0 32px;
}
.plain-list li::before {
  content: "" !important;
}
.plain-list {
  list-style-type: none;
}
.page-id-11838 .sub-navbar {
  display: none;
}

.professions_selector {
  background-color: #fff00b;
  padding: 35px 0;
}
.professions_selector__inner {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
}
@media screen and (min-width: 1024px) {
  .professions_selector__inner {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .professions_selector__inner {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .professions_selector__inner {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .professions_selector__inner {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.professions_selector__half {
  grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
  .professions_selector__half {
    grid-column: span 3;
  }
}
@media screen and (min-width: 1440px) {
  .professions_selector__half {
    grid-column: span 6;
  }
}
.professions_selector__content h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .professions_selector__content h4 {
    font-size: 26px;
    line-height: 34px;
  }
}
.professions_selector__content p {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .professions_selector__content p {
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.36;
    font-weight: 300;
    text-transform: none;
    font-weight: 400;
  }
}
.professions_selector__title {
  font-weight: 300;
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .professions_selector__title {
    font-size: 50px;
    line-height: 60px;
    margin-top: 10px;
    margin-bottom: 0;
    grid-column: span 3;
  }
}
@media screen and (min-width: 1440px) {
  .professions_selector__title {
    padding-right: 85.03289px;
  }
}
.professions_selector__breadcrumbs {
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.3px;
  margin-bottom: 16px;
}
.professions_selector__breadcrumbs a {
  color: #fff;
  text-decoration: none;
}
.professions_selector__breadcrumbs a:hover {
  color: #fff00b;
}
.professions_selector__breadcrumbs span {
  display: inline-block;
  margin: 0 6px;
}
@media screen and (min-width: 1024px) {
  .professions_selector__breadcrumbs {
    margin-bottom: 0;
  }
}
.professions_selector__info {
  font-size: 15px;
  line-height: 22px;
  font-weight: 300;
  margin-bottom: 15px;
}
@media screen and (min-width: 1024px) {
  .professions_selector__info {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 1440px) {
  .professions_selector__right {
    grid-column: 7/12;
    text-align: right;
  }
}
.professions_selector__dropdown {
  margin-top: 25px;
}
@media screen and (min-width: 1024px) {
  .professions_selector__dropdown {
    margin-top: 0;
    margin-left: auto;
  }
}
.dropdown[data-v-64c91b6c] {
  position: relative;
  max-width: 345px;
  text-align: left;
}
.dropdown_toggle[data-v-64c91b6c] {
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.5;
  font-weight: 300;
  text-transform: none;
  font-weight: 500;
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 32px;
  border-radius: 30px;
  background: #fff;
  color: #000;
  text-align: left;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
.dropdown_toggle .dropdown_toggle__caret[data-v-64c91b6c] {
  position: absolute;
  right: 25px;
  top: 24px;
  width: 23px;
  height: 12px;
}
.dropdown_toggle[data-v-64c91b6c]:hover {
  background: #000;
  color: #fff;
}
.dropdown_toggle:hover .dropdown_toggle__caret[data-v-64c91b6c] {
  color: #fff;
}
.dropdown_menu[data-v-64c91b6c] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: #fff;
  color: #000;
  padding: 20px 10px;
  border-radius: 30px;
  -webkit-box-shadow: 20px 30px 50px rgba(0, 0, 0, 0.2);
  box-shadow: 20px 30px 50px rgba(0, 0, 0, 0.2);
}
.dropdown_menu__filter[data-v-64c91b6c] {
  padding: 0 20px;
  margin-bottom: 10px;
}
.dropdown_menu__filter__input[data-v-64c91b6c] {
  width: 100%;
  font-size: 16px;
  line-height: 40px;
  border: none;
  border-bottom: 1px solid #000;
  outline: none;
}
.dropdown_menu ul[data-v-64c91b6c] {
  max-height: 50vh;
  overflow-y: auto;
}
@media screen and (min-width: 1024px) {
  .dropdown_menu ul[data-v-64c91b6c] {
    max-height: 300px;
  }
}
.dropdown_menu__item a[data-v-64c91b6c] {
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.5;
  font-weight: 300;
  text-transform: none;
  font-weight: 400;
  color: #000;
  text-decoration: none;
  display: block;
  padding: 0.5em 20px;
}
.dropdown_menu__item a[data-v-64c91b6c]:hover {
  background: #f5f1ed;
}
.slide-fade-enter-active[data-v-64c91b6c],
.slide-fade-leave-active[data-v-64c91b6c] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slide-fade-enter[data-v-64c91b6c],
.slide-fade-leave-to[data-v-64c91b6c] {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  opacity: 0;
}

.slideshowSection h2 {
  font-weight: 300;
}

/* Advertorial Lander Top Photographers Choose Format */

.advertorial-lander {
  background: #f5f1ed;
}
.advertorial-lander .navbar {
  background: #000;
}
.advertorial-lander .hero .kt-row-column-wrap {
  padding: 50px 0 !important;
}
.advertorial-lander .hero {
  background: transparent !important;
  max-width: unset;
  width: 100%;
  overflow: hidden;
  padding: 105px 0 0;
}
@media screen and (min-width: 1025px) {
  .advertorial-lander .hero {
    padding: 180px 0 130px;
    overflow: visible;
  }
}
.advertorial-lander .hero__inner {
  color: #000;
  margin: 0 auto;
  display: grid;
}
.advertorial-lander .hero__image {
  width: 105%;
  position: relative;
  top: 0;
  margin-top: 6vw;
}
@media screen and (min-width: 768px) {
  .advertorial-lander .hero__image {
    grid-column: 3/-1;
    grid-row: 1;
  }
}
@media screen and (min-width: 1024px) {
  .advertorial-lander .hero__image {
    grid-column: 1/-1;
    position: absolute;
    top: 0;
    left: auto;
    right: -19%;
    width: 69.2%;
    margin-top: -8vw;
  }
}
@media screen and (min-width: 1440px) {
  .advertorial-lander .hero__image {
    top: -155px;
    width: 71.8%;
    margin-top: 70px;
  }
}
.advertorial-lander .hero__text {
  display: contents;
}

@media screen and (min-width: 768px) {
  .advertorial-lander .hero__text > .kt-inside-inner-col {
    grid-column: 1/3;
  }
}
@media screen and (min-width: 1024px) {
  .advertorial-lander .hero__text > .kt-inside-inner-col {
    grid-column: 1/4;
  }
}
@media screen and (min-width: 1440px) {
  .advertorial-lander .hero__text > .kt-inside-inner-col {
    grid-column: 1/7;
  }
}
.advertorial-lander .hero__text .white-btn:after {
  font-size: 12px;
  letter-spacing: 0.07em;
  line-height: 1.67;
  font-weight: 300;
  text-transform: none;
  content: "No credit card required.";
  display: block;
  margin-top: 10px;
  width: 257px;
  text-align: center;
  font-weight: 400;
}
.advertorial-lander .hero__title {
  font-weight: 400;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander .hero__title {
    font-size: 60px;
  }
}
.advertorial-lander .hero__blurb {
  font-size: 20px;
}
@media screen and (min-width: 1440px) {
  .advertorial-lander .hero__blurb {
    padding-right: 25px;
  }
}
.advertorial-lander .hero__cta {
  font-size: 18px;
  font-weight: 500;
  margin-top: 10px;
}
.advertorial-lander .hero__cta:not(:hover) {
  background: #000;
  color: #fff;
  font-weight: 500;
}
.advertorial-lander__inner {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__inner {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .advertorial-lander__inner {
    max-width: 1240px;
  }
}
.advertorial-lander__subheader {
  margin-top: -20px;
  padding-bottom: 40px;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__subheader {
    margin-top: 40px;
    padding-bottom: 100px;
  }
}
.advertorial-lander__subheader .title-content__inner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__subheader .title-content__inner {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .advertorial-lander__subheader .title-content__inner {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.advertorial-lander__subheader .title-content__body,
.advertorial-lander__subheader .title-content__title {
  grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__subheader .title-content__body,
  .advertorial-lander__subheader .title-content__title {
    grid-column: 1/5;
  }
}
@media screen and (min-width: 1440px) {
  .advertorial-lander__subheader .title-content__body,
  .advertorial-lander__subheader .title-content__title {
    grid-column: 1/8;
  }
}
.advertorial-lander__subheader .title-content__title {
  margin-bottom: 30px;
}
.advertorial-lander__subheader .title-content__body {
  grid-row: 2;
}
.advertorial-lander__advantages {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__advantages {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .advertorial-lander__advantages {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.advertorial-lander__advantages .title-content {
  grid-column: 1/-1;
  padding: 0 7px 50px 0;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__advantages .title-content {
    grid-column: span 3;
  }
}
@media screen and (min-width: 1440px) {
  .advertorial-lander__advantages .title-content {
    grid-column: span 4;
  }
}
.advertorial-lander__advantages .title-content .title-content__title {
  margin-top: 20px;
  font-size: 26px;
}
.advertorial-lander__features .advertorial-lander__features-header {
  padding-top: 0;
  padding-bottom: 80px;
  text-align: center;
}
.advertorial-lander__features__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__features__list {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .advertorial-lander__features__list {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.advertorial-lander__features__list .title-content {
  grid-column: 1/-1;
  margin-bottom: 20px;
  padding: 30px;
  background: #ddd7cf;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__features__list .title-content {
    grid-column: span 3;
  }
}
@media screen and (min-width: 1440px) {
  .advertorial-lander__features__list .title-content {
    grid-column: span 6;
  }
}
.advertorial-lander__features__list .title-content__title {
  margin-bottom: 0;
  font-size: 26px;
}
.advertorial-lander__features__list .title-content__image {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__features__list .title-content__image {
    height: 325px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.advertorial-lander__features__list .title-content__image img {
  max-width: 100%;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__features__list
    .title-content:nth-child(2)
    .title-content__image {
    height: 402px;
  }
}
.advertorial-lander__features__list
  .title-content:nth-child(2)
  .title-content__title {
  margin-top: -50px;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__features__list
    .title-content:nth-child(2)
    .title-content__title {
    margin-top: -77px;
  }
}
.advertorial-lander__quotes .advertorial-lander__quotes-header {
  padding-bottom: 80px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__quotes
    .advertorial-lander__quotes-header
    .title-content__title {
    margin-bottom: 40px;
  }
}
.advertorial-lander__quotes .advertorial-lander__quotes-header ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style-type: none;
}
.advertorial-lander__quotes .advertorial-lander__quotes-header ul li {
  margin: 5px 10px;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__quotes .advertorial-lander__quotes-header ul li {
    margin: 10px 30px;
  }
}
.advertorial-lander__quotes .advertorial-lander__quotes-header ul li {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__quotes .advertorial-lander__quotes-header ul li {
    font-size: 37px;
  }
}
.advertorial-lander__quotes .advertorial-lander__quotes-header ul li:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #000;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__quotes .advertorial-lander__quotes-header ul li:before {
    width: 22px;
    height: 22px;
    margin-right: 29px;
  }
}
.advertorial-lander__quotes__list .title-content {
  padding-top: 0;
  padding-bottom: 80px;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__quotes__list .title-content {
    padding-bottom: 35px;
  }
}
.advertorial-lander__quotes__list .title-content__inner > .kt-inside-inner-col {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__quotes__list
    .title-content__inner
    > .kt-inside-inner-col {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .advertorial-lander__quotes__list
    .title-content__inner
    > .kt-inside-inner-col {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.advertorial-lander__quotes__list .title-content__title {
  display: none;
}
.advertorial-lander__quotes__list .title-content__image {
  grid-row: 2;
  grid-column: 1/-1;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .advertorial-lander__quotes__list .title-content__image {
    grid-column: 2/4;
  }
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__quotes__list .title-content__image {
    grid-row: 1;
    grid-column: 4/-1;
    margin-top: 0;
  }
}
@media screen and (min-width: 1440px) {
  .advertorial-lander__quotes__list .title-content__image {
    grid-column: 8/12;
  }
}
.advertorial-lander__quotes__list .title-content__image img {
  max-width: 100%;
}
.advertorial-lander__quotes__list .title-content__body {
  grid-row: 1;
  grid-column: 1/-1;
}
@media screen and (min-width: 768px) {
  .advertorial-lander__quotes__list .title-content__body {
    grid-column: 2/4;
  }
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__quotes__list .title-content__body {
    grid-column: 1/4;
  }
}
@media screen and (min-width: 1440px) {
  .advertorial-lander__quotes__list .title-content__body {
    grid-column: span 6;
  }
}
.advertorial-lander__quotes__list .title-content__body blockquote {
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 300;
}
.advertorial-lander__quotes__list .title-content__body blockquote p {
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__quotes__list .title-content__body blockquote {
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
  }
}
.advertorial-lander__quotes__list .title-content__body blockquote cite {
  font-size: 18px;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.5;
  font-weight: 300;
  text-transform: none;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}
.advertorial-lander__quotes__list .title-content__body blockquote cite::before {
  content: "\2014 ";
  margin-right: 5px;
}
.advertorial-lander__quotes__list .title-content__body blockquote cite a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  display: inline-block;
  line-height: 1;
  border-bottom: 1px solid;
}
.advertorial-lander__quotes__list .title-content__body blockquote cite a:hover {
  color: #fff;
  border-bottom-color: transparent;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__quotes__list
    .title-content:nth-child(2n)
    .title-content__image {
    grid-row: 1;
    grid-column: 1/4;
  }
}
@media screen and (min-width: 1440px) {
  .advertorial-lander__quotes__list
    .title-content:nth-child(2n)
    .title-content__image {
    grid-column: 2/6;
  }
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__quotes__list
    .title-content:nth-child(2n)
    .title-content__body {
    grid-column: 4/-1;
  }
}
@media screen and (min-width: 1440px) {
  .advertorial-lander__quotes__list
    .title-content:nth-child(2n)
    .title-content__body {
    grid-column: 7/-1;
  }
}
.advertorial-lander__cta-footer.cta-text {
  background: #000;
  color: #fff;
  border-bottom: 1px solid #fff;
  margin-top: 20px;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__cta-footer.cta-text {
    margin-top: 65px;
  }
}
.advertorial-lander__cta-footer.cta-text
  .cta-text__inner
  > .kt-inside-inner-col {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 3.99%;
}
@media (max-width: 550px) {
  .advertorial-lander__cta-footer.cta-text
    .cta-text__inner
    > .kt-inside-inner-col {
    max-width: 100%;
    width: 100%;
  }
  .advertorial-lander__cta-footer .black-btn a {
    font-size: 17px !important;
  }
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__cta-footer.cta-text
    .cta-text__inner
    > .kt-inside-inner-col {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .advertorial-lander__cta-footer.cta-text
    .cta-text__inner
    > .kt-inside-inner-col {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__cta-footer.cta-text
    .cta-text__inner
    > .kt-inside-inner-col {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .advertorial-lander__cta-footer.cta-text
    .cta-text__inner
    > .kt-inside-inner-col {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.61%;
  }
}
.advertorial-lander__cta-footer.cta-text .cta-text__text {
  grid-column: 1/-1;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__cta-footer.cta-text .cta-text__text {
    grid-column: 1/5;
    text-align: left;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1440px) {
  .advertorial-lander__cta-footer.cta-text .cta-text__text {
    grid-column: 2/8;
  }
}
.advertorial-lander__cta-footer.cta-text .cta-text__button {
  grid-row: 2;
  grid-column: 1/-1;
  margin: auto;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__cta-footer.cta-text .cta-text__button {
    grid-row: 1;
    grid-column: 5/-1;
  }
}
@media screen and (min-width: 1440px) {
  .advertorial-lander__cta-footer.cta-text .cta-text__button {
    grid-column: 8/-1;
  }
}
@media screen and (min-width: 1024px) {
  .advertorial-lander__cta-footer.cta-text .cta-text__title {
    font-size: 40px;
  }
}
.advertorial-lander__cta-footer.cta-text .cta-text__blurb {
  font-size: 18px !important;
  letter-spacing: normal;
  line-height: 1.5;
  font-weight: 300;
  text-transform: none;
  font-weight: 400;
}
.advertorial-lander__cta-footer.cta-text .cta-text__cta {
  font-size: 18px;
  font-weight: 500;
}
.advertorial-lander__cta-footer.cta-text .cta-text__cta:not(:hover) {
  background: #fff;
  color: #000;
}
.advertorial-lander--Dark,
.advertorial-lander--Dark .article-cta,
.advertorial-lander--Dark .hero__inner {
  background-color: #000;
  color: #fff;
}
.advertorial-lander--Dark .article-cta {
  border: 2px solid #fff;
  margin-top: 100px;
  margin-bottom: 80px;
  padding: 100px 0;
}
.advertorial-lander--Dark .article-cta__cta:not(:hover),
.advertorial-lander--Dark .hero__cta:not(:hover) {
  background: #fff;
  color: #000;
}
.advertorial-lander--Dark .advertorial-lander__features__list .title-content {
  background: #0c0c0c;
}
.advertorial-lander--Dark
  .advertorial-lander__quotes
  .advertorial-lander__quotes-header
  ul
  li:before {
  background: #fff;
}
.advertorial-lander--Dark
  .advertorial-lander__quotes__list
  .title-content__body
  blockquote
  cite,
.advertorial-lander--Dark
  .advertorial-lander__quotes__list
  .title-content__body
  blockquote
  cite
  a {
  color: hsla(0, 0%, 100%, 0.7);
}
.advertorial-lander--Dark .advertorial-lander__cta-footer.cta-text {
  background: #fff00b;
  color: #000;
  border: none;
}
.advertorial-lander--Dark
  .advertorial-lander__cta-footer.cta-text
  .cta-text__cta
  a {
  background: #000;
  color: #fff;
}
.advertorial-lander--Dark
  .advertorial-lander__cta-footer.cta-text
  .cta-text__cta
  a:hover {
  background: #fff;
  color: #000;
}

.advertorial-lander
  .hero
  > .kt-row-layout-inner
  > .kt-row-column-wrap
  > .wp-block-kadence-column {
  display: contents;
}
.advertorial-lander .hero__inner > .kt-inside-inner-col {
  margin: 0 auto;
  max-width: 86.93%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 3.99%;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander.hero__inner > .kt-inside-inner-col {
    max-width: 90.04%;
  }
}
@media screen and (min-width: 1440px) {
  .advertorial-lander .hero__inner > .kt-inside-inner-col {
    max-width: 1240px;
  }
}
@media screen and (min-width: 1024px) {
  .advertorial-lander .hero__inner > .kt-inside-inner-col {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 2.6%;
  }
}
@media screen and (min-width: 1440px) {
  .advertorial-lander .hero__inner > .kt-inside-inner-col {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.61%;
  }
}
.max-800 {
  max-width: 800px;
}
.advertorial-lander .article-cta__button > .kt-inside-inner-col {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-self: center;
  justify-content: center;
  grid-column: 1/-1;
  margin-left: 0;
  gap: 50px;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander .article-cta__button > .kt-inside-inner-col {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    grid-column: 4/-1;
  }
}
.advertorial-lander .article-cta__button img {
  width: 172px;
  height: auto;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .advertorial-lander .article-cta__button img {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1440px) {
  .advertorial-lander .article-cta__button > .kt-inside-inner-col {
    grid-column: 7/12;
  }
}
@media (max-width: 1100px) {
  .advertorial-lander blockquote {
    margin: 0;
  }
}

.dark-gray-bg {
  background-color: #0c0c0c;
}

.special-margin {
  margin: -90px 0 0 0 !important;
}
.title-content__title {
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  font-size: 26px;
  margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .title-content__title {
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
    font-weight: 400;
  }
}
.title-content__body {
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.5;
  font-weight: 300;
  text-transform: none;
  font-weight: 400;
}
.page-template-page-advertorial > #page > .content-area.boxed {
  padding: 0;
  width: unset;
}

/* Magazine Old layout */

@media (min-width: 1024px) {
  .postid-15892 .single-content-left .entry-content,
  .postid-15878 .single-content-left .entry-content,
  .postid-15879 .single-content-left .entry-content,
  .postid-15880 .single-content-left .entry-content,
  .postid-15881 .single-content-left .entry-content,
  .postid-15882 .single-content-left .entry-content,
  .postid-15883 .single-content-left .entry-content,
  .postid-10024 .single-content-left .entry-content,
  .postid-15885 .single-content-left .entry-content,
  .postid-15886 .single-content-left .entry-content,
  .postid-15887 .single-content-left .entry-content,
  .postid-15888 .single-content-left .entry-content,
  .postid-15889 .single-content-left .entry-content,
  .postid-15890 .single-content-left .entry-content,
  .postid-15891 .single-content-left .entry-content,
  .postid-15893 .single-content-left .entry-content {
    max-width: 97%;
  }
}
@media screen and (min-width: 1440px) {
  .dialogue__section--header-background {
    height: calc(100vh - 48px);
  }
}
.image-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.bg-white {
  background-color: #fff;
}
.untitled-sans {
  font-family: Untitled Sans;
}
.text-article-quote {
  font-family: Tiempos, Georgia, Cambria, Times New Roman, Times, serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: 1px;
}

.hero.education {
  padding-top: 90px;
  padding-bottom: 0px;
  max-width: 100%;
  margin-bottom: -5px !important;
  margin: 0;
}

@media (max-width: 1023px) {
  .hero.education {
    padding-top: 65px;
  }
}

.hero.education .inner-column-1 .kt-inside-inner-col {
  /*  padding: 90px 110px 0 120px; */
  padding: 10%;
}

/* @media (max-width: 1023px) {
    .hero.education .inner-column-1 .kt-inside-inner-col {
        padding: 90px 110px 0 40px;
    }
} */

.hero.education .inner-column-2 .kt-inside-inner-col {
  padding: 75px 0 0 0;
}

@media (min-width: 1024px) {
  .hero.education .inner-column-2 .kt-inside-inner-col .hero__image {
    margin-left: -160px;
  }
}

@media (min-width: 820px) and (max-width: 1023px) {
  .hero.education .inner-column-2 .kt-inside-inner-col .hero__image {
    margin-top: 206px;
  }
}

@media (min-width: 768px) and (max-width: 819px) {
  .hero.education .inner-column-2 .kt-inside-inner-col .hero__image {
    margin-top: 292px;
  }
}

.hero.education .inner-column-2 .kt-inside-inner-col .hero__image img {
  width: 100%;
}

@media (max-width: 767px) {
  .education-tabs {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
  }
  .education-tabs .kt-tabs-content-wrap > .wp-block-kadence-tab {
    padding: 20px 20px 20px 20px !important;
  }
}

.education-tabs .kt-tabs-title-list {
  /*  justify-content: center; */
  max-width: 1240px;
  background-color: #191919;
  margin: 0 auto !important;
  position: relative;
}

@media (max-width: 767px) {
  .education-tabs .kt-tabs-title-list {
    flex-wrap: nowrap !important;
    overflow: scroll;
    padding: 0 0 0 20px !important;
  }
  .education-tabs .kt-tabs-title-list .kt-title-item {
    white-space: nowrap;
  }
  .education-tabs .kt-tabs-title-list::-webkit-scrollbar {
    display: none;
  }
}

.education-tabs .kt-tabs-title-list::before {
  content: "";
  display: block;
  background-color: #191919;
  position: absolute;
  right: 100%;
  top: 0;
  height: 100%;
  width: 100vw;
}

.education-tabs .kt-tabs-title-list::after {
  content: "";
  display: block;
  background-color: #191919;
  position: absolute;
  left: 100%;
  top: 0;
  height: 100%;
  width: 100vw;
}

@media (max-width: 767px) {
  .education-tabs .kt-tabs-title-list::after {
    width: initial;
  }
}

.education-tabs .kt-tabs-content-wrap > .wp-block-kadence-tab {
  background: #000 !important;
  border-width: 0 !important;
}

.education-tabs
  .kt-tabs-content-wrap
  > .wp-block-kadence-tab
  > .kt-tab-inner-content-inner {
  max-width: 1240px;
  margin: 0 auto;
}

@media screen and (min-width: 1024px) {
  .spinning_circle.education {
    width: 200px;
    height: 200px;
    top: 30%;
    left: 85%;
  }
  .spinning_circle.education.success {
    top: 110%;
    left: 50%;
  }
}

@media screen and (min-width: 1440px) {
  .spinning_circle.education {
    top: 30%;
    left: 95%;
  }
}

@media screen and (max-width: 1023px) {
  .spinning_circle.education {
    width: 150px;
    height: 150px;
    top: 61%;
    left: 55%;
  }
  .spinning_circle.education.success {
    top: 94%;
    left: 90%;
  }
}
@media screen and (max-width: 767px) {
  .spinning_circle.education {
    top: 64%;
  }
}

@media screen and (min-width: 820px) and (max-width: 1023px) {
  .spinning_circle.education {
    width: 150px;
    height: 150px;
    top: 67%;
    left: 55%;
  }
  .spinning_circle.education.success {
    top: 100%;
    left: 50%;
  }
}

@media screen and (min-width: 768px) and (max-width: 819px) {
  .spinning_circle.education {
    width: 150px;
    height: 150px;
    top: 65%;
    left: 55%;
  }
  .spinning_circle.education.success {
    top: 100%;
    left: 55%;
  }
}

.education-quote__text {
  font-weight: 300;
  font-size: 22px;
  line-height: 38px;
}

.education-hr {
  width: 15%;
  margin: 0;
  border: 0;
}

.education-success__text {
  font-weight: 300;
  font-size: 20px;
  line-height: 35px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .education-success__text {
    font-weight: 300;
    font-size: 16px;
    line-height: 23px;
  }
}

@media screen and (min-width: 1024px) {
  .educators-quote:nth-of-type(1) .kt-row-column-wrap {
    margin-left: 0 !important;
  }

  .educators-quote:nth-of-type(2) .kt-row-column-wrap {
    margin-right: 0 !important;
  }
  .educators-quote:nth-of-type(2) {
    margin-top: -60px;
  }
}

.educators-quote__school {
  font-size: 26px;
  font-weight: 300;
  text-transform: uppercase;
  text-decoration: underline;
  margin: 15px 0 0;
}

.success-story__name {
  font-size: 18px;
  margin-bottom: 0;
}

.success-story__name strong {
  font-size: 16px;
  font-weight: normal;
  display: none;
}

@media screen and (min-width: 768px) {
  .success-story__name strong {
    display: inline-block;
  }
}
/* Promo Bar */
.promo-bar {
  /* height: 25px; */
  width: 100%;
  text-align: center;
  position: fixed !important;
  z-index: 100 !important;
  padding: 0;
  top: 0;
}
/* div.promo-bar + nav.navbar {
  margin-top:25px;
}  */
.show-mobile {
  display: none;
}
.hide-mobile {
  display: block;
}
.show-mobile-inline-flex {
  display: none;
}
.hide-mobile-inline-flex {
  display: inline-flex;
}
@media (max-width: 680px) {
  .show-mobile {
    display: block;
  }
  .hide-mobile {
    display: none;
  }
  .show-mobile-inline-flex {
    display: inline-flex;
  }
  .hide-mobile-inline-flex {
    display: none;
  }}
.show-tablet {
  display: none;
}
.hide-tablet {
  display: block;
}
@media (min-width:681px) and (max-width:1139px) {
  .show-tablet {
    display: block;
  }
  .hide-tablet {
    display: none;
  }
}
.promo-showing {
  padding-top: 25px;
}
/* test removing logged in state- reports of overlapping navbar 8/21/23 */
/*
body.logged-in .promo-showing {
    padding-top: 0;
}
*/
.promo-showing .filter[data-v-65f45b1d] {
  top: 100px;
}
@media screen and (min-width: 1024px) {
  .promo-showing .filter[data-v-65f45b1d] {
    top: 124px;
  }
}
.promo-showing .preview-template {
  top: 35px;
}
.hero__image figcaption,
.cta-text__image__container figcaption {
  text-align: center;
}
.cta-text__image__container figcaption a {
  color: #fff;
}

.promo-bar .kt-row-column-wrap {
  padding-top: 10px !important;
}

/* body.logged-in .promo-bar {
    top: 32px;
} */

@media screen and (max-width: 600px) {
  .pricing__tabs,
  .page-template-page-pricing .header__cta {
    display: none;
  }
}

.is-pinned .comparison-table--plan-tagline[data-v-1d892f19],
.is-pinned .comparison-table--plan-name[data-v-1d892f19] {
  margin: 5px 0;
}

.is-pinned .comparison-table--plan-price[data-v-1d892f19],
.is-pinned .comparison-table--plan-cta[data-v-1d892f19] {
  margin-top: 10px;
}

.is-pinned .comparison-table--plan-price-monthly[data-v-1d892f19] {
  margin-bottom: 0;
}

.pricing-table--package,
.is-pinned .mostPopular__banner[data-v-1d892f19] {
  display: none;
}

.pricing-table--box {
  padding: 15px;
  background-color: #fff;
  margin-top: 15px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.pricing-table--box ul {
  list-style: disc;
}

.pricing-table--package .comparison-table--column[data-v-1d892f19] {
  width: 100%;
  padding: 0;
}

@media screen and (max-width: 1024px) {
  .pricing-table--package .comparison-chart.alignfull-mobile[data-v-1d892f19] {
    margin-left: initial;
    margin-right: initial;
    max-width: initial;
  }
}
.has-white-color li {
  color: #ffffff !important;
}
.btn_black_white_font {
  color: #fff !important;
}
.layout.page-online-portfolio .howto-toc ul li,
.layout.page-online-portfolio .howto-toc ul li a {
  color: #fff;
}
.text-white,
.text-white a {
  color: #fff !important;
}

.pink-gradient-bg {
  background: linear-gradient(
    180deg,
    #bc8284 0%,
    #cc9598 49.86%,
    #dca9ad 100%
  ) !important;
}

.teal-gradient-bg {
  background: linear-gradient(
    180deg,
    #3ba79e 0%,
    #3ba79e 49.86%,
    #6cd5d2 100%
  ) !important;
}

.blue-gradient-bg {
  background: linear-gradient(
    180deg,
    #6884ad 0%,
    #7e9fc5 49.86%,
    #a6bfdd 100%
  ) !important;
}
.purple-gradient-bg {
  background: linear-gradient(
    180deg,
    #d2afff 0%,
    #e1c4ff 49.86%,
    #e6d7ff 100%
  ) !important;
}
.bluegray-gradient-bg {
  background: linear-gradient(
    180deg,
    #8c89ad 0%,
    #a69db9 49.86%,
    #d8d2dd 100%
  ) !important;
}
.lavender-gradient-bg {
  background: linear-gradient(
    180deg,
    #8e5cd0 0%,
    #b38ee4 49.86%,
    #ccadf6 100%
  ) !important;
}
.green-gradient-bg {
  background: linear-gradient(
    180deg,
    #788954 0%,
    #9aa67e 49.86%,
    #b6c59d 100%
  ) !important;
}
.lime-gradient-bg {
  background: #d5ddcc !important;
}
.avocado-gradient-bg {
  background: #9fb288 !important;
}
.avocado-lime-gradient-bg {
  background: linear-gradient(
    180deg,
    #9fb288 0%,
    #d5ddcc 100%
  ) !important;
}
.button-avocado a.kb-button {background: #9fb288 !important;}

.one-pager-hero {
  padding: 95px 0 0;
}
.one-pager-designer-hero {
  padding-bottom: 0px !important;
}
.artist-nav {
  border-bottom: 2px solid #000 !important;
  z-index: 9999;
}

@media screen and (min-width: 1300px) {
  .artist-hero-inner {
    margin-top: -80px !important;
    margin-bottom: -120px !important;
  }
}
/* @media screen and (max-width: 768px) {
    .artist-hero-inner {
        margin-top: 40px !important;
        margin-bottom: -60px !important;
    }
} */

.artist-nav ul {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
}

@media (max-width: 768px) {
  .artist-nav ul {
    overflow: scroll;
    align-items: center;
  }
}

.artist-nav ul li {
  padding: 15px;
  text-align: center;
}

.artist-nav a {
  color: #000;
  text-decoration: none;
}

.artist-nav a:hover {
  text-decoration: underline;
}

.beige-bg {
  background-color: #ece3d8;
}

.light-beige-bg {
  background-color: #f3efea;
}
.light-beige-bg p {
  font-size: 18px;
}
.one-pager-gradient-split {
  display: flex;
  overflow: hidden;
}
.pink-gradient-split {
  background-image: linear-gradient(
    180deg,
    #bc8284 0%,
    #cc9598 49.86%,
    #dca9ad 100%
  );
}
.teal-gradient-split {
  background-image: linear-gradient(
    180deg,
    #3ba79e 0%,
    #3ba79e 49.86%,
    #6cd5d2 100%
  ) !important;
}
.blue-gradient-split {
  background: linear-gradient(
    180deg,
    #6884ad 0%,
    #7e9fc5 49.86%,
    #a6bfdd 100%
  ) !important;
}
.purple-gradient-split {
  background: linear-gradient(
    180deg,
    #d2afff 0%,
    #e1c4ff 49.86%,
    #e6d7ff 100%
  ) !important;
}
.bluegray-gradient-split {
  background: linear-gradient(
    180deg,
    #8c89ad 0%,
    #a69db9 49.86%,
    #d8d2dd 100%
  ) !important;
}
.lavender-gradient-split {
  background: linear-gradient(
    180deg,
    #8e5cd0 0%,
    #b38ee4 49.86%,
    #ccadf6 100%
  ) !important;
}
.green-gradient-split {
  background: linear-gradient(
    180deg,
    #788954 0%,
    #9aa67e 49.86%,
    #b6c59d 100%
  ) !important;
}

.one-pager-gradient-split::before {
  content: "";
  flex: 1;
  position: absolute;
  width: 55%;
  height: 100%;
}
.pink-gradient-split::before {
  background-image: linear-gradient(
    180deg,
    #bc8284 0%,
    #cc9598 49.86%,
    #dca9ad 100%
  );
}
.teal-gradient-split::before {
  background-image: linear-gradient(
    180deg,
    #3ba79e 0%,
    #3ba79e 49.86%,
    #6cd5d2 100%
  ) !important;
}
.blue-gradient-split::before {
  background: linear-gradient(
    180deg,
    #6884ad 0%,
    #7e9fc5 49.86%,
    #a6bfdd 100%
  ) !important;
}
.purple-gradient-split::before {
  background: linear-gradient(
    180deg,
    #d2afff 0%,
    #e1c4ff 49.86%,
    #e6d7ff 100%
  ) !important;
}
.bluegray-gradient-split::before {
  background: linear-gradient(
    180deg,
    #8c89ad 0%,
    #a69db9 49.86%,
    #d8d2dd 100%
  ) !important;
}
.green-gradient-split::before {
  background: linear-gradient(
    180deg,
    #788954 0%,
    #9aa67e 49.86%,
    #b6c59d 100%
  ) !important;
}

.one-pager-gradient-split::after {
  content: "";
  flex: 1;
  position: absolute;
  width: 45%;
  height: 100%;
  right: 0;
}
.pink-gradient-split::after {
  background-color: #f3efea;
}
.teal-gradient-split::after {
  background-color: #f3efea;
}
.blue-gradient-split::after {
  background-color: #f3efea;
}
.purple-gradient-split::after {
  background-color: #f3efea;
}
.bluegray-gradient-split::after {
  background-color: #f3efea;
}
.green-gradient-split::after {
  background-color: #f3efea;
}

@media (max-width: 768px) {
  .one-pager-gradient-split::before {
    width: 100%;
    height: 75%;
  }

  .one-pager-gradient-split::after {
    width: 100%;
    height: 25%;
    bottom: 0;
  }

  .artist-nav ul {
    overflow: scroll;
    align-items: center;
  }
}
.artist-image-border img {
  border-radius: 21px;
  border: 2px solid #000;
  padding: 10px;
}
.artist-image-border img:hover,
.one-pager-image-link-wrap:hover {
  -webkit-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.4);
  transition: transform ease 0.2s, box-shadow ease 0.2s;
}

/* @media (max-width: 768px) {
    .artist-image-border {
        text-align: center;
    }
    .artist-image-border img {
        width: 90%;
    }

} */

.disclaimer-text {
  background-color: #191919;
  color: #fff;
  padding: 30px 0;
  font-weight: 300;
  font-size: 18px;
  line-height: 27px;
}

.no-cc {
  max-width: 250px;
  text-align: center;
  color: #000;
}

.no-cc.white {
  color: #fff;
}

.no-cc.small {
  font-size: 12px;
  letter-spacing: 0.07em;
  line-height: 1.67;
  font-weight: 300;
  max-width: 225px;
}

@media (max-width: 1024px) {
  .no-cc,
  .no-cc.small {
    max-width: 100%;
  }
}

.subheader-title {
  font-weight: 300;
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 30px;
  color: #000;
}

.subheader-title-small {
  font-weight: 400;
  font-size: 26px;
  line-height: 34px;
  margin-bottom: 30px;
  color: #000;
}

.subheader-title-small.light {
  font-weight: 300;
  font-size: 20px;
}

.subheader-title-smaller {
  font-weight: 300;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 30px;
  color: #000;
  margin-top: 10px;
}

.subheader-title-smaller.white {
  color: #fff;
}

.subheader-body {
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  color: #000;
}

.subheader-body.white {
  color: #fff;
}

.one-pager-pricing-table,
.one-pager-pricing-table .comparison-chart,
.one-pager-pricing-table .comparison-table--row:first-child {
  background: #f3efea;
}

.one-pager-pricing-table .mostPopular__banner {
  line-height: 1;
  padding: 10px 10px 6px;
  font-size: 15px;
  text-transform: uppercase;
}
.artist-pricing-table .mostPopular__banner {
  background: #dca9ad;
}
.designer-pricing-table .mostPopular__banner {
  background: #65ceca;
}
.film-pricing-table .mostPopular__banner {
  background: #7e9fc5;
}
.fashion-pricing-table .mostPopular__banner {
  background: #d2afff;
}
.photography-pricing-table .mostPopular__banner {
  background: #8c89ad;
}
.architecture-pricing-table .mostPopular__banner {
  background: #80a15e;
  top: -47px;
}
.avocado-pricing-table .mostPopular__banner {
  background: #96a678;
}
.one-pager-pricing-table .mostPopular .comparison-table--plan-price-annually {
  color: #fff;
}

.one-pager-pricing-table .desktop-feature {
  display: none;
  transition: 0.4s ease all;
}

.hide-navbar .navbar,
.hide-navbar.section-professions .artist-nav,
.hide-navbar.section-professions .site-footer {
  display: none;
}

.hide-navbar .one-pager-hero {
  padding-top: 0;
}

.one-pager-creatives-websites p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #000;
  margin: 10px 0;
}

.one-pager-creatives-websites p a {
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: #000;
}

.one-pager-creatives-websites p a:hover {
  text-decoration: none;
}

/* .one-pager-pricing-table .comparison-table--plan-cta {
    background-color: #fff;
} */

.one-pager-pricing-table .comparison-table--plan-cta:hover {
  background-color: #fff;
  color: #000;
}

.one-pager-pricing-table .mostPopular .comparison-table--plan-cta {
  background-color: #fff;
}

.one-pager-pricing-table .mostPopular .comparison-table--plan-cta:hover {
  background-color: #000;
  color: #fff;
}

/* .artist-hero-gallery {
    background-image: url('/wp-content/uploads/Macbook-1.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    padding: 7vh 0 6vh 9vw;
} */

/* @media (max-width: 1024px) {
    .artist-hero-gallery {
        padding: 3vh 0 8vh 6vw;
    }
}

@media (max-width: 768px) {
    .artist-hero-gallery {
        padding: 3vh 0 8vh 4vw;
    }
}

@media (max-width: 480px) {
    .artist-hero-gallery {
        padding: 3vh 0 8vh 2vw;
    }
} */

.one-pager-gallery {
  position: relative;
  /* padding: 7vh 0 6vh 9vw; */
  padding: 16%;
  padding-right: 0 !important;
}
.one-pager-gallery::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
  z-index: -1;
}
.artist-hero-gallery::before {
  background-image: url("../png/macbook-1.png");
}
.designer-hero-gallery::before {
  background-image: url("../png/macbook-teal-cut-bg.png");
}
.film-hero-gallery::before {
  background-image: url("../png/macbook-pro-blue-cut.png");
}
.fashion-hero-gallery::before {
  background-image: url("../png/macbook-lavender-cutoff.png");
}
.photography-hero-gallery::before {
  background-image: url("../png/macbook-pro-purple-cut.png");
}
.architecture-hero-gallery::before {
  background-image: url("../png/macbook-green-cut.png");
}
.shootproof-hero-gallery::before {
  background-image: url("../png/macbook-pro-lime-cutout.png");
}

/* add for wide screen so laptop not cut off */
@media (min-width: 1440px) {
  .one-pager-gallery::before {
    left: 18px;
  }
  .artist-hero-gallery::before {
    background-image: url("../png/macbook-rose.png");
  }
  .designer-hero-gallery::before {
    background-image: url("../png/macbook-teal-bg.png");
  }
  .film-hero-gallery::before {
    background-image: url("../png/macbook-pro-blue-full.png");
  }
  .fashion-hero-gallery::before {
    background-image: url("../png/macbook-lavender-full.png");
  }
  .photography-hero-gallery::before {
    background-image: url("../png/macbook-pro-purple-full.png");
  }
  .architecture-hero-gallery::before {
    background-image: url("../png/macbook-green.png");
  }
  .shootproof-hero-gallery::before {
    background-image: url("../png/macbook-pro-lime-full-fit.png");
  }
  .one-pager-gallery {
    padding-top: 16%;
    padding-right: 13% !important;
    padding-left: 15.5%;
    padding-bottom: 16%;
  }
  .artist-hero-gallery {
    padding-right: 13% !important;
    padding-left: 15.5%;
  }
  .designer-hero-gallery {
    padding-right: 13.5% !important;
    padding-left: 14.5%;
  }
  .film-hero-gallery,
  .fashion-hero-gallery,
  .photography-hero-gallery {
    padding-right: 13.5% !important;
    padding-left: 14.5%;
  }
}

.one-pager-gallery img {
  height: auto !important;
  top: 1px !important;
  left: 1px !important;
}

a.black-link,
a.black-link:hover,
a.black-link:active,
a.black-link:focus {
  color:#000;
}
.black-link-underline {
  margin: 0;
}

.black-link-underline a,
.button-clear {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  color: #000;
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  padding-bottom: 8px;
  position: relative;
  text-decoration: none;
  margin-top: 16px;
}

.black-link-underline a::after,
.button-clear::after {
  -webkit-transition: -webkit-transform 250ms linear;
  transition: -webkit-transform 250ms linear;
  transition: transform 250ms linear;
  transition: transform 250ms linear, -webkit-transform 250ms linear;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  content: "";
  background-color: #000;
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.black-link-underline a:hover::after,
.button-clear:hover::after {
  -webkit-transform: translate3d(0, -3px, 0);
  transform: translate3d(0, -3px, 0);
}
.button-clear {
  background: none !important;
  padding-left: 0 !important;
  border-radius: 0 !important;
}

.top-theme-title {
  font-size: 19px;
  line-height: 24px;
  font-weight: 500;
  color: #000;
}
#store,
#pricing,
#templates,
#examples,
#domain {
  scroll-margin-top: 110px;
}

.one-pager-pricing-table tr:nth-child(8),
.one-pager-pricing-table tr:nth-child(9),
.one-pager-pricing-table tr:nth-child(10),
.one-pager-pricing-table tr:nth-child(11),
.one-pager-pricing-table tr:nth-child(12),
.one-pager-pricing-table tr:nth-child(13),
.one-pager-pricing-table tr:nth-child(14),
.one-pager-pricing-table tr:nth-child(15),
.one-pager-pricing-table tr:nth-child(16),
.one-pager-pricing-table tr:nth-child(17),
.one-pager-pricing-table tr:nth-child(18),
.one-pager-pricing-table tr:nth-child(19),
.one-pager-pricing-table tr:nth-child(20),
.one-pager-pricing-table tr:nth-child(23),
.one-pager-pricing-table tr:nth-child(24),
.one-pager-pricing-table tr:nth-child(25),
.one-pager-pricing-table tr:nth-child(26) {
  display: none !important;
}

#artist-pricing-button-full {
  display: none;
}
.number-bullet-22 li {
  font-size: 22px;
}
.btn-trans-bg {
  background: none !important;
  border: 2px solid #fff !important;
  color: #fff !important;
}
a.btn-trans-bg::after {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='white' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
}
.legal-row {
  color: #fff;
}

.hero--spotlight-index {
  background-image: linear-gradient(180deg, #bd8d83 0%, #f3c5ba 100%);
}

.hero_online-portfolio.hero-only .hero__image img {
  margin-left: 0;
}

@media screen and (min-width: 1024px) {
  .hero_online-portfolio.hero-only .hero__text {
    grid-column: 4/-1;
    max-width: 100%;
  }
  .hero_online-portfolio.hero-only .hero__image {
    top: 40%;
  }
}

@media screen and (min-width: 1440px) {
  .hero_online-portfolio.hero-only .hero__image {
    top: -75px;
    left: -25%;
    margin-bottom: 0;
  }
  .hero_online-portfolio.hero-only .hero__text {
    grid-column: 7/-1;
    max-width: 100%;
  }
}

.hero_online-portfolio.hero-only .hero__title {
  font-size: 40px;
  letter-spacing: initial;
  line-height: 1.25;
  font-weight: 300;
  text-transform: initial;
}

@media screen and (min-width: 1024px) {
  .hero_online-portfolio.hero-only .hero__title {
    font-size: 50px;
    letter-spacing: initial;
    line-height: 1.2;
    font-weight: 300;
    text-transform: initial;
    width: 98%;
    margin-left: 0;
  }
}

@media screen and (min-width: 1440px) {
  .hero_online-portfolio.hero-only .hero__title {
    font-size: 70px;
    letter-spacing: initial;
    line-height: 1.11;
    font-weight: 300;
    text-transform: initial;
  }
}

.hero_online-portfolio.hero-only .hero__blurb {
  font-size: 15px;
  letter-spacing: initial;
  line-height: 1.67;
  font-weight: 300;
  text-transform: initial;
  margin-top: 25px;
}

@media screen and (min-width: 1024px) {
  .hero_online-portfolio.hero-only .hero__blurb {
    font-size: 22px;
    letter-spacing: initial;
    line-height: 1.36;
    font-weight: 300;
    text-transform: initial;
    max-width: 89.33%;
  }
}
/*.selling_row_alt {
    padding:15px;
    background-color: #171717;
    margin-bottom:25px;
}*/
.home-swimlane {
  background-color: #171717;
}
.home-swimlane.swimlane-black {
  background-color: #000;
}
.home-swimlane h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 300;
  line-height: 50px;
}
.home-swimlane p {
  font-size: 22px;
  font-weight: 300;
  line-height: 30px;
}
.home-swimlane .p-sub {
  font-size: 26px;
  font-weight: 400;
  line-height: 41px;
}
.home-swimlane .p-header {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
/* additional Made For navigation */
.professions_submenu,
.navbar__badge-anchor {
  display: none;
}
.solutionsMenu {
  left: 30px;
}
.professions_submenu {
  left: 120px;
}
@media screen and (min-width: 1024px) {
  .navbar__left {
    padding-left: 0;
  }
}
@media screen and (max-width: 1220px) {
  .navbar__links {
    margin-left: 5px;
  }
  .solutionsMenu {
    left: 5px;
  }
  .professions_submenu {
    left: 135px;
  }
}
/* mobile */
.navbar__mobile-container--active {
  overflow: scroll;
}
.floatingCarot {
  margin-left: auto;
  margin-right: 25px;
  order: 2;
  font-size: 24px;
}
.mobileSubNav {
  display: none;
}
.mobileSubNav .navbar__mobile-item {
  padding-left: 50px;
}
figure.image-round-column {
  width: 184px;
  text-align: center;
  margin: 0 auto;
}
.button-outline-long .kt-button.kb-button.kb-btn-global-fill,
.button-outline-long .kt-button.kb-button.kb-btn-global-fill:visited {
  background: transparent;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  color: #fff;
  width: 184px;
  padding: 8px 0;
  font-size: 14px !important;
}
.button-outline-long .kt-button.kb-button.kb-btn-global-fill:hover,
.button-outline-long .kt-button.kb-button.kb-btn-global-fill:active,
.button-outline-long .kt-button.kb-button.kb-btn-global-fill:focus {
  color: #000;
  background: #fff;
}
.row-section-link-hover {
  cursor: pointer;
  transform: scale(1);
  transition: transform 0.3s ease;
}
.row-section-link-hover figure {
  opacity: 0.5;
  transform: scale(1.1);
  transition: transform 0.3s ease;
}
.row-section-link-hover
  .button-outline-long
  .kt-button.kb-button.kb-btn-global-fill {
  color: #000;
  background: #fff;
}

.page-id-17585 .navbar {
  background-color: #000;
}

.page-id-17585 .slick-vertical .slick-slide {
  height: 280px;
  border: 1px solid #fff;
  border-radius: 20px;
}

.page-id-17585 .browser__thumb-container {
  padding: 0 3%;
  top: 5%;
}

.page-id-17585 .browser__thumb {
  padding-bottom: 64%;
}

.page-id-17585 .browser__thumb-img img {
  border-radius: 10px;
  height: 100%;
}

@media screen and (min-width: 1440px) {
  .page-id-17585 .feature-set__feature > .kt-inside-inner-col {
    grid-column-gap: 4%;
  }
}

.page-id-17585 .wp-block-kadence-column {
  overflow: visible;
}
.eyebrow {
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 24px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}
.quote-large {
  font-size: 50px !important;
  font-weight: 300 !important;
  line-height: 60px !important;
}
.popup-row .gform_button {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
  border-radius: 150px;
  padding: 8px 30px;
  transition: all 0.3s ease;
  border: none;
  display: inline-block;
  margin: 3px 4px;
  white-space: nowrap;
  text-transform: none;
  letter-spacing: 0;
  cursor: pointer;
  background-color: black;
}
.frame-thumbnail {
  border: 4px solid #000 !important;
  border-radius: 30px;
  width: 100%;
  line-height: 0;
  margin-top: 50px;
  margin-bottom: 50px;
}
.frame-thumbnail img {
  line-height: 0;
  border-radius: 15px;
  box-shadow: 2px 5px 5px rgba(0, 6, 16, 0.15);
}
.wp-block-social-links.is-style-logos-only .wp-social-link svg {
  width: 2.25em;
  height: 2.25em;
}
.page-template-page-website-templates
  .theme__screens--browser-image[data-v-7b50cd4d] {
  width: 87%;
}

.pp-multiple-authors-layout-boxed ul li,
.pp-multiple-authors-layout-centered ul li {
  border: 0px !important;
  border-top: 1px solid #999 !important;
}
@media (min-width: 769px) {
  .pp-multiple-authors-layout-boxed ul li > div:nth-child(1) {
    flex: 0 0 200px !important;
  }
}
.pp-multiple-authors-boxes-wrapper .pp-author-boxes-avatar img {
  object-fit: cover;
}
.pp-multiple-authors-layout-boxed .avatar,
.pp-multiple-authors-layout-boxed .photo,
.pp-multiple-authors-layout-centered .avatar,
.pp-multiple-authors-layout-centered .photo {
  width: 160px !important;
  height: 160px !important;
}
.fa-brands {
  font-family: "Font Awesome 6 Brands";
}
i.fa-brands {
  font-style: normal !important;
}
a.author-social {
  font-size: 30px;
  margin-right: 3px;
  text-align: center;
  background-color: transparent !important;
  color: #000 !important;
}
.multiple-authors-links a.gray {
  background: #fff00bd9 !important;
  color: #000 !important;
}
.multiple-authors-links {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  font-family: "Untitled Sans";
}

.pp-multiple-authors-layout-boxed .multiple-authors-links a,
.pp-multiple-authors-layout-centered .multiple-authors-links a,
a.ppma-author-field-meta {
  padding: 10px 0;
  border-radius: 30px;
}

.multiple-authors-name a {
  font-family: "Untitled Sans";
  font-size: 30px !important;
  color: #000;
}

.pp-multiple-authors-boxes-wrapper .widget-title.box-header-title {
  margin-bottom: 20px;
}
.subnav li.subnav-social {
  padding-top: 3px;
}
.subnav li.subnav-social a {
  display: block;
}

.inline-cta p.wp-block-kadence-advancedheading {
  font-family: "Untitled Sans" !important;
  font-weight: 300 !important;
}
#inner-column-legal {z-index: 1000;}
#footer-legal li:nth-child(4) .trp-language-switcher > div {
  background-color:#191919;
  border:none;
  margin-top: -5px;
  margin-left: -15px;
}
#footer-legal li:nth-child(4) .trp-language-switcher > div a:hover {
  background-color: #4f4f4f !important;
}
.link-black a,
.link-black a:hover,
.link-black a:active,
.link-black a:visited {
  color:#000 !important;
}

@media (max-width: 1024px) {
  .kadence-column54_62180b-b5, .kt-inside-inner-col > .kadence-column54_62180b-b5:not(.specificity) {
    margin-bottom: 0 !important;
  }
}
.pulse-hide {display:none !important;}

.fw-300 {
  font-weight:300;
}
.fw-400 {
  font-weight:400;
}
.fw-500 {
  font-weight: 500;
}

/* Base style for all navbar links */
.navbar__link {
  display: inline-flex; /* so plus signs or icons are treated separately */
  align-items: center;
  background-image: linear-gradient(#e9ee64, #e9ee64);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 2px; /* underline collapsed by default */
  transition: background-size 0.2s ease;
}

/* Hover/focus for all */
.navbar__link:hover,
.navbar__link:focus-visible {
  background-size: 100% 2px; /* full underline width */
}

/* plus sign */
#solutionsNav,
#navlink_professions { display: inline-flex; align-items: center; }

#solutionsNav::after,
#navlink_professions::after {
  content: "+";
  margin-left: 6px;
  display: inline-block;
}

/* custom underline that avoids the plus (hover/focus) */
#solutionsNav:hover,
#solutionsNav:focus-visible,
#navlink_professions:hover,
#navlink_professions:focus-visible {
  text-decoration: none;
  background-image: linear-gradient(#e9ee64, #e9ee64);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: calc(100% - (10px + 6px)) 2px;
}
#solutionNav {
  border-color: transparent !important;
}
#flex-features .slick-slide {
  margin-top:0;
  padding:0 16px;
  height:auto !important;
}
.flex-testimonial .slick-slide,
.flex-testimonial-2 .slick-slide {
  margin-top:0;
  padding:0;
  height:auto !important;
}
.flex-testimonial-2 .slick-slide {
  padding: 15px;
}
#flex-features .slick-list {
  overflow:hidden !important;
  height:auto !important;
  margin-right:-80px;
}
.flex-testimonial .slick-list,
.flex-testimonial-2 .slick-list {
  overflow:hidden !important;
  height:auto !important;
}
#flex-features .slick-track,
.flex-testimonial .slick-track,
.flex-testimonial-2 .slick-track {
  height:auto !important;
}

/* Position arrows at bottom right for #flex-features slider only */
#flex-features .slick-prev,
#flex-features .slick-next,
.flex-testimonial .slick-prev,
.flex-testimonial .slick-next {
  top: auto;
  bottom: -50px; /* Adjust distance below slider */
  right: 0;
  left: auto;
  transform: none;
  z-index: 10;
  opacity: 1;
}

/* Disabled arrow styling */
#flex-features .slick-arrow.slick-disabled,
.flex-testimonial .slick-arrow.slick-disabled {
  background: transparent;
  border: solid 1px #a3a3a3;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  opacity: 1; /* Override default disabled opacity */
  cursor: not-allowed;
}

#flex-features .slick-arrow.slick-disabled:before,
.flex-testimonial .slick-arrow.slick-disabled:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke-width='2.133' stroke='%23A3A3A3' fill='none' fill-rule='evenodd'%3E%3Cpath d='M19.593 10.933H1.45M9.988 1.333l-8.538 9.6 8.538 9.6'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 1;
}

/* Previous arrow - rotated next arrow */
#flex-features .slick-prev,
.flex-testimonial .slick-prev {
  right: 60px;
  top: auto;
  bottom: -50px;
  left: auto;
  transform: none;
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 50%;
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

#flex-features .slick-prev:before,
.flex-testimonial .slick-prev:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg); /* Rotate the next arrow */
  width: 20px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke-width='2.133' stroke='%23262134' fill='none' fill-rule='evenodd'%3E%3Cpath d='M.406 10.933H18.55M10.012 1.333l8.538 9.6-8.538 9.6'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Previous arrow hover effect */
#flex-features .slick-prev:hover:not(.slick-disabled),
.flex-testimonial .slick-prev:hover:not(.slick-disabled) {
  background-color: #e64c3c;
  transform: scale(1.05);
  transition: all 0.2s ease;
}

/* Next arrow (keeping your existing styles) */
#flex-features .slick-next,
.flex-testimonial .slick-next {
  right: 0;
  top: auto;
  bottom: -50px;
  left: auto;
  transform: none;
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 50%;
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

#flex-features .slick-next:before,
.flex-testimonial .slick-next:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke-width='2.133' stroke='%23262134' fill='none' fill-rule='evenodd'%3E%3Cpath d='M.406 10.933H18.55M10.012 1.333l8.538 9.6-8.538 9.6'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#flex-features .slick-next.slick-disabled:before,
.flex-testimonial .slick-next.slick-disabled:before {
  transform: translate(-50%, -50%) rotate(180deg);
  opacity: 1;
}
/* Next arrow hover effect */
#flex-features .slick-next:hover:not(.slick-disabled),
.flex-testimonial .slick-next:hover:not(.slick-disabled) {
  background-color: #e64c3c;
  transform: scale(1.05);
  transition: all 0.2s ease;
}

#flex-features {
  margin-bottom: 60px;
}
.max-1328 {
  max-width:1328px;
  margin: 0 auto;
}
.z-index-99 > .kt-row-column-wrap {
  z-index: 99;
}

.flex-testimonial .slick-prev,
.flex-testimonial .slick-next {
  bottom: 50px;
}
.flex-testimonial .slick-next {
  right: 35px;
}
.flex-testimonial .slick-prev {
  right: 90px;
}
.flex-testimonial .slick-dots,
.flex-testimonial-2 .slick-dots {
  bottom: 40px;
}
.flex-testimonial .slick-dots li button:before,
.flex-testimonial-2 .slick-dots li button:before {
  font-size: 16px;
}
.flex-testimonial-2 .slick-slide {
  margin: 0 18px;
}

.flex-testimonial-2 .slick-list {
  margin: 0 -18px;
}
.flex-testimonial-2 .slick-dots li.slick-active button:before {
  color: #e64c3c;
  opacity:1;
}
.circle-tl {
  position: absolute;
  top: -9px;
  left: -8px;
  margin:0;
}

.circle-tr {
  position: absolute;
  top: -9px;
  right: -8px;
  margin:0;
}

.circle-bl {
  position: absolute;
  bottom: -24px;
  left: -8px;
  margin:0;
}

.circle-br {
  position: absolute;
  bottom: -24px;
  right: -8px;
  margin:0;
}
.slider-left {
  position: absolute;
  left: -11px; 
  top: 50%;
  transform: translateY(-50%);
  margin:0;
}
.slider-right {
  position: absolute;
  right: -11px; 
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}

.navbar.new-2025 {display:none;}
.navbar.original {display:block;}

/* plus sign */
.solutionsNav,
.navlink_professions { display: inline-flex; align-items: center; }

.solutionsNav::after,
.navlink_professions::after {
  content: "+";
  margin-left: 6px;
  display: inline-block;
}

/* custom underline that avoids the plus (hover/focus) */
.solutionsNav:hover,
.solutionsNav:focus-visible,
.navlink_professions:hover,
.navlink_professions:focus-visible {
  text-decoration: none;
  background-image: linear-gradient(#e9ee64, #e9ee64);
  background-repeat: no-repeat;
  background-position: 0 67%;
  background-size: calc(100% - (10px + 6px)) 2px;
}
.navlink_professions {
  margin-left:24px !important;
}

/* Collapsed by default */
.js-navbar .mobileSubNav {
  display: none;              /* ensure hidden initially */
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height .28s ease, opacity .2s ease;
}

/* Open state */
.js-navbar .mobileSubNav.is-open {
  display: block;             /* override any display:none from theme */
  opacity: 1;
}

/* Carrot rotation */
.js-navbar .professionsMobileNav .floatingCarot {
  display: inline-block;
  transition: transform .2s ease;
}
.js-navbar .professionsMobileNav[aria-expanded="true"] .floatingCarot {
  transform: rotate(90deg);
}