/*--------------------------------------------------------------------------
*
*	Vars
*
*-------------------------------------------------------------------------*/
/* columns */
/* colors */
/* responsive */
/*--------------------------------------------------------------------------------------------
*
*	Mixins
*
*--------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
*
*	Global
*
*-------------------------------------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:first-child {
  margin-top: 0;
}
body {
  margin: 0;
  -webkit-text-size-adjust: 100%;
}
/*--------------------------------------------------------------------------
*
*	Columns
*
*-------------------------------------------------------------------------*/
.container {
  width: 90%;
  max-width: 1110px;
  margin: 0 auto;
}
.row,
[class^="row-"],
[class*=" row-"] {
  margin-left: -15px;
  margin-right: -15px;
}
.col,
[class^="col-"],
[class*=" col-"] {
  float: left;
  min-height: 1px;
  padding: 0 15px;
}
/* row defined widths */
.row-1 .col {
  width: 100%;
}
.row-2 .col {
  width: 50%;
}
.row-3 .col {
  width: 33.3333%;
}
.row-4 .col {
  width: 25%;
}
.row-5 .col {
  width: 20%;
}
.row-6 .col {
  width: 16.6667%;
}
.row-1 .col:nth-child(1n+1),
.row-2 .col:nth-child(2n+1),
.row-3 .col:nth-child(3n+1),
.row-4 .col:nth-child(4n+1),
.row-5 .col:nth-child(5n+1),
.row-6 .col:nth-child(6n+1) {
  clear: both;
}
@media (max-width: 880px) {
  .md-row-1 .col {
    width: 100%;
  }
  .md-row-2 .col {
    width: 50%;
  }
  .md-row-3 .col {
    width: 33.3333%;
  }
  .md-row-4 .col {
    width: 25%;
  }
  .md-row-5 .col {
    width: 20%;
  }
  .md-row-6 .col {
    width: 16.6667%;
  }
  .md-row-1 .col:nth-child(1n+1),
  .md-row-2 .col:nth-child(2n+1),
  .md-row-3 .col:nth-child(3n+1),
  .md-row-4 .col:nth-child(4n+1),
  .md-row-5 .col:nth-child(5n+1),
  .md-row-6 .col:nth-child(6n+1) {
    clear: both;
  }
}
@media (max-width: 640px) {
  .sm-row-1 .col {
    clear: none;
    width: 100%;
  }
  .sm-row-2 .col {
    clear: none;
    width: 50%;
  }
  .sm-row-3 .col {
    clear: none;
    width: 33.3333%;
  }
  .sm-row-4 .col {
    clear: none;
    width: 25%;
  }
  .sm-row-5 .col {
    clear: none;
    width: 20%;
  }
  .sm-row-6 .col {
    clear: none;
    width: 16.6667%;
  }
  .sm-row-1 .col:nth-child(1n+1),
  .sm-row-2 .col:nth-child(2n+1),
  .sm-row-3 .col:nth-child(3n+1),
  .sm-row-4 .col:nth-child(4n+1),
  .sm-row-5 .col:nth-child(5n+1),
  .sm-row-6 .col:nth-child(6n+1) {
    clear: both;
  }
}
/* column defined widths */
.col-1 {
  width: 8.33333%;
}
.col-2 {
  width: 16.6667%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.3333%;
}
.col-5 {
  width: 41.6667%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.3333%;
}
.col-8 {
  width: 66.6667%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.3333%;
}
.col-11 {
  width: 91.6667%;
}
.col-12 {
  width: 100%;
}
@media (max-width: 880px) {
  .md-col-1 {
    width: 8.33333%;
  }
  .md-col-2 {
    width: 16.6667%;
  }
  .md-col-3 {
    width: 25%;
  }
  .md-col-4 {
    width: 33.3333%;
  }
  .md-col-5 {
    width: 41.6667%;
  }
  .md-col-6 {
    width: 50%;
  }
  .md-col-7 {
    width: 58.3333%;
  }
  .md-col-8 {
    width: 66.6667%;
  }
  .md-col-9 {
    width: 75%;
  }
  .md-col-10 {
    width: 83.3333%;
  }
  .md-col-11 {
    width: 91.6667%;
  }
  .md-col-12 {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .sm-col-1 {
    width: 8.33333%;
  }
  .sm-col-2 {
    width: 16.6667%;
  }
  .sm-col-3 {
    width: 25%;
  }
  .sm-col-4 {
    width: 33.3333%;
  }
  .sm-col-5 {
    width: 41.6667%;
  }
  .sm-col-6 {
    width: 50%;
  }
  .sm-col-7 {
    width: 58.3333%;
  }
  .sm-col-8 {
    width: 66.6667%;
  }
  .sm-col-9 {
    width: 75%;
  }
  .sm-col-10 {
    width: 83.3333%;
  }
  .sm-col-11 {
    width: 91.6667%;
  }
  .sm-col-12 {
    width: 100%;
  }
}
/*--------------------------------------------------------------------------
*
*	Helpers
*
*-------------------------------------------------------------------------*/
/* Image Replacement */
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  font-size: 0;
  line-height: 0;
}
input.ir {
  border: 0 none;
  background: none;
}
/* Horizontal List */
.hl {
  padding: 0;
  margin: 0;
  list-style: none;
  display: block;
  position: relative;
}
.hl > li {
  float: left;
  display: block;
  margin: 0;
  padding: 0;
}
.hl > li.fr {
  float: right;
}
/* Horizontal List: Clearfix */
.hl::after,
.bl::after,
.cf::after,
.row::after,
[class*="row-"]::after,
.container::after {
  clear: both;
  content: "";
  display: table;
  line-height: 0;
}
/* clear */
.clear {
  clear: both;
}
br.clear {
  height: 0;
  line-height: 0;
  display: block;
}
/* Block List */
.bl {
  padding: 0;
  margin: 0;
  list-style: none;
  display: block;
  position: relative;
}
.bl > li {
  display: block;
  margin: 0;
  padding: 0;
  float: none;
}
/* Full width */
img.fw {
  width: 100%;
}
/* icon */
[class^="sprite-"],
[class*=" sprite-"] {
  display: block;
  width: 16px;
  height: 16px;
  float: left;
  background: url(../images/sprite.png );
  margin: 0;
}
/* Browser */
.visible {
  display: block;
  visibility: visible;
}
.hidden {
  display: none;
  visibility: visible;
}
/* Float */
.fl {
  float: left;
}
.fr {
  float: right;
}
.fn {
  float: none;
}
/* Align */
.al {
  text-align: left;
}
.ar {
  text-align: right;
}
.ac {
  text-align: center;
}
/* Tablet (medium) */
@media (max-width: 880px) {
  .md-visible {
    display: block;
  }
  .md-hidden {
    display: none;
  }
  /* Horizontal List */
  .md-hl {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    position: relative;
  }
  .md-hl > li {
    float: left;
    display: block;
    margin: 0;
    padding: 0;
  }
  .md-hl > li.fr {
    float: right;
  }
  /* Block List */
  .md-bl {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    position: relative;
  }
  .md-bl > li {
    display: block;
    margin: 0;
    padding: 0;
    float: none;
  }
  /* Float */
  .md-fl {
    float: left;
  }
  .md-fr {
    float: right;
  }
  .md-fn {
    float: none;
  }
  /* Align */
  .md-al {
    text-align: left;
  }
  .md-ar {
    text-align: right;
  }
  .md-ac {
    text-align: center;
  }
  .md-margin {
    margin-top: 20px !important;
  }
}
/* Phone (small) */
@media (max-width: 640px) {
  .sm-visible {
    display: block;
  }
  .sm-hidden {
    display: none;
  }
  /* Horizontal List */
  .sm-hl {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    position: relative;
  }
  .sm-hl > li {
    float: left;
    display: block;
    margin: 0;
    padding: 0;
  }
  .sm-hl > li.fr {
    float: right;
  }
  /* Block List */
  .sm-bl {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    position: relative;
  }
  .sm-bl > li {
    display: block;
    margin: 0;
    padding: 0;
    float: none;
  }
  /* Float */
  .sm-fl {
    float: left;
  }
  .sm-fr {
    float: right;
  }
  .sm-fn {
    float: none;
  }
  /* Align */
  .sm-al {
    text-align: left;
  }
  .sm-ar {
    text-align: right;
  }
  .sm-ac {
    text-align: center;
  }
  .sm-margin {
    margin-top: 20px !important;
  }
}
/* show on hover */
.soh .soh-target {
  -webkit-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
  -moz-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
  -o-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
  transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s;
  visibility: hidden;
  opacity: 0;
}
.soh:hover .soh-target {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  visibility: visible;
  opacity: 1;
}
/* tooltip */
.tooltip {
  background: #2f353e;
  border-radius: 5px;
  color: #fff;
  padding: 5px 15px;
  position: absolute;
  z-index: 9999;
  font-size: 12px;
  max-width: 250px;
}
.tooltip::before {
  border: solid;
  border-color: #2f353e transparent;
  border-width: 6px 6px 0 6px;
  bottom: 0;
  margin: 0 0 -6px -6px;
  content: "";
  left: 50%;
  position: absolute;
}
/* font awesome */
[class^="fa-"],
[class*=" fa-"] {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*--------------------------------------------------------------------------
*
*	Typography
*
*-------------------------------------------------------------------------*/
body {
  color: #000;
  font-family: sans-serif;
  font-size: 15px;
  line-height: 1.5;
}
h1,
h2,
h3,
h4 {
  margin: 2em 0 0.5em;
  line-height: 1.25;
}
ul,
ol {
  padding: 0 0 0 40px;
  margin: 1em 0;
}
ul {
  list-style: disc;
}
p {
  line-height: 1.75em;
  margin: 1em 0;
}
a {
  color: #08c;
  text-decoration: none;
  -webkit-transition: color 0.1s linear, background-color 0.1s linear;
  /* Safari 3.2+, Chrome */
  -moz-transition: color 0.1s linear, background-color 0.1s linear;
  /* Firefox 4-15 */
  -o-transition: color 0.1s linear, background-color 0.1s linear;
  /* Opera 10.5–12.00 */
  transition: color 0.1s linear, background-color 0.1s linear;
  /* Firefox 16+, Opera 12.50+ */
}
a:hover,
a:focus {
  outline: none;
  color: #005580;
}
a:hover {
  text-decoration: underline;
}
hr {
  border: 0 none;
  background: #ebebeb;
  height: 1px;
  display: block;
  margin: 20px 0;
}
img,
video {
  display: block;
  max-width: 100%;
  height: auto;
}
table {
  border-collapse: collapse;
  border-top: #f2f2f2 solid 1px;
  border-left: #f2f2f2 solid 1px;
  width: 100%;
}
table th,
table td {
  border-bottom: #f2f2f2 solid 1px;
  border-right: #f2f2f2 solid 1px;
  padding: 9px 14px;
  text-align: left;
}
table h3 {
  font-size: 15px;
  padding: 0;
  margin: 0;
}
pre {
  background: #f7f7f9;
  border: 1px solid #e1e1e8;
  display: block;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 10px;
  padding: 9.5px;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
  color: #708090;
  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}
pre code {
  background: transparent;
  padding: 0;
}
/* override prism*/
#wrap pre[class*="language-"] {
  padding: 20px;
  background: #f7f7f9;
}
#wrap pre[class*="language-"] + pre {
  background: transparent;
  border-top: none;
  margin-top: -0.5em;
}
/*
p > code,
code.inline
*/
code {
  color: #4b5299;
  background-color: #f1f2fb;
  padding: 4px 6px;
  white-space: nowrap;
  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 14px;
}
/*--------------------------------------------------------------------------
*
*	Gallery
*
*-------------------------------------------------------------------------*/
.content img {
  border-radius: 1px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 0 5px #f2f2f2;
}
.gallery {
  margin: 20px -10px;
}
.content .gallery {
  margin: 20px -10px !important;
}
.gallery .gallery-item {
  padding: 10px;
}
.gallery .gallery-item img {
  border: 0 none !important;
  /* wp inline style*/
}
.gallery .gallery-caption,
.wp-caption-text {
  font-style: italic;
  color: #aaa;
  font-size: 14px;
  line-height: 1.25em;
  display: inline-block;
  margin: 15px 0 50px;
}
.gallery .gallery-caption a,
.wp-caption-text a {
  color: inherit;
  text-decoration: underline;
}
.wp-caption {
  margin: 1em 0;
  text-align: center;
  width: auto !important;
}
.gallery {
  display: flex;
}
.gallery > figure {
  flex: 1;
  margin: 10px;
}
/*--------------------------------------------------------------------------
*
*	Forms
*
*-------------------------------------------------------------------------*/
form {
  position: relative;
  margin: 0;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
textarea {
  margin: 0;
  background: transparent;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  color: #333;
  display: block;
  font-size: 14px;
  line-height: 1.25;
  padding: 13px 11px;
  width: 100%;
}
textarea {
  height: auto;
  font-family: inherit;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus {
  border-color: #66afe9;
  box-shadow: 0 0 0 1px #66afe9;
  outline: 0 none;
}
input[type="submit"],
button[type="submit"] {
  cursor: pointer;
  font-size: inherit;
}
form .field {
  display: block;
  position: relative;
}
label {
  color: #666;
  font-size: 14px;
  line-height: 1.25;
}
fieldset {
  border: #efefef 1px solid;
  margin: 20px 0 0;
}
fieldset legend {
  font-weight: bold;
}
select {
  padding: 3px;
  font-size: 14px;
}
/*--------------------------------------------------------------------------
*
*	WordPress
*
*-------------------------------------------------------------------------*/
.alignright {
  float: right;
  margin-left: 20px;
}
.alignleft {
  float: left;
  margin-right: 20px;
}
.aligncenter {
  float: left;
  margin: 0 auto;
}
/*--------------------------------------------------------------------------
*
*	thumbnails
*
*-------------------------------------------------------------------------*/
.thumbnails {
  margin: 20px 0 0 -20px;
}
.thumbnails li {
  margin: 0 0 20px 20px;
}
.thumbnails .thumbnail {
  background: #fff;
  border: #e1e1e1 solid 1px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  display: block;
  width: 140px;
  height: 170px;
}
.thumbnails .thumbnail img {
  margin: 0 auto;
}
.thumbnails .thumbnail .mime-type-icon {
  margin-top: 30px;
}
.thumbnails .thumbnail:hover,
.thumbnails .thumbnail:focus {
  border-color: #b7bfc7;
  text-decoration: none;
}
.thumbnails .thumbnail .caption {
  padding: 10px;
  border-top: #e1e1e1 solid 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.thumbnails .thumbnail .caption p {
  font-size: 12px;
  color: #b7bfc7;
  font-weight: normal;
  font-style: italic;
  margin: 0;
}
/*--------------------------------------------------------------------------
*
*	Retina
*
*-------------------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  [class^="sprite-"],
  [class*=" sprite-"] {
    background-image: url(../images/sprite@2x.png );
    background-size: 500px 500px;
  }
}
/*--------------------------------------------------------------------------
*
*	Global
*
*-------------------------------------------------------------------------*/
body {
  background: #f1f3f4;
}
#wrap {
  margin: 0;
  overflow-x: hidden;
  background: #fff;
}
.v {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  background: #f2f2f2;
}
.sr-only {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
/*--------------------------------------------------------------------------
*
*	content-wrap
*
*-------------------------------------------------------------------------*/
#content-wrap {
  position: relative;
  padding: 50px 0;
}
#content-wrap.-grey {
  background: #fafafb;
}
#content-wrap.-overlap::before {
  display: block;
  content: "";
  margin-bottom: -175px;
}
/*--------------------------------------------------------------------------
*
*	Typography
*
*-------------------------------------------------------------------------*/
body {
  font-family: "Open Sans", sans-serif;
  color: #3a4a56;
  font-size: 16px;
  line-height: 1.5;
}
h1,
h2,
h3,
h4 {
	font-family: Lora, Serif;
  margin: 2em 0 0.5em;
  color: #2f353e;
	font-weight: 500;
	font-weight: 500;
	font-variant-ligatures: none;
}
h1 {
  font-size: 51px;
}
h2 {
  font-size: 28px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 12px;
  text-transform: uppercase;
}
p,
li,
td,
th {
  line-height: 1.75;
}
a {
  color: #006BD6;
}
a:hover,
a:focus {
  color: #5182EF;
  text-decoration: underline;
}
hr {
  background: #ebebeb;
}
table .numeric {
  text-align: right;
}
.acf-tip {
  border: 2px solid #707cf2;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 30px;
  margin: 1.5em 0 1em;
  color: #253540;
  position: relative;
}
.acf-tip i {
  position: absolute;
  left: -20px;
  margin-top: -8px;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #4d5cf1;
  color: #fff;
  border-radius: 100%;
  text-align: center;
  font-weight: normal;
  font-style: normal;
}
.acf-tip p {
  line-height: 1.5;
}
.acf-tip i + * {
  margin-top: 0;
}
.acf-tip *:last-child {
  margin-bottom: 0;
}
.badge {
  display: inline-block;
  vertical-align: top;
  border-radius: 15px;
  background: #24b47e;
  color: #fff;
  font-size: 12px;
  padding: 3px 9px;
  font-weight: normal;
}
figure {
  margin: 1em 0;
}
figure figcaption {
  text-align: center;
  font-style: italic;
  font-size: 80%;
  color: #666;
  margin: 0.5em 0 0;
}
/*--------------------------------------------------------------------------
*
*	Zoomable
*
*-------------------------------------------------------------------------*/
.zoomable {
  cursor: zoom-in;
}
.medium-zoom-overlay,
.medium-zoom-image {
  z-index: 100;
}
/*--------------------------------------------------------------------------
*
*	Code Block
*
*-------------------------------------------------------------------------*/
.code-block-heading {
  display: block;
  border: #e1e1e8 solid 1px;
  margin: 0;
  padding: 14px 20px;
  position: relative;
  text-transform: none;
  font-size: 13px;
  border-radius: 3px 3px 0 0;
  color: slategrey;
}
.code-block-heading + pre {
  margin: 0 0 2em !important;
  border-top: none !important;
}
#content li {
  margin-bottom: 0.5em;
}
.code-block {
  margin: 10px 0 20px;
  /* hover */
  /* open / close*/
}
.code-block .pre-title {
  display: block;
  border: #e1e1e8 solid 1px;
  margin: 0;
  padding: 14px 20px;
  position: relative;
  cursor: pointer;
}
.code-block .pre-title + pre {
  border-top-width: 0;
}
.code-block .pre-title .fa {
  width: 31px;
  height: 31px;
  line-height: 31px;
  font-size: 14px;
  text-align: center;
  background: #f7f7f9;
  border-radius: 100%;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  color: #708090;
  display: none;
}
.code-block code {
  border: none;
  background: none;
  padding: 0;
}
.code-block pre {
  margin: 0 !important;
  position: relative;
}
.code-block pre::before {
  content: attr(data-title);
  font-size: 13px;
  text-transform: uppercase;
  color: #cbccce;
  position: absolute;
  top: 20px;
  right: 20px;
}
.code-block pre.result {
  border-top: none;
  background: #fff !important;
}
.code-block:hover .fa-angle-up {
  display: block;
}
.code-block.closed pre {
  display: none;
}
.code-block.closed .fa-angle-down {
  display: block;
}
.code-block.closed .fa-angle-up {
  display: none;
}
/*--------------------------------------------------------------------------
*
*	Button
*
*-------------------------------------------------------------------------*/
.button {
  color: #fff;
  font-size: 15px;
  line-height: 1;
  display: inline-block;
  padding: 15px 19px;
  border-radius: 999px;
  background: #00dab4;
  border: none;
  /* input */
  /* states */
  /* alt */
  /* alt2 */
  /* outline */
  /* purple */
  /* purple outline */
  /* blue */
  /* red */
  /* red outline */
  /* white */
  /* red outline */
}
.button:hover {
  color: #fff;
  background-color: #00e4bc;
  text-decoration: none;
}
.button:active,
.button:focus {
  color: #fff;
  outline: none;
}
.button:active {
  transform: translate(0, 1px);
}
.button[disabled] {
  cursor: not-allowed;
}
.button.alt {
  background: #4d5cf1;
}
.button.alt:hover {
  background-color: #6572f3;
}
.button i {
  font-size: 19px;
  margin: -3px 0;
}
.button.alt2 {
  background: transparent;
  border: #00dab4 solid 1px;
  color: #00c5a3;
}
.button.alt2:hover {
  color: #009279;
  border-color: #00a78a;
}
.button.-outline {
  background: transparent;
  border: #00cba7 solid 1px;
  color: #00cba7;
}
.button.-outline:hover {
  color: #00b192;
  border-color: #00b192;
}
.button.-purple {
  background: #4d5cf1;
}
.button.-purple:hover {
  background-color: #3546ef;
}
.button.-purple.-outline {
  background: transparent;
  border-color: #4d5cf1;
  color: #4d5cf1;
}
.button.-purple.-outline:hover {
  color: #1e31ed;
  border-color: #1e31ed;
}
.button.-blue {
  background: #2ea2d4;
}
.button.-blue:hover {
  background-color: #2893c1;
}
.button.-big {
  font-size: 17px;
  padding: 20px 25px;
}
.button.-red {
  background: #fb4343;
}
.button.-red:hover {
  background-color: #fa2a2a;
}
.button.-red.-outline {
  background: transparent;
  border-color: #fb4343;
  color: #fb4343;
}
.button.-red.-outline:hover {
  color: #fa1111;
  border-color: #fa1111;
}
.button.-white {
  background: #fff;
  color: #00c5a3;
}
.button.-white:hover {
  background-color: #f2f2f2;
}
.button.-white.-outline {
  background: transparent;
  border-color: #fff;
  color: #fff;
}
.button.-white.-outline:hover {
  color: #e6e6e6;
  border-color: #e6e6e6;
}
/* btn group */
.button-group {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.button-group .button {
  float: left;
  margin: 0;
  border-radius: 0;
}
.button-group .button + .button {
  margin-left: -1px;
}
.button-group .button:first-child {
  margin-left: 0;
  border-radius: 3px 0 0 3px;
}
.button-group .button:last-child {
  border-radius: 0 3px 3px 0;
}
.button-group .button.button:first-child:last-child {
  border-radius: 3px 3px 3px 3px;
}
/* tags */
a.tag {
  color: #aaa;
  font-size: 13px;
  line-height: 13px;
  height: 34px;
  display: inline-block;
  padding: 9px 13px 0;
  border-radius: 20px;
  border: #e1e1e8 solid 1px;
  margin: 0 5px 5px 0;
}
a.tag:hover {
  border-color: #009f70;
  color: #009f70;
  text-decoration: none;
}
/*--------------------------------------------------------------------------
*
*	nav
*
*-------------------------------------------------------------------------*/
.nav {
  background: #f7f7f7;
  margin: 0 0 40px;
}
.nav li {
  color: #b2b2b2;
}
.nav li.avatar {
  margin-right: 10px;
}
.nav li a {
  color: inherit;
  height: 60px;
  line-height: 60px;
  padding: 0 10px;
  display: block;
}
.nav li.current a {
  color: #2f353e;
  font-weight: bold;
}
.nav li a:hover {
  text-decoration: none;
  color: #2f353e;
}
.nav .count {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
  line-height: 1;
  padding: 5px;
  border-radius: 100%;
  background: #5ee8bf;
  color: #fff;
}
/*---------------------------------------------------------------------------------------------
*
*  callout
*
*---------------------------------------------------------------------------------------------*/
.acf-callout {
  margin: 0 0 40px;
  padding: 20px;
  background-color: #fcf8f2;
  border-left: 3px solid #f0ad4e;
}
.acf-callout h4 {
  color: #f0ad4e;
}
.acf-callout p {
  margin: 0;
}
.acf-callout .fa {
  height: 28px;
  width: 28px;
  text-align: center;
  line-height: 28px;
  border-radius: 100%;
  background: #f0ad4e;
  color: #fcf8f2;
  margin: 0 2px 0 0;
}
.acf-callout .icons-ul {
  margin-top: 10px;
  margin-bottom: 10px;
}
.acf-callout .icons-ul li i {
  color: #f0ad4e;
}
.acf-callout.danger {
  border-color: #d9534f;
  background-color: #fdf7f7;
}
.acf-callout.danger h4 {
  color: #d9534f;
}
.acf-callout.danger .icons-ul li i {
  color: #d9534f;
}
.acf-callout.danger .fa {
  background-color: #d9534f;
  color: #fdf7f7;
}
.acf-callout.success {
  background-color: #5ee8bf;
  border-color: #bcf1c5;
}
.acf-callout.success h4 {
  color: #3aad60;
}
.acf-callout.success .icons-ul li i {
  color: #3aad60;
}
.acf-callout.success .fa {
  background-color: #5ee8bf;
  color: #f4faf6;
}
/*--------------------------------------------------------------------------
*
*	Header
*
*-------------------------------------------------------------------------*/
body:not(.has-alert-bar).admin-bar .dbi-nav + #header.-white {
  top: 32px;
}
/*
* This fixes the behavior for admins on mobile screens.
*/
@media (max-width: 600px) {
  body.admin-bar #header.-white {
    top: 0 !important;
  }
}
#header {
  background: transparent;
  padding: 0;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 15px;
  height: 70px;
  z-index: 99;
  color: #fff;
  /* animation */
  opacity: 1;
  transition: background 0.25s linear;
  /* fix chrom flicker? */
  -webkit-backface-visibility: hidden;
  /* Chrome, Safari, Opera */
  backface-visibility: hidden;
  /* admin bar */
  /* with alert bar */
  /* menu */
  /* white */
}
@media (min-width: 880px) {
  #header {
    top: 46px;
  }
}
@media (min-width: 880px) {
  #header .hide-on-desktop {
    display: none;
  }
}
body:not(.has-alert-bar).admin-bar #header {
  top: 78px;
}
.has-alert-bar #header:not(.-white) {
  position: relative;
  background-color: #00e4bc;
  opacity: 1 !important;
  top: 0;
}
#header .menu .menu-item-wrap {
  line-height: 30px;
  margin: 0;
  padding: 0;
  /* mobile */
  /* actions */
  /* margins */
}
#header .menu .menu-item-wrap.-mobile {
  display: none;
}
#header .menu .menu-item-wrap.-cart,
#header .menu .menu-item-wrap.-my-account,
#header .menu .menu-item-wrap.-download {
  float: right;
}
#header .menu .menu-item-wrap.-home {
  margin-left: -15px;
}
#header .menu .menu-item-wrap.-mobile {
  margin-right: -15px;
}
#header .menu .menu-item-wrap.-logo {
  margin-top: 36px;
  padding: 36px 0 0;
  position: relative;
}
#header .menu .menu-item-wrap.-logo:before {
  content: '';
  width: 96%;
  height: 1px;
  background: #525d66;
  position: absolute;
  top: 0;
  left: 0;
}
#header .menu .menu-item-wrap.-logo svg {
  width: 18px;
  fill: #ee3b71;
  height: auto;
}
#header .menu h3 {
  height: 70px;
  margin: 0;
}
#header .menu h3 i {
	width: 48px;
	height: 48px;
	float: none;
	background: url(../images/acf.svg);
	background-size: 48px;
	margin-top: -10px;
}
@media (max-width: 880px) {
  #header .menu .menu-item-wrap:not(.-home) .menu-item {
    height: auto;
    padding: 10px 0;
  }
  #header .menu .menu-item-wrap .button {
    margin-left: 0;
  }
}
#header .menu .menu-item {
  display: block;
  height: 70px;
  padding: 20px 15px 0;
  color: inherit;
  position: relative;
  font-weight: bold;
}
#header .menu .menu-item:hover,
#header .menu .menu-item:focus {
  text-decoration: none;
  background: rgba(0, 0, 0, 0.03);
}
#header .menu .menu-item .count {
  position: absolute;
  display: inline-block;
  font-size: 11px;
  line-height: 15px;
  vertical-align: top;
  border-radius: 100%;
  background: #00dab4;
  color: #fff;
  height: 15px;
  width: 15px;
  text-align: center;
  margin: -2px 0 0 2px;
}
#header .menu .button {
  margin: 11px 15px 0;
  box-shadow: 0px 0px 0px 1px rgba(5, 13, 49, 0.2), 0px 4px 6px 0px rgba(0, 0, 0, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
}
#header.-white {
  color: #ffffff;
  background: #002447 !important;
  box-shadow: 0 0 2px rgba(6, 8, 8, 0.15);
  transition-delay: 0s;
  transition-duration: 0s;
  top: 0;
}
#header.-white .menu .menu-item:hover,
#header.-white .menu .menu-item:focus {
  background: #2D3452 !important;
}
#header.-white .menu .menu-item.-active::after {
  content: "";
  display: block;
  background: #00dab4;
  height: 3px;
  left: 15px;
  right: 15px;
  position: absolute;
  bottom: -3px;
}
#header.-white .menu .menu-item .count {
  background: #cbccce;
}
#acf-christmas-hat {
  position: absolute;
  width: 30px;
  height: auto;
  top: 12px;
  left: 19px;
}
.dbi-nav {
  background: rgba(0, 0, 0, 0.9);
  font-size: 11px;
  text-transform: uppercase;
}
@media (max-width: 880px) {
  .dbi-nav {
    display: none;
  }
}
.dbi-nav:hover a {
  color: #fff;
}
.dbi-nav:hover svg {
  fill: #ee3b71;
}
.dbi-nav svg {
  width: 18px;
  height: auto;
  fill: #30373c;
  transform: translateY(1px);
}
.dbi-nav ul {
  width: 90%;
  max-width: 1110px;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
}
.dbi-nav li {
  display: inline-block;
  margin: 0 12px;
}
.dbi-nav li:nth-last-child(2) {
  margin-left: auto;
}
.dbi-nav a {
  color: #525d66;
  text-decoration: none;
  display: block;
  padding: 8px 0;
  letter-spacing: 0.6px;
}
.dbi-nav a:hover {
  color: #ee3b71;
}
/*--------------------------------------------------------------------------------------------
*
*	Sub Header
*
*--------------------------------------------------------------------------------------------*/
#sub-header {
  padding: 75px 0;
  background-color: #002447;
  color: #fff;
  background-image: url(../images/header-grad.png), url(../images/background-grid.svg), radial-gradient(35vw 25vw at center 100%, #0ECAD460 0, transparent 100%);
  background-size: cover, 1480px, 2280px;
  background-repeat: no-repeat, repeat, no-repeat;
  background-position: top left, center 0, bottom center;
}
body.home #sub-header h2, body.page-id-132269 #sub-header h2 {
	font-family: "Open Sans", sans-serif;
}
body.post-type-archive #sub-header h2 {
	font-family: "Open Sans", sans-serif;
	font-size: 22px;
}
#sub-header h1,
#sub-header h2,
#sub-header h3,
#sub-header h4 {
  color: inherit;
  margin: 0.5em 0;
}
#sub-header h2 {
  font-weight: normal;
  font-size: 34px;
}
#sub-header h2:first-child {
  font-style: italic;
}
#sub-header h2.h1 {
  margin: 0;
  font-size: 51px;
  line-height: 1.1em;
  font-weight: bold;
  font-style: normal;
}
#sub-header.-overlap::after {
  content: "";
  display: block;
  height: 150px;
}
#sub-header::before {
  content: "";
  display: block;
  width: 100%;
  height: 70px;
}
#sub-header h1 {
  margin: 0;
  line-height: 1.1em;
}
#sub-header .v {
  background: #7eefd5;
}
#sub-header h1 a,
#sub-header h2 a,
#sub-header h3 a {
  color: inherit;
}
#sub-header .tag {
  color: #fff;
  border-color: #fff;
}
/* search form */
#sub-header-search {
  position: relative;
  margin: 20px 0 0;
  padding: 0;
}
#sub-header-search input[type="text"] {
  border: rgba(255, 255, 255, 0.3) solid 1px;
  border-radius: 5px;
  display: block;
  font-size: 20px;
  line-height: 26px;
  height: 62px;
  padding: 17px 20px;
  background: rgba(255, 255, 255, 0.05);
  outline: none;
  box-shadow: none;
  color: #fff;
  width: 100%;
  backdrop-filter: blur(4px);
  position: relative;
  z-index: 2;
}
/* input placeholder */
#sub-header-search input[type="text"]::-webkit-input-placeholder {
  /* WebKit browsers */
  opacity: 1;
  color: #fff;
}
#sub-header-search input[type="text"]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  opacity: 1;
  color: #fff;
}
#sub-header-search input[type="text"]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  opacity: 1;
  color: #fff;
}
#sub-header-search input[type="text"]:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  opacity: 1;
  color: #fff;
}
/* icon */
#sub-header-search .fa {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0;
  margin: 0;
  height: 62px;
  width: 62px;
  text-align: center;
  line-height: 62px;
  text-shadow: none;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  text-decoration: none;
  border: 0 none;
  background: transparent;
}
#sub-header-search .fa #sub-header-search input[type="text"] {
  transition: border 0.2s linear 0s;
}
#sub-header-search input[type="text"]:hover,
#sub-header-search input[type="text"]:focus {
  border-color: rgba(255, 255, 255, 0.5);
}
/* results */
#sub-header-search .field-results {
  display: none;
  background: #f7f7f9;
  color: #52606d;
  padding: 20px;
  border-radius: 0 0 5px 5px;
}
#sub-header-search p {
  margin: 0;
}
.search-result-items,
.search-result-item {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
.search-result-items {
  margin: -15px;
}
.search-result-item {
  padding: 10px;
  margin: 5px;
  border-radius: 3px;
}
.search-result-item:hover {
  background: #fff;
}
.search-result-title {
  color: #2f353e;
  font-weight: bold;
  font-size: 16px;
}
.search-result-title a {
  color: inherit;
}
.search-result-detail {
  font-size: 13px;
}
.search-result-excerpt {
  display: block;
}
/* is-open */
#sub-header-search.is-open input[type="text"] {
  border-color: #fff;
  border-radius: 5px 5px 0 0;
}
#sub-header-search.is-open .field-results {
  display: block;
}
/* buttons */
#sub-header-search .fa-search {
  display: block;
}
#sub-header-search .fa-times {
  display: none;
}
#sub-header-search .fa-spinner {
  display: none;
}
/* loading */
#sub-header-search.is-loading .fa-search {
  display: none;
}
#sub-header-search.is-loading .fa-times {
  display: none;
}
#sub-header-search.is-loading .fa-spinner {
  display: block;
}
/* open */
#sub-header-search.is-open .fa-search {
  display: none;
}
#sub-header-search.is-open .fa-times {
  display: block;
}
/*--------------------------------------------------------------------------------------------
*
*	WP Box
*
*--------------------------------------------------------------------------------------------*/
.wp-box {
  background: #fff;
  border: 1px solid #e1e1e1;
  position: relative;
}
.wp-box .inner {
  padding: 15px;
}
.wp-box .header {
  background: #fcfcfc;
  border-bottom: #e1e1e1 solid 1px;
  padding: 15px;
  position: relative;
}
.wp-box .footer {
  background: #fcfcfc;
  border-top: #e1e1e1 solid 1px;
  padding: 15px;
  position: relative;
}
/*--------------------------------------------------------------------------
*
*	Breadcrumbs and last-updated tag
*
*-------------------------------------------------------------------------*/
#breadcrumbs {
  margin: 0 0 1rem;
}
#breadcrumbs p {
  margin: 0;
}
#breadcrumbs i {
  margin: 0 5px;
}
#breadcrumbs .active {
  font-weight: bold;
}
#last-updated {
  font-size: 14px;
}
/*--------------------------------------------------------------------------
*
*	Sidebar
*
*-------------------------------------------------------------------------*/
.col-main {
  width: 70%;
}
.col-side {
  width: 30%;
}
#sidebar {
  padding-left: 30px;
  z-index: 1;
}
#sidebar::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  background: #fafafb;
  border-left: #ebebeb solid 1px;
  width: 50%;
  margin-left: -30px;
}
#sidebar .widget {
  z-index: 1;
  position: relative;
}
#sidebar.-left {
  padding-left: 0;
  padding-right: 30px;
  direction: rtl;
}
#sidebar.-left::after {
  border-left: none;
  border-right: #ebebeb solid 1px;
  margin-right: -30px;
}
#sidebar.-left .widget {
  direction: ltr;
}
/*--------------------------------------------------------------------------
*
*	Sidebar Widget
*
*-------------------------------------------------------------------------*/
.widget {
  margin: 0 0 50px;
}
.widget h3 {
  font-size: 16px;
  line-height: 20px;
  padding: 0;
  margin: 0 0 15px;
}
.widget h3 a {
  color: inherit;
}
.widget h3 .acf-icon {
  margin-right: 5px;
  font-size: 16px;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.widget .links-list li {
  font-size: 14px;
}
/*--------------------------------------------------------------------------------------------
*
*	Footer
*
*--------------------------------------------------------------------------------------------*/
#footer {
  background-color: #002447;
  color: #fff;
  background-size: cover, 1480px, 2280px;
  background-repeat: no-repeat, repeat, no-repeat;
  background-position: top left, center 0, bottom center;
  clear: both;
  border-top: 1px solid #ebebeb;
  padding: 80px 0;
  font-size: 14px;
}
#footer a {
  color: #ffffff;
}
#footer .footer-columns {
  margin-bottom: -2rem;
}
#footer .col {
  margin-bottom: 2rem;
}
#footer h3 {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 13px;
  line-height: 1.1em;
  color: #ffffff;
}
#footer h3 span {
  color: #ffffff;
  text-transform: none;
  font-weight: normal;
}
#footer ul,
#footer li {
  display: block;
  margin: 0;
  padding: 0;
}
#footer hr {
  margin: 40px 0;
}
#footer #footer-credits {
  color: #ccc;
  text-transform: uppercase;
}
#footer #footer-credits p {
  font-size: 13px;
  line-height: 1em;
  margin: 0;
}
#footer #footer-credits a {
  color: inherit;
  color: #ffffff;
}
#footer .row-2 .col {
  margin-bottom: 0;
}
#footer .col-logo {
	width: 25%;
}

@media only screen and (max-width: 880px) {
	#footer .col {
		clear: none;
	}
	#footer .col-logo {
		width: 100%;
		padding-bottom: 2rem;
	}
	#footer-credits .terms-privacy-links {
		float: left;
		margin-top: 1rem;
	}
}
/*--------------------------------------------------------------------------------------------
*
*	Popup
*
*--------------------------------------------------------------------------------------------*/
.popup {
  display: none;
  opacity: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 100;
  background: #fff;
  transition: all 0.3s ease;
}
.popup .container {
  max-width: 900px;
  margin: 100px auto;
  transition: all 0.3s ease;
  transform: translate(0, -30px);
}
.popup.-active {
  display: block;
}
.popup.-open {
  opacity: 1;
}
.popup.-open .container {
  transform: translate(0, 0);
}
.popup .close-popup {
  margin: 50px;
  position: absolute;
  right: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  padding: 0;
  text-align: center;
  border-radius: 100%;
  background: #4d5cf1;
  color: #fff;
}
.popup .close-popup i {
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}
.popup .close-popup:hover {
  background: #7c87f5;
}
/*--------------------------------------------------------------------------------------------
*
*	announcement
*
*--------------------------------------------------------------------------------------------*/
.announcement {
  background: #006BD6;
  color: #fff;
  padding: 30px 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 999;
}
.announcement p {
  margin: 0;
  font-size: 16px;
  line-height: 1.25;
}
.announcement .button {
  display: block;
  width: 100%;
  text-align: center;
}
.announcement.-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
}
.announcement button.fa {
  display: block;
  float: right;
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.25;
  padding: 16px;
  margin: -16px 0;
}
.announcement button.fa:hover {
  color: #00e4bc;
}
#announcement-happybirthday2021 {
  background: #040b2f;
  color: #fff;
}
#announcement-happybirthday2021 p {
  font-size: 18px;
  line-height: 1.4;
}
#announcement-happybirthday2021 .details {
  font-size: 14px;
  opacity: 0.5;
  margin-top: 1em;
}
#announcement-happybirthday2021 .pre-label {
  position: absolute;
  padding: 0 5px;
  background: #040b2f;
  margin: -8px 0 0 12px;
  color: #3b90ff;
  font-size: 12px;
  line-height: 1;
}
#announcement-happybirthday2021 pre {
  border: #3b90ff solid 2px;
  background: transparent;
  color: #fff;
  padding: 16px;
  text-align: center;
  border-radius: 12px;
  font-size: 18px;
}
/*--------------------------------------------------------------------------------------------
*
*	link-box
*
*--------------------------------------------------------------------------------------------*/
.link-box {
  display: block;
  border: #e1e8ed solid 1px;
  background: #fff;
  cursor: pointer;
  border-radius: 5px;
  color: #3a4a56;
  overflow: hidden;
  position: relative;
  margin: 30px 0;
}
.link-box:hover {
  border-color: #ccd6dd;
  text-decoration: none;
  color: #3a4a56;
}
.link-box:hover .media {
  border-color: #ccd6dd;
}
.link-box:hover .inside h3,
.link-box:hover .inside .url {
  color: #009279;
}
.link-box:hover .inside .url {
  text-decoration: underline;
}
.link-box .inside {
  padding: 20px;
  font-size: 14px;
  line-height: 1.5;
}
.link-box .inside h3 {
  font-size: 18px;
}
.link-box .inside p {
  font-size: inherit;
  line-height: inherit;
}
.link-box .inside .url {
  color: #8899a6;
}
.link-box .media {
  background: #fff;
  display: block;
  margin: -20px;
  padding: 20px;
  border-bottom: #e1e8ed solid 1px;
}
.link-box .media img {
  margin: 0 auto;
}
/*--------------------------------------------------------------------------------------------
*
*	banner
*
*--------------------------------------------------------------------------------------------*/
.acf-banner {
  border-radius: 3px;
  padding: 12px;
  margin: -30px auto 90px;
  text-align: center;
  background: #23282d;
}
.acf-banner p {
  margin: 0;
}
.acf-banner .badge {
  vertical-align: text-top;
  display: inline-block;
  padding: 4px;
  line-height: 1;
  background: #4d5cf1;
}
.acf-banner a {
  color: #00e4bc;
}
/*--------------------------------------------------------------------------------------------
*
*	Tile
*
*--------------------------------------------------------------------------------------------*/
.acf-tile {
  background: #fff;
  text-align: center;
  padding: 60px;
  border-radius: 7px;
  box-shadow: 0 20px 36px 0 rgba(93, 124, 181, 0.09), 0 5px 12px -3px rgba(0, 0, 0, 0.07);
  margin: 0 0 30px;
}
.acf-tile h2 {
  margin: 0.75em 0 0.5em;
}
.acf-tile img {
  margin: 0 auto;
}
.acf-tile h4 {
  color: #ccc;
  font-style: italic;
  text-transform: none;
  font-weight: normal;
  margin: 0.25em 0;
}
.acf-tile p {
  margin: 2em 0;
}
.acf-tile .actions {
  margin: 2em 0 0;
  text-align: center;
}
.acf-tile .actions .button {
  min-width: 45%;
  margin: 0.5em 0.1em 0;
}
.acf-tile .actions .button:only-child {
  min-width: 75%;
}
@media screen and (max-width: 880px) {
  .acf-tile .actions .button {
    margin: 1em 0 0;
    width: 100%;
  }
}
.acf-content-tile {
  background: #fff;
  padding: 60px;
  border-radius: 7px;
  box-shadow: 0 20px 36px 0 rgba(93, 124, 181, 0.09), 0 5px 12px -3px rgba(0, 0, 0, 0.07);
  position: relative;
  overflow: hidden;
}
/* Main licenses block layout */
.account-license-container {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.account-license-container a {
  color: #306F9D;
  text-decoration: underline;
}
.account-license-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center;
  min-height: 72px;
  box-sizing: border-box;
  padding: 24px 32px;
  background-color: #FAFAFA;
  border-bottom: 1px solid #DDDDDD;
}
.account-license-detail-composer-existing-site,
.account-license-detail-composer-new-site {
  flex: 1 1 auto;
}
.account-license-main {
  position: relative;
  box-sizing: border-box;
  padding: 32px;
}
.account-license-install-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  position: relative;
  box-sizing: border-box;
  padding: 8px 32px 24px 32px;
  gap: 24px;
}
.composer-code-block {
  position: relative;
  box-sizing: border-box;
  padding: 0 32px 32px 32px;
  font-size: 13px;
}
.composer-code-block-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center;
}
.composer-code-block-header-actions {
  display: flex;
  gap: 16px;
}
.composer-code-block .account-license-detail-label {
  flex: 0 1 auto;
  width: auto;
  position: relative;
  cursor: pointer;
}
.composer-code-block .account-license-detail-label.active {
  cursor: auto;
}
.composer-code-block .account-license-detail-label.active::after {
  content: "";
  display: block;
  background: #00dab4;
  height: 3px;
  left: 0;
  right: 0;
  position: absolute;
  margin-top: 5px;
}
.composer-snippet-type {
  margin-right: 12px;
}
/* Detail block */
.account-license-detail {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.account-license-detail-secondary {
  flex-wrap: nowrap;
  gap: 40px;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #EEEEEE;
  font-size: 14px;
}
.account-license-detail-secondary i {
  margin-left: 8px;
}
.account-license-detail-inner {
  flex: 1 1 100%;
}
.account-license-detail-notice {
  font-style: italic;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #3A4A56;
  margin-top: 24px;
}
.account-license-detail-notice i {
  margin-right: 8px;
}
/* License key block */
.account-license-detail-key {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
  gap: 8px;
}
/* Buttons */
.account-license-btn,
a.account-license-btn {
  display: inline-flex;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  min-height: 40px;
  padding-right: 16px;
  padding-left: 16px;
  background-color: #EEEEEE;
  border: 1px solid #306F9D;
  border-radius: 999px;
  text-align: center;
  text-decoration: none;
}
.account-license-btn:hover {
  background-color: #DEE8EF;
  text-decoration: none;
  cursor: pointer;
  color: #306F9D;
}
.copy-license {
  min-width: 180px;
}
.account-license-btn-primary,
a.account-license-btn-primary {
  background-color: #306F9D;
  border: none;
  color: #FFFFFF;
}
.account-license-btn-primary:hover,
a.account-license-btn-primary:hover {
  background-color: #1C5B89;
  color: #FFFFFF;
}
/* Label */
.account-license-detail-label {
  flex: 1 1 100%;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 4px;
}
/* License key */
.account-license-key {
  flex: 1 1 auto;
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  margin-bottom: 0;
  padding-right: 12px;
  padding-left: 14px;
  background: #FAFAFA;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  font-size: 16px;
  color: #3A4A56;
}
/* Download */
.account-license-detail-downloads {
  min-width: 440px;
}
.account-license-detail-download {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}
.account-license-detail-download .styled-select {
  flex: 1 1 auto;
  max-width: 100%;
}
/* Pro chip */
.account-pro-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -2px;
  min-height: 22px;
  margin-left: 2px;
  padding-right: 8px;
  padding-left: 8px;
  background: linear-gradient(89.66deg, #3E8BFF 0.3%, #A45CFF 99.41%);
  border-radius: 100px;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: -0.01em;
  color: #fff;
}
/* Legacy chip */
.legacy-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -2px;
  min-height: 22px;
  margin-left: 2px;
  padding-right: 8px;
  padding-left: 8px;
  background: #667085;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: -0.01em;
  color: #fff;
}
/* License type */
.account-license-type {
  font-weight: bold;
}
/* Inputs basic styling */
.account-license-input,
input[type="text"].account-license-input {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-height: 40px;
  border: 1px solid #CCCCCC;
  box-shadow: none;
  margin: 0;
  padding: 0 12px;
  -webkit-appearance: none;
  border-radius: 4px;
  cursor: pointer;
  vertical-align: top;
  color: #3A4A56;
}
/* Styled select */
.styled-select {
  padding: 0 48px 0 16px;
  background: #fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat right 12px top 55%;
  background-size: 16px 16px;
}
.account-license-install-toggle {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding-left: 32px;
  border-top: 1px solid #EEEEEE;
  font-size: 13px;
  color: #306F9D;
  text-decoration: underline;
}
.account-license-install-toggle:hover {
  cursor: pointer;
}
.account-license-install-toggle-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  background: #fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 0;
  background-size: contain;
}
.account-license-install-toggle-open .account-license-install-toggle-icon {
  transform: rotate(180deg);
}
.account-manual-section-wrapper {
  font-size: 14px;
}
.account-manual-section-wrapper a {
  font-size: 13px;
}
.account-manual-section-wrapper .account-license-install-container {
  display: block;
}
/* Code preview */
.composer-code-preview {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 16px;
  background-color: #333333;
  border-radius: 6px;
  color: #EEEEEE;
}
.acf-site-url-err {
  position: absolute;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 4px;
  color: red;
  bottom: 0px;
}
/* Media queries */
@media only screen and (max-width: 1024px) {
  .account-license-header-main {
    width: 100%;
  }
  .account-license-detail-secondary {
    flex-wrap: wrap;
    gap: 24px;
  }
  .account-license-detail-downloads {
    min-width: auto;
    max-width: 100%;
  }
  .account-license-detail-download {
    flex-wrap: wrap;
  }
  .account-license-detail-download .styled-select {
    width: 100%;
  }
  .account-license-key {
    max-width: 100%;
    overflow-wrap: break-word;
    white-space: wrap;
  }
}
@media only screen and (max-width: 800px) {
  .account-license-header {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-top: 12px;
    padding-bottom: 12px;
    gap: 4px;
  }
  .account-license-detail-key {
    flex-wrap: wrap;
  }
  .account-license-install-container {
    flex-wrap: wrap;
  }
}
/* New Buttons */
.button {
  display: inline-flex;
  height: 48px;
  min-height: 48px;
  padding: 8px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  background: #5B6C74;
}
.button.second {
	margin-left: 6px !important;
}
.button:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), #5B6C74;
  text-decoration: none;
}
.button.-purple,
.button.alt {
  background: #006BD6;
}
.button.-purple:hover,
.button.alt:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), #006BD6;
}
.button.-outline,
.button.alt2 {
  color: #555555;
  background: none;
  border: 1px solid rgba(5, 13, 49, 0.5);
}
.button.-outline:hover,
.button.alt2:hover {
  color: #555555;
  border: 1px solid rgba(5, 13, 49, 0.5);
  background: #F1F2F5;
}
.button.-outline.-white {
  color: #ffffff;
}
.button.-outline.-white:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.16);
}
#sub-header a.button.-big.-purple {
  background-color: #006BD6 !important;
}
#sub-header a.button.-big.-purple:hover {
  background-color: #5182EF !important;
}
#wrap.pro #sub-header .button:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
#announcement-eucookielaw p a {
  color: #ffffff;
  text-decoration: underline;
}
#confirm-eucookielaw.button {
  display: inline-flex;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: none;
}
#confirm-eucookielaw.button:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
#footer hr {
  background: rgba(255, 255, 255, 0.12);
}
#footer .row-2 .col {
  margin-bottom: 0;
}
#footer .row-2.sm-row-1 {
  opacity: 0.6;
}
/*--------------------------------------------------------------------------
*
*	Table
*
*-------------------------------------------------------------------------*/
.woocommerce table {
  border: none;
}
.woocommerce table td,
.woocommerce table th {
  border: none;
  padding: 15px;
}
.woocommerce table thead th {
  border-bottom: #e1e1e1 solid 1px;
}
.woocommerce table tfoot td,
.woocommerce table tfoot th {
  border-top: #e1e1e1 solid 1px;
}
/*--------------------------------------------------------------------------
*
*	forms
*
*-------------------------------------------------------------------------*/
.form-row {
  margin: 15px 0 25px;
  clear: both;
}
.form-row .select2 {
  display: block;
}
.form-row label {
  display: block;
  margin: 0 0 5px;
}
.form-row label.checkbox {
  display: inline;
}
.form-row-first,
.form-row-last {
  float: left;
  width: 50%;
  clear: none;
}
.form-row-first {
  padding-right: 15px;
}
.form-row-last {
  float: right;
  padding-right: 0;
}
.woocommerce-invalid label {
  color: #f10039 !important;
}
/*--------------------------------------------------------------------------
*
*	Cart
*
*-------------------------------------------------------------------------*/
#wrap.cart #content-wrap {
  margin-bottom: 100px;
}
table.cart td:first-child,
table.cart th:first-child {
  padding-left: 0;
}
table.cart td:last-child,
table.cart th:last-child {
  padding-right: 0;
}
table.cart .product-thumbnail,
table.cart .product-quantity {
  display: none;
}
table.cart td.actions {
  border-top: #e1e1e1 solid 1px;
}
table.cart .coupon label {
  display: none;
}
table.cart .coupon .input-text {
  width: 50%;
  float: left;
}
table.cart .coupon .button {
  float: left;
  margin: 0 0 0 10px;
}
table.cart button[name="update_cart"] {
  display: none;
}
table.cart a.remove {
  color: #fff !important;
  background: #e1e1e1;
  text-align: center;
  height: 25px;
  width: 25px;
  line-height: 25px;
  border-radius: 100%;
  display: inline-block;
  text-decoration: none;
}
table.cart a.remove:hover {
  background: #f55e4f;
}
.woocommerce-cart-form {
  float: left;
  width: 60%;
}
.cart-collaterals {
  float: right;
  width: 35%;
}
@media only screen and (max-width: 640px) {
  .woocommerce-cart-form,
  .cart-collaterals {
    float: none;
    width: auto;
    margin-bottom: 50px;
  }
}
.cart_totals {
  background: #fff;
  text-align: center;
  padding: 60px;
  border-radius: 7px;
  box-shadow: 0 20px 36px 0 rgba(93, 124, 181, 0.09), 0 5px 12px -3px rgba(0, 0, 0, 0.07);
  margin: 0 0 30px;
  padding: 50px;
}
.cart_totals h2 {
  margin: 0.75em 0 0.5em;
}
.cart_totals img {
  margin: 0 auto;
}
.cart_totals h4 {
  color: #ccc;
  font-style: italic;
  text-transform: none;
  font-weight: normal;
  margin: 0.25em 0;
}
.cart_totals p {
  margin: 2em 0;
}
.cart_totals .actions {
  margin: 2em 0 0;
  text-align: center;
}
.cart_totals .actions .button {
  min-width: 45%;
  margin: 0.5em 0.1em 0;
}
.cart_totals .actions .button:only-child {
  min-width: 75%;
}
@media screen and (max-width: 880px) {
  .cart_totals .actions .button {
    margin: 1em 0 0;
    width: 100%;
  }
}
.cart_totals h2 {
  display: none;
}
.cart_totals table {
  margin: 0 0 15px;
}
.cart_totals table th,
.cart_totals table td {
  padding: 10px;
  vertical-align: top;
}
.cart_totals table th small,
.cart_totals table td small {
  color: #aaa;
  font-size: 14px;
  line-height: 1;
}
.cart_totals .checkout-button {
  display: block;
  text-align: center;
}
/* hide button within cart message */
#wrap.cart .woocommerce-message .button {
  display: none;
}
/*--------------------------------------------------------------------------
*
*	Checkout
*
*-------------------------------------------------------------------------*/
.checkout .login {
  padding-bottom: 50px;
}
.woocommerce-account-fields,
.woocommerce-billing-fields {
  margin: 0 0 60px;
}
.woocommerce-billing-fields::after,
.woocommerce-checkout-payment::after {
  display: table;
  content: "";
  clear: both;
}
#payment {
  margin: 60px 0 0;
}
#payment img {
  display: inline-block;
  vertical-align: middle;
  max-height: 160px;
}
#payment .wc_payment_methods,
#payment .methods {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#payment .wc_payment_methods .wc_payment_method,
#payment .methods .wc_payment_method {
  display: block;
  padding: 20px;
  margin: -1px 0 0;
  border: #e1e1e1 solid 1px;
}
#payment .payment_box p {
  margin: 1em 0 0;
  font-style: italic;
}
#payment .payment_method_paypal img {
  margin: -10px 10px;
}
#payment .payment_method_stripe fieldset {
  border: none;
  padding: 0;
}
#payment .payment_method_stripe fieldset .form-row {
  margin-top: 1em;
  margin-bottom: 0;
}
#payment .payment_method_stripe fieldset label {
  font-weight: bold;
  font-style: normal;
  color: #3a4a56;
}
#place_order {
  width: 100%;
}
#payment .place-order {
  margin: 40px 0 0;
}
.woocommerce label.woocommerce-form__label-for-checkbox {
  background: #f1f1f7;
  display: inline-block;
  padding: 15px 20px;
  border-radius: 3px;
	width: 100%;
}
.woocommerce label.woocommerce-form__label-for-checkbox a {
  color: inherit;
  font-weight: bold;
  text-decoration: underline;
}
.woocommerce .woocommerce-invalid label.woocommerce-form__label-for-checkbox {
  background: #ffd9d6;
  color: #f7321c;
}
.acf-checkout-tile {
  text-align: left;
  padding: 50px;
}
@media only screen and (max-width: 640px) {
  .acf-checkout-tile {
    padding: 0;
    box-shadow: none;
  }
}
/*--------------------------------------------------------------------------
*
*	Thank you
*
*-------------------------------------------------------------------------*/
body.woocommerce-order-received #sub-header {
  padding: 6px;
}
body.woocommerce-order-received #sub-header .container,
body.woocommerce-order-received p.woocommerce-thankyou-order-received,
body.woocommerce-order-received .order-success-get-started + p {
  display: none;
}
.order-success-get-started {
  border-radius: var(--spacing-0, 0px);
  background: var(--color-surface-surface-inverted, #1f2937);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}
.order-success-get-started-thank-you {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(16, 24, 40, 0.4);
  backdrop-filter: blur(8px);
  min-height: 200px;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.order-success-get-started-thank-you img {
  width: 56px;
  margin: 0 auto;
}
.order-success-get-started-thank-you h1 {
  color: #fff;
  text-align: center;
  font-family: Open Sans;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 33.6px */
  letter-spacing: -0.24px;
  margin: 1rem 0 0;
}
.order-success-get-started-instructions {
  margin: 4rem;
}
.order-success-get-started-instructions-main {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
  gap: 64px;
}
.order-success-get-started-instructions-buttons {
  flex: 0 1 280px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 280px;
}
.order-success-get-started-instructions-buttons-download-icon {
  background: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjMgMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOS43NDk5IDE4LjMzMzNIMy4yNDk5MkMyLjczNjU5IDE4LjMzMzMgMi4zMzMyNSAxOC43MzY3IDIuMzMzMjUgMTkuMjVDMi4zMzMyNSAxOS43NTQyIDIuNzM2NTkgMjAuMTY2NyAzLjI0OTkyIDIwLjE2NjdIMTkuNzQ5OUMyMC4yNTQxIDIwLjE2NjcgMjAuNjY2NiAxOS43NTQyIDIwLjY2NjYgMTkuMjVDMjAuNjY2NiAxOC43MzY3IDIwLjI1NDEgMTguMzMzMyAxOS43NDk5IDE4LjMzMzNaTTE2LjM0OTEgOS40MzI1TDEwLjg0OTEgMTQuOTMyNUMxMC40ODI0IDE1LjI5IDEwLjQ4MjQgMTUuODY3NSAxMC44NDkxIDE2LjIyNUMxMS4yMDY2IDE2LjU4MjUgMTEuNzg0MSAxNi41ODI1IDEyLjE0MTYgMTYuMjI1TDE3LjY0MTYgMTAuNzI1QzE3Ljk5OTEgMTAuMzU4MyAxNy45OTkxIDkuNzgwODMgMTcuNjQxNiA5LjQyMzMzQzE3LjI3NDkgOS4wNTY2NyAxNi42OTc0IDkuMDU2NjcgMTYuMzM5OSA5LjQyMzMzTDE2LjM0OTEgOS40MzI1Wk0xMi4xNDE2IDE0LjkzMjVMNi42NDE1OCA5LjQzMjVDNi4yNzQ5MiA5LjA2NTgzIDUuNjk3NDIgOS4wNjU4MyA1LjMzOTkyIDkuNDMyNUM0Ljk3MzI1IDkuNzkgNC45NzMyNSAxMC4zNjc1IDUuMzM5OTIgMTAuNzI1TDEwLjgzOTkgMTYuMjI1QzExLjE5NzQgMTYuNTgyNSAxMS43NzQ5IDE2LjU4MjUgMTIuMTMyNCAxNi4yMjVDMTIuNDg5OSAxNS44NTgzIDEyLjQ4OTkgMTUuMjgwOCAxMi4xMzI0IDE0LjkyMzNMMTIuMTQxNiAxNC45MzI1Wk0xMi40MDc0IDE1LjU3NDJWMi43NDA4M0MxMi40MDc0IDIuMjI3NSAxMS45OTQ5IDEuODI0MTcgMTEuNDkwOCAxLjgyNDE3QzEwLjk3NzQgMS44MjQxNyAxMC41NzQxIDIuMjI3NSAxMC41NzQxIDIuNzQwODNWMTUuNTc0MkMxMC41NzQxIDE2LjA3ODMgMTAuOTc3NCAxNi40OTA4IDExLjQ5MDggMTYuNDkwOEMxMS45OTQ5IDE2LjQ5MDggMTIuNDA3NCAxNi4wNzgzIDEyLjQwNzQgMTUuNTc0MloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
  display: block;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
}
.order-success-get-started-instructions-buttons-instructions-icon {
  background: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjEgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuNSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4wMDAwOCA1QzguMDAwMDggNC41Mzk3NiA4LjM3MzE4IDQuMTY2NjcgOC44MzM0MSA0LjE2NjY3SDE1LjUwMDFDMTUuOTYwMyA0LjE2NjY3IDE2LjMzMzQgNC41Mzk3NiAxNi4zMzM0IDVWMTEuNjY2N0MxNi4zMzM0IDEyLjEyNjkgMTUuOTYwMyAxMi41IDE1LjUwMDEgMTIuNUMxNS4wMzk4IDEyLjUgMTQuNjY2NyAxMi4xMjY5IDE0LjY2NjcgMTEuNjY2N1Y3LjAxMTg0TDYuMDg5MzQgMTUuNTg5M0M1Ljc2MzkgMTUuOTE0NyA1LjIzNjI2IDE1LjkxNDcgNC45MTA4MyAxNS41ODkzQzQuNTg1MzkgMTUuMjYzOCA0LjU4NTM5IDE0LjczNjIgNC45MTA4MyAxNC40MTA3TDEzLjQ4ODIgNS44MzMzM0g4LjgzMzQxQzguMzczMTggNS44MzMzMyA4LjAwMDA4IDUuNDYwMjQgOC4wMDAwOCA1WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K");
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}
.order-success-get-started-instructions-buttons a {
  display: flex;
  height: 48px;
  min-height: 48px;
  padding: var(--spacing-2, 8px) 24px;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-2, 8px);
  align-self: stretch;
  color: #FFF;
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  letter-spacing: -0.16px;
}
.order-success-get-started-instructions-buttons a:hover {
  text-decoration: none;
}
.order-success-get-started-license .account-license-detail-label {
  color: #FFF;
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 18.2px */
  letter-spacing: -0.13px;
  margin-top: 1rem;
  margin-bottom: 8px;
}
.order-success-get-started-instructions-buttons a.download {
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: linear-gradient(90.52deg, #3E8BFF 0.44%, #A45CFF 113.3%);
  background-size: 160% 80%;
  background-position: 100% 0;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
  min-height: 56px;
  transition: background-position 0.5s;
}
.order-success-get-started-instructions-buttons a.download:hover {
  background-position: 0 0;
}
.order-success-get-started-instructions-buttons a.instructions {
  padding-right: 16px;
  padding-left: 16px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.16);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
  backdrop-filter: blur(4px);
  border-radius: 6px;
  text-align: center;
  text-decoration: none;
}
.order-success-get-started-instructions-buttons a.instructions:hover {
  background: rgba(255, 255, 255, 0.24);
}
.order-success-get-started-instructions-text h2 {
  color: #FFF;
  font-family: Open Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 28px */
  letter-spacing: -0.2px;
  margin: 0;
}
.order-success-get-started-instructions-text p {
  display: block !important;
  color: rgba(255, 255, 255, 0.8);
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  letter-spacing: -0.16px;
  margin-top: 12px;
}
.order-success-get-started-instructions hr {
  border-radius: var(--spacing-0, 0px);
  background: rgba(217, 217, 217, 0.08);
  width: 100%;
  height: 1px;
  flex-shrink: 0;
}
.order-success-get-started-instructions-free-plugin {
  padding: 2rem 4rem 1rem;
  border-radius: var(--spacing-0, 0px);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(16, 24, 40, 0.4);
  backdrop-filter: blur(8px);
  color: rgba(255, 255, 255, 0.6);
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  letter-spacing: -0.14px;
}
.account-license-key {
  color: #3A4A56;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: -0.14px;
  border-radius: var(--spacing-15, 6px) var(--spacing-0, 0px) var(--spacing-0, 0px) var(--spacing-15, 6px);
}
.order-success-get-started-license .account-license-btn {
  border-radius: var(--spacing-0, 0px) var(--spacing-15, 6px) var(--spacing-15, 6px) var(--spacing-0, 0px);
  border-left: 1px solid var(--color-border-border-subtle, rgba(31, 41, 55, 0.08));
  background: var(--color-surface-surface-page, #F3F4F6);
  color: var(--color-foreground-foreground-accent, #006BD6);
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: -0.14px;
}
.order-success-get-started-license .account-license-btn:before {
  background: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8zXzgyKSI+CjxwYXRoIGQ9Ik0zLjc1IDExLjI1SDNDMi42MDIxOCAxMS4yNSAyLjIyMDY0IDExLjA5MiAxLjkzOTM0IDEwLjgxMDdDMS42NTgwNCAxMC41Mjk0IDEuNSAxMC4xNDc4IDEuNSA5Ljc1VjNDMS41IDIuNjAyMTggMS42NTgwNCAyLjIyMDY0IDEuOTM5MzQgMS45MzkzNEMyLjIyMDY0IDEuNjU4MDQgMi42MDIxOCAxLjUgMyAxLjVIOS43NUMxMC4xNDc4IDEuNSAxMC41Mjk0IDEuNjU4MDQgMTAuODEwNyAxLjkzOTM0QzExLjA5MiAyLjIyMDY0IDExLjI1IDIuNjAyMTggMTEuMjUgM1YzLjc1TTguMjUgNi43NUgxNUMxNS44Mjg0IDYuNzUgMTYuNSA3LjQyMTU3IDE2LjUgOC4yNVYxNUMxNi41IDE1LjgyODQgMTUuODI4NCAxNi41IDE1IDE2LjVIOC4yNUM3LjQyMTU3IDE2LjUgNi43NSAxNS44Mjg0IDYuNzUgMTVWOC4yNUM2Ljc1IDcuNDIxNTcgNy40MjE1NyA2Ljc1IDguMjUgNi43NVoiIHN0cm9rZT0iIzI1NjNFQiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=");
  content: " ";
  display: block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  margin-right: 6px;
}
.order-success-get-started-license .account-license-btn.copied:before {
  display: none;
}
.order-success-get-started-license .account-license-btn.account-license-btn-primary:hover {
  color: var(--color-foreground-foreground-accent, #006BD6);
  text-decoration: none;
  background-color: #ECECEC !important;
}
.order-success-get-started-license .account-license-detail-key {
  gap: 0px;
}
.order-success-get-started-license .account-license-key {
  border: none;
}
@media (max-width: 640px) {
  .order-success-get-started-instructions-main {
    flex-wrap: wrap;
    gap: 16px;
  }
  .order-success-get-started-instructions-buttons {
    width: 100%;
    flex: 0 1 auto;
  }
  .order-success-get-started-license .account-license-detail-key {
    gap: 8px;
  }
  .order-success-get-started-license .account-license-btn,
  .order-success-get-started-license .account-license-key {
    border-radius: 6px;
  }
  .order-success-get-started-license .account-license-btn {
    width: 100%;
  }
  .order-success-get-started-instructions {
    margin: 24px;
  }
  .order-success-get-started-instructions-free-plugin {
    padding: 24px;
  }
}
/*--------------------------------------------------------------------------
*
*	Messages
*
*-------------------------------------------------------------------------*/
.woocommerce-info,
.woocommerce-error,
.woocommerce-message,
.woocommerce-notice {
  border-radius: 3px;
  background: #f1f1f7;
  color: #006BD6;
  padding: 15px 20px;
  margin: 0 0 30px;
}
.woocommerce-info a,
.woocommerce-error a,
.woocommerce-message a,
.woocommerce-notice a {
  color: inherit;
  text-decoration: underline;
  font-weight: bold;
}
.woocommerce-error {
  background: #ffd9d6;
  color: #f7321c;
}
.woocommerce-error li {
  list-style: none;
}
.form-row .message {
  font-size: 14px;
  line-height: 1.25;
  display: inline-block;
  border-radius: 3px;
  background: #f1f1f7;
  color: #006BD6;
  padding: 4px 6px;
}
.form-row .message.error {
  background: #ffd9d6;
  color: #f7321c;
}
/*--------------------------------------------------------------------------
*
*	My Account
*
*-------------------------------------------------------------------------*/
#my-account-login {
  background: #fff;
  text-align: center;
  padding: 60px;
  border-radius: 7px;
  box-shadow: 0 20px 36px 0 rgba(93, 124, 181, 0.09), 0 5px 12px -3px rgba(0, 0, 0, 0.07);
  margin: 0 0 30px;
  max-width: 540px;
  margin: 0 auto;
  text-align: left;
  padding: 30px 50px;
}
#my-account-login h2 {
  margin: 0.75em 0 0.5em;
}
#my-account-login img {
  margin: 0 auto;
}
#my-account-login h4 {
  color: #ccc;
  font-style: italic;
  text-transform: none;
  font-weight: normal;
  margin: 0.25em 0;
}
#my-account-login p {
  margin: 2em 0;
}
#my-account-login .actions {
  margin: 2em 0 0;
  text-align: center;
}
#my-account-login .actions .button {
  min-width: 45%;
  margin: 0.5em 0.1em 0;
}
#my-account-login .actions .button:only-child {
  min-width: 75%;
}
@media screen and (max-width: 880px) {
  #my-account-login .actions .button {
    margin: 1em 0 0;
    width: 100%;
  }
}
#my-account-login .woocommerce {
  margin: 20px 0;
}
#my-account-login button {
  width: 100%;
}
#my-account-login .form-row {
  float: none;
  width: auto;
  clear: none;
}
.subnav {
  border-bottom: #ebebeb solid 1px;
  color: #575d66;
  font-size: 15px;
  line-height: 50px;
  font-weight: bold;
  margin: 0 0 50px;
}
.subnav ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.subnav ul li {
  margin-right: 30px;
  font-size: inherit;
  line-height: inherit;
}
.subnav ul li a {
  display: inline-block;
  color: inherit;
  border-bottom: 3px solid transparent;
}
.subnav ul li a:hover {
  border-color: #dcdcdc;
  text-decoration: none;
}
.subnav ul li.is-active a {
  color: #2f353e;
  border-color: #00c69e;
}
.subnav ul .subnav-item--customer-logout {
  margin-left: auto;
  margin-right: 0;
}
.subnav ul .subnav-item--customer-logout img {
  display: inline-block;
  vertical-align: middle;
  border-radius: 100%;
  margin-right: 4px;
}
.subnav ul .subnav-item--customer-logout a {
  color: #006BD6;
  text-decoration: underline;
}
.subnav .subnav-toggle {
  display: none;
}
#content-wrap .subnav {
  margin-top: -50px;
}
#dashboard-welcome {
  margin: 75px 0 50px;
  max-width: 600px;
}
.dashboard-link {
  display: block;
  padding: 25px 40px 25px 25px;
  border: #ccc solid 1px;
  border-radius: 3px;
  margin: 15px 0;
  color: inherit;
  position: relative;
}
.dashboard-link i {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -8px 20px 0 0;
  color: #bbb;
}
.dashboard-link:hover {
  text-decoration: none;
  border-color: #006BD6;
  background-color: #f6f7ff;
  color: inherit;
}
.dashboard-link:hover i {
  color: #4e56fa;
}
#my-account-view-order {
  position: relative;
}
#my-account-view-order .print-order {
  position: absolute;
  margin-top: 20px;
  right: 20px;
}
#my-account .woocommerce-Address {
  width: auto;
  float: none;
  padding: 0;
}
#my-account .payment-method-input {
  display: block;
  border: #d9d9d9 solid 1px;
  border-radius: 5px;
  padding: 10px 15px;
}
#my-account .payment-method-input i {
  color: #4d5cf1;
  margin-right: 5px;
}
.woocommerce-orders-table tbody tr:nth-child(odd),
.woocommerce-activations-table tbody tr:nth-child(odd),
.account-payment-methods-table tbody tr:nth-child(odd) {
  background: #f7f7f9;
}
.woocommerce-pagination {
  border-top: #e1e1e1 solid 1px;
  margin: 30px 0 0;
  padding: 30px 0 0;
  text-align: center;
}
#my-licenses .license {
  margin: 0 0 25px;
  border: #ccc solid 1px;
  padding: 25px;
}
#my-licenses .license h3 {
  border-bottom: #ebebeb solid 1px;
  margin: -25px;
  margin-bottom: 25px;
  padding: 25px;
}
#my-licenses .license pre {
  display: inline-block;
  margin: 0;
}
#my-licenses .license a {
  color: #0071a1;
  text-decoration: underline;
}
#my-licenses .license a:hover {
  color: #00c69e;
}
#my-licenses .license dl {
  margin: 0 0 -15px;
  display: grid;
  grid-template-columns: max-content auto;
}
#my-licenses .license dl dt {
  font-weight: bold;
}
#my-licenses .license dl dd {
  margin: 0 0 15px 50px;
}
#my-licenses .license .dd-status::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #00c69e;
  margin: 0 5px 0 0;
  vertical-align: middle;
}
#my-licenses .license .dd-status-0 {
  background: #ff9000;
}
#my-licenses .license .download-select {
  font-size: 14px;
  line-height: 2;
  color: #32373c;
  border: 1px solid #7e8993;
  box-shadow: none;
  border-radius: 3px;
  padding: 0 24px 0 8px;
  min-height: 30px;
  -webkit-appearance: none;
  /* The SVG is arrow-down-alt2 from Dashicons. */
  background: #fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55%;
  background-size: 16px 16px;
  cursor: pointer;
  vertical-align: top;
}
#my-licenses .license .download-button {
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  line-height: 2;
  margin: 0;
  cursor: pointer;
  border: 1px solid #7e8993;
  border-radius: 3px;
  background: #fff;
  padding: 0 8px;
  vertical-align: top;
  color: #0071a1;
  border-color: #0071a1;
  background: #f3f5f6;
}
#my-licenses .license .download-button:hover {
  background: #f1f1f1;
  border-color: #016087;
  color: #016087;
}
@media only screen and (max-width: 640px) {
  #my-licenses .license dl {
    display: block;
  }
  #my-licenses .license dl dt {
    margin: 0;
  }
  #my-licenses .license dl dd {
    margin: 0 0 1em;
  }
}
#my-activations .badge-dev,
#my-activations .badge-stage,
#my-activations .badge-prod {
  min-width: 60px;
  margin-right: 10px;
  text-align: center;
}
#my-activations .badge-dev {
  background-color: #ec6311;
}
#my-activations .badge-stage {
  background-color: #d7be00;
}
#my-account .subscription_details td:first-child {
  font-weight: bold;
}
#my-account .order_details .wcs-switch-link {
  margin-left: 20px;
}
#my-account .woocommerce_account_subscriptions .no_subscriptions a {
  display: none;
}
#my-account h2,
#wc-receipt h2 {
  margin: 2em 0 0.5em;
}
#my-account .wcs-modal .modal-header {
  margin-bottom: 1em;
}
#my-account .wcs-modal .modal-header h2 {
  margin-top: 0;
}
#my-account .wcs-modal .modal-footer {
  margin-top: 1em;
}
#my-account .wcs-modal #early_renewal_modal_submit {
  font-size: inherit;
}
#my-account .wcs-modal .content-wrapper .content {
  font-size: inherit;
}
#single-product-tile {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -60px;
  padding: 60px;
}
#single-product-tile .woocommerce-notices-wrapper {
  margin: -60px -60px 40px;
}
#single-product-tile .woocommerce-notices-wrapper div,
#single-product-tile .woocommerce-notices-wrapper ul {
  margin: 0;
  border-radius: 0;
}
#single-product-tile .woocommerce-notices-wrapper :first-child {
  border-radius: 7px 7px 0 0;
}
#single-product-tile .woocommerce-product-gallery {
  max-width: 150px;
  margin: 0 auto;
}
#single-product-tile .license-selector .license-header {
  display: flex;
  font-weight: bold;
  font-size: 14px;
  padding: 10px 20px;
}
#single-product-tile .license-selector .license-item {
  position: relative;
  z-index: 1;
  display: flex;
  border: #ebebeb solid 1px;
  margin-top: -1px;
  flex-direction: row;
  align-items: center;
  height: 64px;
  padding: 10px 20px;
  cursor: pointer;
  color: inherit;
  font-size: 16px;
}
#single-product-tile .license-selector .license-item input {
  position: absolute;
  display: none;
}
#single-product-tile .license-selector .license-item:hover {
  background: #ecf9f3;
  z-index: 2;
}
#single-product-tile .license-selector .license-item.selected {
  border-color: #11aa8e;
  box-shadow: inset 0 0 0 1px #11aa8e;
  background: #ecf9f3;
  z-index: 3;
}
#single-product-tile .license-selector .license-item:first-child {
  border-radius: 5px 5px 0 0;
}
#single-product-tile .license-selector .license-item:first-child.current {
  border-radius: 0 5px 0 0;
}
#single-product-tile .license-selector .license-item:last-child {
  border-radius: 0 0 5px 5px;
}
#single-product-tile .license-selector .license-item:last-child.current {
  border-radius: 0 0 5px 0;
}
#single-product-tile .license-selector .item-tag {
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -20px;
  z-index: 9;
  width: 20px;
  border-radius: 5px 0 0 5px;
  background: #11aa8e;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#single-product-tile .license-selector .item-tag span {
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
#single-product-tile .license-selector .item-label {
  flex: 2;
}
#single-product-tile .license-selector .item-limit {
  flex: 1;
}
#single-product-tile .license-selector .item-price {
  flex: 1;
  text-align: right;
}
#single-product-tile .single_variation_wrap {
  margin: 20px 0 0;
  display: flex;
  align-items: center;
}
#single-product-tile .single_variation_wrap .woocommerce-variation-price {
  font-size: 14px;
  font-style: italic;
}
#single-product-tile .single_variation_wrap .woocommerce-variation-price::before {
  content: "Total: ";
}
#single-product-tile .single_variation_wrap .woocommerce-variation {
  margin: 0 20px 0 auto;
  display: block !important;
}
td.woocommerce-orders-table__cell-order-actions .woocommerce-button {
  margin-right: 10px;
}
/*--------------------------------------------------------------------------------------------
*
*	Home
*
*--------------------------------------------------------------------------------------------*/
#wrap.home {
  /* sub-header */
  /* hero */
}
#wrap.home #sub-header {
  padding-bottom: 90px;
}
#wrap.home #sub-header h2 {
  font-size: 36px;
  line-height: 1;
  font-style: italic;
  margin: 0 0 0.5em;
}
#wrap.home #hero .star-rating {
  font-size: 14px;
  color: #a9b0b6;
  text-align: center;
  margin-top: 50px;
}
#wrap.home #hero .star-rating i {
  color: #ffc733;
}
#wrap.home #content-wrap {
  padding-top: 0;
}
#hero-image-wrap {
  margin-top: -94px;
  position: relative;
}
#hero-image-wrap::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5) inset;
}
#hero-image-wrap img {
  box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.06);
}
#hero-image-overlay {
  position: absolute;
  background: #fff;
  font-size: 19px;
  line-height: 1em;
  padding: 1% 0.5%;
  text-align: left !important;
  height: 6%;
  width: 47.95%;
  top: 62.8%;
  left: 8.1%;
  font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
  font-style: italic;
  font-weight: bold;
  color: #333;
}
#hero-image-overlay .highlight {
  background: #b2d7ff;
}
#features {
  background: #fff;
  position: relative;
  /* z-index fix hides hero box shadow */
}
.feature {
  padding: 70px 0;
}
.feature + .feature {
  border-top: 1px solid #ebebeb;
}
.feature h3 {
  font-size: 20px;
}
.feature .feature-image,
.feature .feature-text {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  padding: 0 15px;
}
.feature .feature-image {
  width: 66.6667%;
}
.feature .feature-text {
  width: 33.3333%;
}
.feature .feature-title {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}
.sprite-wp-icon-fields,
.sprite-wp-icon-post,
.sprite-wp-icon-appearance,
.sprite-wp-icon-page,
.sprite-wp-icon-user,
.sprite-wp-icon-tool {
  width: 50px;
  height: 50px;
  display: inline-block;
  float: none;
  background-position: -100px -150px;
}
.sprite-wp-icon-fields {
	background: url(../images/icon-add.svg);
	width: 48px;
	height: 48px;
	margin-top: 10px;
}
.sprite-wp-icon-post {
	background: url(../images/icon-site-add.svg);
	width: 48px;
	height: 48px;
	margin-top: 10px;
}
.sprite-wp-icon-appearance {
	background: url(../images/icon-theme.svg);
	width: 48px;
	height: 48px;
	margin-top: 10px;
}
.sprite-wp-icon-page {
	background: url(../images/icon-documentation.svg);
	width: 48px;
	height: 48px;
	margin-top: 10px;
}
.sprite-wp-icon-user {
	background: url(../images/icon-support.svg);
	width: 48px;
	height: 48px;
	margin-top: 10px;
}
.sprite-wp-icon-tool {
	background: url(../images/icon-features.svg);
	width: 48px;
	height: 48px;
	margin-top: 10px;
}
#feature-overview {
  text-align: center;
}
#feature-overview h3 {
  margin-top: 1em;
}
#feature-fields img {
  margin: 50px 0 0;
}
.code-browser {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
}
.code-browser .code-browser-title {
  background: #006BD6;
  border-radius: 3px 3px 0 0;
  padding: 5px 5px 0;
  font-size: 13px;
}
.code-browser .code-browser-title span {
  padding: 5px;
  border-radius: 3px 3px 0 0;
  display: inline-block;
  min-width: 150px;
  text-align: center;
  background: #fff;
  position: relative;
}
.code-browser .code-browser-title span::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #2ea2d4;
  vertical-align: middle;
  position: absolute;
  right: 10px;
  top: 50%;
  margin: -2px 0 0;
}
.code-browser pre {
  border-top-width: 0;
  margin: 0 !important;
  background: #fff !important;
  overflow: hidden;
}
.code-browser code {
  font-size: 16px;
}
#signup {
  padding: 70px 0;
  border-top: 1px solid #ebebeb;
  background: #fafafb;
  text-align: center;
}
#signup h2 {
  font-size: 36px;
  font-weight: normal;
  margin: 0;
}
#signup p {
  margin: 1.5em 0 0;
}
#signup .button {
  padding: 20px 25px;
}
.footer-opt-in {
  padding: 58px 0;
  background: #fafafb;
  border-top: 1px solid #ebebeb;
}
.footer-opt-in__message-icon {
  border: 1px solid #006BD6;
  border-radius: 50%;
  flex: 1 1 100%;
  height: 50px;
  max-width: 50px;
  width: 50px;
  margin-right: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.footer-opt-in p {
  font-weight: 600;
  margin: 0;
  line-height: 1.56;
  color: #3A4A56;
}
.footer-opt-in .container {
  display: grid;
  grid-column-gap: 10%;
  grid-row-gap: 30px;
}

.footer-opt-in .button {
	font-size: 15px;
}
@media (min-width: 640px) {
  .footer-opt-in .container {
    grid-template-columns: 40% 50%;
  }
  .footer-opt-in .container > div:first-of-type {
    display: flex;
    align-items: center;
  }
}
.footer-opt-in .errors {
  padding: 14px 12px;
  background-color: #fad3e1;
  text-align: center;
  margin-bottom: 8px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.25;
}
.footer-opt-in .form-error {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 10px;
}
.footer-opt-in form {
  display: flex;
}
.footer-opt-in input[type=email],
.footer-opt-in input[type=text] {
  max-width: 280px;
  margin-right: 8px;
}
.footer-opt-in input[type=text] {
  max-width: 200px;
}
@media (max-width: 640px) {
  .footer-opt-in .container > div:first-of-type {
    text-align: center;
  }
  .footer-opt-in p {
    margin-top: 20px;
  }
}
#hero {
  position: relative;
  background: #fff;
  border-bottom: 1px solid #ebebeb;
  margin: 70px 0 0;
}
#hero h3 {
  font-size: 20px;
}
#hero p {
  font-size: 16px;
}

#hero p .button {
	font-size: 15px;
}
#hero-browser {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 10px 10px 0 10px;
  z-index: 1;
}
#hero-browser img {
  border-radius: 3px 3px 0 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 7px 1px rgba(0, 0, 0, 0.2);
  border-bottom: 0 none;
  max-width: 640px;
  float: right;
  position: relative;
}
#hero-fields {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#hero-fields img {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 5px 1px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
}
#hero-fields img.active {
  opacity: 1;
  top: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#hero-fields .date-picker {
  width: 14.57%;
  max-width: 102px;
  left: 97%;
  margin: 8% 0 0 -7.28%;
}
#hero-fields .relationship {
  width: 36.14%;
  max-width: 253px;
  left: 84%;
  margin: 17% 0 0 -18.07%;
}
#hero-fields .wysiwyg {
  width: 33.71%;
  max-width: 236px;
  left: 68%;
  margin: 25% 0 0 -16.85%;
}
#hero-fields .gallery {
  width: 38.85%;
  max-width: 272px;
  left: 47%;
  margin: 30% 0 0 -19.42%;
}
#hero-fields .uploader {
  width: 34.85%;
  max-width: 244px;
  left: 14%;
  margin: 35% 0 0 -13.42%;
}
#hero-fields .image {
  width: 24.23%;
  max-width: 170px;
  left: 14%;
  margin: 28% 0 0 -12.12%;
}
/*--------------------------------------------------------------------------------------------
*
*	Blog Post
*
*--------------------------------------------------------------------------------------------*/
.meta-bubble {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  border: #ccc solid 1px;
  color: #ccc;
  text-align: center;
  padding: 13px 0 0;
  position: absolute;
  display: block;
}
.meta-bubble span {
  display: block;
  line-height: 1em;
}
.meta-bubble span.primary {
  font-size: 25px;
}
.meta-bubble span.secondary {
  font-size: 14px;
  text-transform: uppercase;
}
.meta-bubble:hover {
  text-decoration: none;
}
body.single-post.acf-chat-friday #sub-header,
body.archive.term-acf-chat-fridays #sub-header {
  background-color: #002447;
  background-image: url(../images/header-grad.png), url(../images/background-grid.svg);
  background-size: cover, 1480px;
  background-repeat: no-repeat, repeat;
  background-position: top left, center 0;
}
.post-share {
  position: absolute;
  width: 70px;
}
.post-share .meta-bubble {
  position: relative;
}
.post-share .social-icons {
  text-align: center;
  margin-top: 15px;
}
.post-share .social-icons li {
  display: block;
  margin-top: 10px;
}
@media screen and (max-width: 640px) {
  .post-share {
    position: relative;
    width: auto;
    margin: 0 0 20px;
  }
  .post-share::after {
    clear: both;
    content: "";
    display: table;
  }
  .post-share .meta-bubble {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
  }
  .post-share .social-icons {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
  }
  .post-share .social-icons li {
    display: inline-block;
    margin: 0;
  }
}
/* social icons */
.social-icons {
  list-style: none;
  padding: 0;
  margin: 0;
}
.social-icons li {
  display: inline-block;
}
.social-icons a {
  text-decoration: none;
}
.social-icons i {
  color: #fff;
  height: 35px;
  width: 35px;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  line-height: 35px;
  background: #ccc;
}
.social-icons i:hover {
  transform: scale(1.1%);
}
.social-icons .fa-facebook {
  background: #3c5b99;
}
.social-icons .fa-twitter {
  background: #00aced;
}
.social-icons .fa-google-plus {
  background: #dc4b38;
}
.social-icons .fa-tumbler {
  background: #44546a;
}
.social-icons .fa-pinterest {
  background: #ca2027;
}
.social-icons .fa-pocket {
  background: #ee4056;
}
.social-icons .fa-reddit {
  background: #ff4500;
}
.social-icons .fa-linkedin {
  background: #007bb6;
}
.social-icons .fa-wordpress {
  background: #2984b8;
}
.social-icons .fa-pin {
  background: #113fd5;
}
.social-icons .fa-envelope {
  background: #a6a9ac;
}
.post-content {
  margin: 0 5% 0 14%;
  max-width: 800px;
  position: relative;
}
.post-content > *:first-child {
  margin-top: 0;
}
.post-content > p:first-child {
  font-size: 20px;
}
.post-content img.border {
  border: 1px solid #ccc;
}
.post-content .video-container {
  position: relative;
}
.post-content .video-container:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.post-content .video-container iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.post-content__heading_container .post-content__heading {
  display: inline-block;
}
.post-content__heading_container .copy-status {
  position: relative;
  top: -2.5rem;
  font-size: small;
  color: #454748;
  background: #fff;
  border: 1px solid #d3d3d3;
  z-index: 9999;
  padding: 4px 12px;
  border-radius: 0.15rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.post-content__heading_container .copy-anchor {
  opacity: 0;
  pointer-events: none;
  text-decoration: none;
  padding-left: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: #ccc;
}
@media (max-width: 650px) {
  .post-content__heading_container .copy-anchor {
    display: none;
  }
}
.post-content__heading_container:hover .copy-anchor {
  opacity: 1;
  pointer-events: auto;
  text-decoration: none;
}
#sub-header.custom {
  background-size: cover;
  background-position: 50% 50%;
}
#sub-header.custom h2 {
  margin: 0.5em 0 0;
  line-height: 1.4;
  font-style: normal;
}
#sub-header.custom h4 {
  text-align: center;
  position: absolute;
  width: 100%;
  margin: -60px 0 0;
  color: #fff;
  opacity: 0.75;
  font-style: italic;
  text-transform: none;
  font-weight: normal;
  font-size: 16px;
}
#sub-header.custom .post-content {
  margin-top: 50px;
}
#sub-header.custom .meta-bubble {
  color: #fff;
  border-color: #fff;
  opacity: 0.75;
}
#sub-header.custom .button {
  margin-top: 20px;
}
.post-content-footer {
  border-top: #f2f2f2 solid 1px;
  margin: 50px 0 0;
  padding: 30px 0 0;
}
.post-content-footer h4 {
  margin-top: 0;
}
.comment-respond {
  margin-top: 2em;
}
.post {
  padding: 30px 0;
}
.post .post-content {
  border-top: #f2f2f2 solid 1px;
  margin-top: -30px;
  padding-top: 30px;
}
.post:first-child {
  padding-top: 0;
}
.post:first-child .post-content {
  border-top: 0 none;
  padding-top: 0;
  margin-top: 0;
}
.post h2 a {
  color: inherit;
}
.post-author {
  background: #fafafb;
  padding: 30px;
  border-radius: 5px;
}
.post-author p {
  margin: 0;
  font-style: italic;
}
.post-author .avatar-wrap {
  float: left;
  border-radius: 100%;
  margin: 0 20px 0 0;
  overflow: hidden;
}
/* update */
/*
#sub-header.is-update,
#sub-header.is-update:before {
	background-color: #4FA5F5;
}

#sub-header.is-update {
	background-image: url(../images/post-sub-header-news.png);
	min-height: 350px;
	padding-bottom: 30px;
}
*/
/*
#wrap[class^="blog-acf-pro-5"] #sub-header,
#wrap[class^="blog-acf-5"] #sub-header {
	background: rgba(78,92,241,1);
	background: -moz-linear-gradient(left, rgba(78,92,241,1) 0%, rgba(242,123,241,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(78,92,241,1)), color-stop(100%, rgba(242,123,241,1)));
	background: -webkit-linear-gradient(left, rgba(78,92,241,1) 0%, rgba(242,123,241,1) 100%);
	background: -o-linear-gradient(left, rgba(78,92,241,1) 0%, rgba(242,123,241,1) 100%);
	background: -ms-linear-gradient(left, rgba(78,92,241,1) 0%, rgba(242,123,241,1) 100%);
	background: linear-gradient(to right, rgba(78,92,241,1) 0%, rgba(242,123,241,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5cf1', endColorstr='#f27bf1', GradientType=1 );
}
*/
.alignwide,
.allignwide {
  margin-left: -112px;
  margin-right: -112px;
  max-width: 1024px;
}
@media (max-width: 1100px) {
  .alignwide,
  .allignwide {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
}
/*--------------------------------------------------------------------------------------------
*
*	Sub Header Results
*
*--------------------------------------------------------------------------------------------*/
#sub-header-results {
  display: none;
  position: relative;
  overflow: hidden;
  box-shadow: inset #f2f2f2 0 -1px 0 0;
  -webkit-transition: all 0.25s ease-out;
  /* Safari 3.2+, Chrome */
  -moz-transition: all 0.25s ease-out;
  /* Firefox 4-15 */
  -o-transition: all 0.25s ease-out;
  /* Opera 10.5–12.00 */
  transition: all 0.25s ease-out;
  /* Firefox 16+, Opera 12.50+ */
}
#sub-header-results.is-loading,
#sub-header-results.is-complete {
  display: block;
}
#sub-header-results .placeholder {
  padding: 50px 0;
}
#sub-header-results h2 {
  font-size: 36px;
  font-weight: normal;
  line-height: 1.25em;
  margin: 0 0 25px;
  padding: 0;
}
#sub-header-results h3 {
  margin: 0;
}
#sub-header-results h3 a {
  color: inherit;
}
#sub-header-results p {
  margin: 0;
}
#sub-header-results ul li {
  margin: 30px 0 0;
}
#sub-header-results ul li:first-child {
  margin-top: 0;
}
#sub-header-results .loading {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  margin: 0 0 0 10px;
}
/*--------------------------------------------------------------------------------------------
*
*	Resources
*
*--------------------------------------------------------------------------------------------*/
.acf-icon {
  box-shadow: 0 0 0 10px rgba(77, 92, 241, 0.05);
  height: 50px;
  line-height: 50px;
  width: 50px;
  font-size: 18px;
  background: #4d5cf1 none repeat scroll 0 0;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  /* icon colors */
}
.acf-icon.-green {
  background: #00e7b9;
}
.acf-icon.-purple {
  background: #ba36ff;
}
.acf-icon.-red {
  background: #fd405a;
}
.acf-icon.-yellow {
  background: #ffbc1a;
}
.acf-icon.-pink {
  background: #f370e5;
}
.acf-icon.-blue {
  background: #2ea2d4;
}
#resource-sections {
  /* title */
  /* getting started */
  /* field types */
}
#resource-sections .resource-title h2 {
  margin: 0 0 20px;
}
#resource-sections .resource-title i {
  height: 60px;
  line-height: 60px;
  width: 60px;
  font-size: 22px;
  margin: 0 15px 0 0;
}
#resource-sections #getting-started .resource-title {
  max-width: 450px;
}
#resource-sections #field-types .links-grid a {
  padding: 0 0 20px;
}
#resource-sections #field-types .links-grid h3 {
  margin-top: 0;
}
/* functions */
.functions-list {
  margin-top: 50px;
}
.functions-list td,
.functions-list th {
  padding: 15px 20px;
}
.functions-list .td-name {
  width: 45%;
}
.functions-list thead {
  color: #fd405a;
}
.functions-list tbody tr:hover {
  background: #f6f7ff;
  box-shadow: 0 0 0 1px #4d5cf1;
  z-index: 1;
  position: relative;
}
.functions-list tbody tr:hover a {
  color: #4d5cf1;
}
.functions-list pre {
  border: none;
  background: transparent;
  padding: 0;
  margin: 5px 0 0;
  font-size: 13px;
  color: #bbb;
}
.functions-list a {
  font-weight: bold;
  color: inherit;
}
.links-list {
  max-width: 560px;
  margin: 0;
}
.links-list,
.links-list li {
  display: block;
  list-style: none;
  padding: 0;
}
.links-list > li {
  margin: 0;
  position: relative;
  border: #ebebeb solid 1px;
  margin-bottom: -1px;
}
.links-list > li:first-child {
  border-radius: 3px 3px 0 0;
}
.links-list > li:last-child {
  border-radius: 0 0 3px 3px;
}
.links-list > li > a {
  padding: 16px 20px;
  display: block;
  color: inherit;
  text-decoration: none;
}
.links-list > li > a i {
  color: #bbb;
  font-size: 20px;
  width: 30px;
}
.links-list > li > a i.fa-angle-right {
  width: auto;
  float: right;
  margin-top: 3px;
}
.links-list > li:hover,
.links-list > li.-open {
  background: #f6f7ff;
  border-color: #4d5cf1;
  z-index: 1;
}
.links-list > li:hover > a i,
.links-list > li.-open > a i {
  color: #4d5cf1;
}
.links-list > li.-open > a {
  color: #4d5cf1;
}
.links-list > li .accordion-content {
  padding: 0 20px;
  margin-left: 30px;
}
.transition {
  -webkit-transition: all 0.25s 0s ease-in-out;
  -moz-transition: all 0.25s 0s ease-in-out;
  -o-transition: all 0.25s 0s ease-in-out;
  transition: all 0.25s 0s ease-in-out;
}
.accordion {
  border: 1px solid #ebebeb;
}
.accordion .accordion-handle {
  cursor: pointer;
  padding: 16px 20px;
  display: block;
}
.accordion .accordion-handle i.fa-plus {
  width: auto;
  float: right;
  margin-top: 3px;
  -webkit-transition: all 0.25s 0s ease-in-out;
  -moz-transition: all 0.25s 0s ease-in-out;
  -o-transition: all 0.25s 0s ease-in-out;
  transition: all 0.25s 0s ease-in-out;
  background: transparent !important;
  box-shadow: none !important;
}
.accordion .accordion-content {
  display: none;
  padding: 0 20px;
}
.accordion .accordion-content::after,
.accordion .accordion-content::before {
  content: "";
  display: block;
  height: 10px;
}
.accordion.-open .accordion-handle i.fa-plus {
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}
.accordion + .accordion {
  margin-top: -1px;
}
#wrap .links-grid {
  margin-top: -30px;
}
#wrap .links-grid a {
  border: #ebebeb solid 1px;
  border-radius: 3px;
  padding: 20px;
  display: block;
  text-align: center;
  margin-top: 30px;
  overflow: hidden;
}
#wrap .links-grid a:hover {
  text-decoration: none;
  border-color: #4d5cf1;
}
#wrap .links-grid i {
  margin: 0;
}
#wrap .links-grid h3 {
  margin: 15px 0 5px;
}
#wrap .links-grid span {
  color: #bbb;
  font-size: 14px;
}
/* read more */
.read-more-wrap {
  overflow: hidden;
  border-bottom: #ebebeb solid 1px;
}
.read-more-wrap.-open {
  border-bottom: none;
}
.read-more-toggle {
  display: block;
  text-align: center;
  margin-top: 20px;
}
/*--------------------------------------------------------------------------------------------
*
*	Resource: Archive
*
*--------------------------------------------------------------------------------------------*/
.resource-categories {
  margin-top: -50px;
}
.resource-category {
  padding-top: 50px;
  padding-bottom: 50px;
  border-top: 1px solid #f2f2f2;
}
.resource-category:first-child {
  border-top: none;
}
.resource-category .title {
  text-align: center;
}
.resource-category .title img {
  margin: 0 auto;
}
.resource-category h2 {
  border: none;
  margin: 30px 0 0;
}
.resource-category p {
  margin: 0.5em auto;
  max-width: 300px;
}
.resource-category ul {
  margin: 0;
}
.resource-category ul ul {
  padding-left: 15px;
}
.resource-category ul li span {
  color: #ccc;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  margin: 20px 0 0;
  display: block;
  padding: 0 5px;
}
.resource-category ul li:first-child span {
  padding-top: 0;
}
.resource-category ul li a {
  display: block;
  padding: 5px;
}
.cols > div {
  float: left;
  width: 100%;
}
/*--------------------------------------------------------------------------------------------
*
*	FAQ
*
*--------------------------------------------------------------------------------------------*/
.faq-post .post-content {
  border-top: 0 none;
}
.faq-bl {
  border-top: #f2f2f2 solid 1px;
}
.faq-bl li {
  border: #f2f2f2 solid 1px;
  border-top: 0 none;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 1.75em;
}
/*--------------------------------------------------------------------------------------------
*
*	PRO
*
*--------------------------------------------------------------------------------------------*/
.section {
  border-top: 1px solid #f0f0f0;
  padding: 70px 0;
  /* title */
  /* section title */
  /* alt colors */
}
.section h2,
.section h3 {
  margin: 2em 0 0.5em;
}
.section .section-title {
  max-width: 800px;
  margin: 45px auto;
  text-align: center;
}
.section .section-title h2 {
  font-size: 30px;
  margin: 0;
}
.section .section-title p {
  font-size: 18px;
  margin-top: 0.5em;
}
.section .section-title::after {
  content: "";
  display: inline-block;
  height: 5px;
  width: 100px;
  background: #5e6bf2;
  opacity: 0.3;
  margin: 20px 0 0;
}
.section .section-content {
  max-width: 900px;
  margin: 0 auto 45px;
}
.section.-alt {
  border-top-color: #e6e6fb;
  background: #eeeefd;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  background: #f4f4f4;
}
.embed-container .embed-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 999;
  margin: 0;
  background: #2f353e;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#wrap.pro .button.-outline.-blue {
  border-color: #006BD6;
  background: transparent;
  color: #006BD6;
}
#wrap.pro .button.-outline.-white {
  border-color: #fff;
  color: #fff;
}
#wrap.pro .button.-white {
  color: #006BD6;
}
#wrap.pro .button.-green {
  color: #006BD6;
}
#wrap.pro .rainbow {
  color: #00e4bc;
  font-style: italic;
  text-shadow: #311bd0 2px 3px 1px;
  /*

		background: linear-gradient(to right, #00e6d8 0%, #c15bff 25%, #ff00a6 50%, #ff2c1c 75%, #ffb800 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
*/
}
#wrap.pro #sub-header {
  padding-bottom: 90px;
  text-align: center;
}
#wrap.pro #sub-header .container {
  max-width: 1000px;
}
#wrap.pro #sub-header h1 {
  font-size: 68px;
}
@media screen and (max-width: 640px) {
  #wrap.pro #sub-header h1 {
    font-size: 50px;
  }
}
#wrap.pro #sub-header p {
  font-size: 20px;
  line-height: 1.5;
  margin: 2em 0 0;
}
#wrap.pro #sub-header .button {
  margin: 0 4px;
  font-weight: normal;
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(5, 13, 49, 0.2), 0px 4px 6px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(4px);
  min-height: 56px;
}
#wrap.pro .feature h2 {
  margin-top: 0;
}
#wrap.pro .feature h3 {
  margin: 0 0 0.5em;
  color: #2f353e;
  font-size: 15px;
}
#wrap.pro .feature .col-text {
  padding: 0 5%;
}
#wrap.pro .feature .col-text .button {
  margin-top: 10px;
  font-weight: normal;
}
#wrap.pro .feature.-alt .col-video,
#wrap.pro .feature.-alt .col-text {
  float: right;
}
/* under-the-hood */
#under-the-hood i {
  color: #006BD6;
  margin-right: 6px;
}
/* pricing-table */
#pricing-table .acf-pricing-tile {
  padding: 50px 40px;
  border: #006BD6 solid 1px;
}
#pricing-table .acf-pricing-tile h2 {
  color: #006BD6;
  margin: 0 0 0.25em;
}
#pricing-table .acf-pricing-tile h4 {
  font-style: normal;
  color: inherit;
  font-size: 14px;
}
#pricing-table .acf-pricing-tile p {
  font-size: 14px;
  line-height: 1.5;
}
#pricing-table .acf-pricing-tile p .acf-tooltip {
  display: inline-block;
  border-bottom: #ced2fb dashed 1px;
}
#pricing-table .acf-pricing-tile .price {
  color: #006BD6;
  font-size: 69px;
  line-height: 51px;
  font-weight: bold;
  margin: 40px 0;
}
#pricing-table .acf-pricing-tile .price sup {
  display: inline-block;
  font-size: 36px;
  line-height: 30px;
  vertical-align: top;
  margin-right: 2px;
}
#pricing-table .acf-pricing-tile .price sub {
  display: inline-block;
  font-size: 18px;
  line-height: 16px;
  vertical-align: bottom;
  margin-left: 2px;
}
#pricing-table .acf-pricing-tile .button {
  font-weight: 700;
}
#pricing-table .acf-pricing-tile .button.-purple {
  background: #006BD6;
}
#pricing-table .acf-pricing-tile .button.-purple:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), #006BD6;
}
#pricing-table .acf-pricing-tile.-personal {
  box-shadow: none;
}
#pricing-table .acf-pricing-tile.-freelancer {
  border-color: #c0c6ce;
  box-shadow: 0 20px 36px 0 rgba(93, 124, 181, 0.25), 0 5px 12px -3px rgba(0, 0, 0, 0.2);
}
#pricing-table .acf-pricing-tile.-agency {
  background: #006BD6;
  color: #fff;
}
#pricing-table .acf-pricing-tile.-agency h2,
#pricing-table .acf-pricing-tile.-agency .price {
  color: inherit;
}
#pricing-table .acf-pricing-tile:hover .button {
  position: relative;
  top: -1px;
}
#pricing-table .disclaimer {
  text-align: center;
  font-style: italic;
}
#pro-faq .accordion {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
/*--------------------------------------------------------------------------------------------
*
*	ACF Box
*
*--------------------------------------------------------------------------------------------*/
.acf-box {
  border: #e1e1e1 solid 1px;
  background: #fff;
  margin: 0 0 40px;
}
.acf-box .inner {
  padding: 20px;
}
.acf-box .header {
  padding: 20px;
  border-bottom: #e1e1e1 solid 1px;
}
.acf-box .header h2 {
  margin: 0;
}
.acf-box .footer {
  background: #fafbfc;
  padding: 15px 20px;
  border-top: #e1e1e1 solid 1px;
}
.acf-box .footer + .inner {
  border-top: #e1e1e1 solid 1px;
}
.acf-box h2 {
  color: #2f353e;
  margin: 0.5em 0;
}
.acf-box h2 + p {
  margin-top: 10px;
}
/* padded */
.acf-box.padded .inner {
  padding: 40px;
}
.acf-box.padded .footer {
  padding: 30px 40px;
}
/* table */
.acf-box table {
  border-left: 0 none !important;
}
.acf-box table tr th,
.acf-box table tr td {
  padding: 10px 20px !important;
}
.acf-box table tr th:last-child,
.acf-box table tr td:last-child {
  border-right: 0 none !important;
}
.acf-box table tr:last-child td {
  border-bottom: 0 none !important;
}
/*--------------------------------------------------------------------------------------------
*
*	Add-on: Archive
*
*--------------------------------------------------------------------------------------------*/
.add-ons-wrap {
  border-top: #ebebeb solid 1px;
  padding: 50px 0 30px;
  background: #fafafb;
}
.add-ons-wrap:first-child {
  border-top: 0 none;
  margin-top: -50px;
}
.add-ons-title {
  margin: 0 0 30px;
}
.add-ons-title h2 {
  margin: 0;
}
.add-ons-title p {
  margin: 10px 0 0;
}
/* add-on */
.add-on {
  margin-bottom: 20px;
}
.add-on .inner {
  min-height: 168px;
  padding: 20px 20px 20px 168px;
}
.add-on .add-on-icon {
  width: 128px;
  height: 128px;
  float: left;
  margin: 0 0 0 -148px;
}
.add-on h4 {
  margin: 5px 0 5px;
  color: #ccc;
}
.add-on h3 {
  margin: 0 0 0.5em;
  line-height: 1.33em;
}
.add-on h3 a {
  color: #2f353e;
  margin: 0;
}
.add-on p {
  margin: 0.5em 0 0;
}
.add-on .fa {
  min-width: 15px;
}
.add-on .fa-star {
  color: #ffb900;
}
.add-on .fa-check {
  color: #4fb138;
}
.add-on .add-on-author {
  font-size: 14px;
  font-style: italic;
}
.add-on .footer li,
.add-on .footer p {
  font-size: 14px;
}
.add-on .footer p {
  margin: 0;
}
.add-on.pro {
  border-color: #e1e1e1;
  margin: 10px 0 60px;
}
.add-on.pro .inner {
  padding: 30px 20px 20px 30px;
}
.add-on.pro img {
  margin: -115px 0 -20px;
  position: relative;
  z-index: 1;
}
.add-on.pro h2 {
  margin-bottom: 30px;
}
.add-on.pro .button {
  margin-top: 30px;
}
@media (max-width: 782px) {
  .add-on.pro img {
    margin: 30px auto -20px;
  }
}
/*--------------------------------------------------------------------------
*
*	Add-on: Single
*
*-------------------------------------------------------------------------*/
#sidebar .add-on {
  margin-top: 40px;
}
#sidebar .add-on .button {
  margin-top: 10px;
  width: 100%;
  text-align: center;
}
#sidebar .add-on img {
  width: 64px;
  height: 64px;
  margin: -34px 0 10px;
  padding: 3px;
  background: #fff;
  border: #e1e1e1 solid 1px;
}
#sidebar .add-on .inner {
  padding: 15px;
  min-height: 0;
}
/*--------------------------------------------------------------------------
*
*	popup
*
*-------------------------------------------------------------------------*/
/* animated */
.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomin;
  animation-name: zoomIn;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeoutup;
  animation-name: fadeOutUp;
}
/* popup */
#popup {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  padding: 40px 0;
  overflow: hidden;
}
#popup.fixed {
  position: fixed;
}
#popup .bg {
  background: #2f353e;
  opacity: 0.95;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
body.admin-bar #popup {
  top: 32px;
}
#popup .wrap {
  position: relative;
  margin: 0 auto;
  width: 90%;
  max-width: 1200px;
  text-align: center;
}
#popup .next,
#popup .prev {
  position: absolute;
  top: 0;
  width: 50%;
  left: 50%;
  height: 100%;
}
#popup .prev {
  left: 0;
}
#popup .img-wrap {
  position: relative;
}
#popup img {
  margin: 0;
}
#popup p {
  border: 1px solid #e1e1e8;
  border-radius: 20px;
  color: #aaa;
  display: inline-block;
  font-size: 13px;
  height: 34px;
  line-height: 13px;
  margin: 10px 0 0;
  padding: 9px 13px 0;
}
#popup .fa {
  position: absolute;
  font-size: 24px;
  line-height: 41px;
  height: 45px;
  width: 45px;
  border-radius: 100%;
  text-align: center;
  cursor: pointer;
  color: #fff;
  border: #fff solid 1px;
}
#popup .fa:hover {
  color: #5ee8bf;
  border-color: #5ee8bf;
}
#popup .fa-times {
  top: 20px;
  right: 20px;
}
#popup .fa-spinner {
  top: 50%;
  left: 50%;
  border: 0 none;
  margin: -22px 0 0 -22px;
}
#popup .fa-angle-right,
#popup .fa-angle-left {
  top: 50%;
  left: 0;
  margin: -22px 0 0 -65px;
  display: none;
}
#popup a:hover .fa-angle-right,
#popup a:hover .fa-angle-left {
  display: block;
}
#popup .fa-angle-right {
  left: auto;
  right: 0;
  margin: -22px -65px 0 0;
}
/*--------------------------------------------------------------------------
*
*	content-nav
*
*-------------------------------------------------------------------------*/
#content-nav {
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
  height: 70px;
  background: #fff;
  border-bottom: 1px solid #f2f2f2;
  z-index: 10;
}
#content-nav ul {
  margin-left: -15px;
}
#content-nav ul li {
  font-size: 13px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
#content-nav ul li a {
  display: block;
  font-weight: bold;
  height: 70px;
  padding: 25px 15px 0;
  color: #8f969f;
}
#content-nav ul li.active a {
  color: #52606d;
}
/* docked */
#content-nav.-docked {
  position: fixed;
}
#content-nav + #content-wrap {
  margin-top: 70px;
}
/*--------------------------------------------------------------------------
*
*	content-breadcrumbs
*
*-------------------------------------------------------------------------*/
#content-breadcrumbs {
  height: 70px;
  background: #fff;
  border-bottom: 1px solid #f2f2f2;
}
#content-breadcrumbs ul {
  margin-left: -15px;
}
#content-breadcrumbs ul li {
  font-size: 13px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  color: #ccc;
}
#content-breadcrumbs ul li a,
#content-breadcrumbs ul li span {
  display: block;
  font-weight: bold;
  height: 70px;
  padding: 25px 15px 0;
  color: #8f969f;
}
#content-breadcrumbs ul li + li::before {
  content: "/";
  position: absolute;
  margin-left: -3px;
  margin-top: 25px;
  font-size: 18px;
}
/*--------------------------------------------------------------------------
*
*	Rich Content
*
*-------------------------------------------------------------------------*/
.big {
  font-size: 18px;
  color: #253540;
  /* typography */
  /* content wrap */
  /* global */
  /* icons*/
}
.big#content-wrap {
  padding-top: 0;
}
.big .container {
  max-width: 1200px;
}
.big i {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #4d5cf1;
  color: #fff;
  border-radius: 100%;
  text-align: center;
  font-weight: normal;
  font-style: normal;
  box-shadow: rgba(77, 92, 241, 0.05) 0 0 0 10px;
}
.big h2 i {
  margin: 0 10px 0 0;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  vertical-align: middle;
}
.big h3 i {
  float: left;
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin: -6px 10px 0 0;
  box-shadow: rgba(77, 92, 241, 0.05) 0 0 0 20px;
}
.big .accordion i {
  width: auto;
  height: auto;
  line-height: inherit;
  background: transparent;
  color: inherit;
  box-shadow: none;
}
.big .step-title {
  margin: 20px 0 10px;
  line-height: 48px;
}
.big .step-title + p {
  margin-top: 0;
}
.big br.space {
  margin: 30px;
}
.big table {
  border: 0 none;
  font-size: 16px;
}
.big table thead th {
  background: #5e6bf2;
  color: #fff;
  border-color: #4655f0;
}
.big table th,
.big table td {
  padding: 20px;
  border: 0 none;
  border: #ebebeb solid 1px;
  line-height: 1.5;
}
.big table th :last-child,
.big table td :last-child {
  margin: 0;
}
/* big */
#sub-header.big {
  background: #5665f2;
}
#sub-header.big .container {
  max-width: 900px;
}
#sub-header.big h1 {
  margin: 0 0 0.75em;
  font-size: 60px;
}
#sub-header.big h2 {
  font-size: 26px;
  line-height: 1.5em;
}
#sub-header.big p {
  font-size: 18px;
}
#sub-header.big a {
  color: #d4d7fc;
}
#wrap.red #header .button {
  background: #fb4343;
}
#wrap.red #header .menu-item.-active::after {
  background: #fb4343;
}
#wrap.red #header .count {
  background: #fa2a2a;
}
#wrap.red #sub-header {
  background: #fb4343;
}
#wrap.red #sub-header a {
  color: #fec0c0;
}
#wrap.red #content-wrap {
  /* icons*/
}
#wrap.red #content-wrap i {
  background: #fb4343;
  box-shadow: rgba(251, 67, 67, 0.05) 0 0 0 10px;
}
#wrap.red #content-wrap h3 i {
  box-shadow: rgba(251, 67, 67, 0.05) 0 0 0 20px;
}
#wrap.red #content-wrap a {
  color: #fb4343;
}
#wrap.red #content-wrap table thead th {
  background: #fb4343;
  border-color: #fa2a2a;
}
#wrap.red #content-wrap .section-title::after {
  background: #fb4343;
}
/*--------------------------------------------------------------------------
*
*	zendesk
*
*-------------------------------------------------------------------------*/
/* label */
.zd-label {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 4px 6px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 3px;
}
.zd-label:empty {
  display: none;
}
.zd-label.-pending {
  background-color: #6caae4;
}
.zd-label.-open {
  background-color: #6caae4;
}
.zd-label.-new {
  background-color: #6caae4;
}
.zd-label.-hold {
  background-color: #6caae4;
}
.zd-label.-solved {
  background-color: #a3ce69;
}
.zd-label.-closed {
  background-color: #a3ce69;
}
/* comments */
.zd-comments {
  background-color: #ccc;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 5px 8px;
}
.zd-comments::after {
  content: "";
  display: block;
  border-right: 5px solid transparent;
  border-top: 4px solid #ccc;
  height: 0;
  width: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  margin: 0 0 0 -3px;
}
/* conversations table */
#zd-conversations {
  margin: 0 0 40px;
}
#zd-conversations tbody tr:nth-child(odd) {
  background: #f7f7f9;
}
/* form */
#zd-form {
  background: #fff;
  border: #ebebeb solid 1px;
  padding: 20px;
}
#zd-form label {
  display: block;
  font-weight: bold;
  margin: 0 0 5px;
}
#zd-form .form-group {
  margin: 0 0 20px;
}
#zd-form-message {
  background: #4d5cf1;
  border-radius: 3px;
  color: #fff;
  padding: 5px 10px;
  margin: 0 0 20px;
}
#zd-form-message.-error {
  background: #ff584c !important;
}
#zd-form-message p {
  margin: 0;
  color: inherit;
}
/* conversation */
#zd-title {
  margin: 0 0 40px;
}
#zd-title h4 {
  color: #ccc;
  margin: 0 0 10px;
  font-weight: normal;
}
#zd-title h2 {
  margin: 0 0 10px;
}
#zd-title p {
  margin: 0;
}
/* replies */
#zd-replies {
  margin-top: 40px;
}
.zd-reply {
  padding: 20px;
  padding-left: 85px;
  margin: 0 0 20px;
}
.zd-reply:nth-child(odd) {
  background: #f7f7f9;
}
.zd-reply .avatar {
  margin-left: -65px;
  float: left;
  background: #fff;
  border: #f2f2f2 solid 1px;
  border-radius: 1px;
  padding: 3px;
  height: auto;
  width: auto;
}
.zd-reply .title {
  margin: 0 0 20px;
}
.zd-reply .title time {
  color: #a5b2bd;
  float: right;
  margin: 0;
  font-size: 12px;
}
.zd-reply .title h3 {
  margin: 0;
}
.zd-reply .title h3 span {
  color: #a5b2bd;
  font-weight: normal;
}
.zd-reply blockquote {
  border-left: 3px solid #3197d6;
  margin: 0;
  padding: 0 0 0 20px;
}
.zd-reply .attachments {
  padding-left: 20px;
}
.zd-reply .attachments li {
  list-style: none;
  display: block;
}
.zd-reply .attachments li a {
  color: #237ab3;
  background: #fff;
  display: inline-block;
  border: 1px solid #dadada;
  border-radius: 12px;
  margin: 8px 4px 8px 0;
  padding: 0 10px;
}
.zd-reply .attachments li a span {
  color: #96989a;
  margin-left: 5px;
}
/*--------------------------------------------------------------------------------------------
*
*	Page Template Document
*
*--------------------------------------------------------------------------------------------*/
#wrap.document-template #sub-header {
  text-align: center;
  margin-bottom: -150px;
}
#wrap.document-template #sub-header::after {
  content: "";
  display: block;
  height: 150px;
}
#wrap.document-template #content-wrap {
  padding: 0 0 100px;
}
#wrap.document-template .document-wrap {
  background: #fff;
  padding: 60px;
  border-radius: 1px;
  box-shadow: 0 20px 36px 0 rgba(93, 124, 181, 0.09), 0 5px 12px -3px rgba(0, 0, 0, 0.07);
  overflow: hidden;
}
#wrap.document-template .document-wrap .document-tabs {
  margin: -60px;
  margin-bottom: 60px;
  border-bottom: #ebebeb solid 1px;
  background: #fafafb;
}
#wrap.document-template .document-wrap .document-tabs .col {
  line-height: 1.25;
}
#wrap.document-template .document-wrap .document-tabs .col + .col {
  border-left: #ebebeb solid 1px;
}
#wrap.document-template .document-wrap .document-tabs .active {
  background: #fff;
  border-bottom: #fff solid 1px;
  margin-bottom: -1px;
}
#wrap.document-template .document-wrap .document-tabs a {
  display: block;
  text-align: center;
  padding: 20px;
  color: #72808e;
}
#wrap.document-template .document-wrap .document-tabs a:hover {
  text-decoration: none;
  background: #fff;
}
#wrap.document-template .document-wrap .document-content {
  max-width: 710px;
  margin: 0 auto;
}
@media screen and (max-width: 880px) {
  #wrap.document-template #sub-header {
    margin-bottom: 0;
  }
  #wrap.document-template #sub-header::after {
    display: none;
  }
  #wrap.document-template #content-wrap .container {
    width: auto;
  }
  #wrap.document-template .document-wrap {
    padding: 40px;
  }
  #wrap.document-template .document-wrap .document-tabs {
    margin: -40px;
    margin-bottom: 40px;
  }
}
/*--------------------------------------------------------------------------------------------
*
*	Page Support
*
*--------------------------------------------------------------------------------------------*/
#guarantee {
  padding: 50px 0;
  background: #fafafb;
  border-top: #ebebeb solid 1px;
  color: #72808e;
}
#guarantee p {
  color: inherit;
  margin: 0;
}
#guarantee a {
  color: #2f353e;
}
#guarantee i {
  display: inline-block;
  height: 50px;
  width: 50px;
  background: #8d98a1;
  border-radius: 100%;
  margin: 0 0.5em 0 0;
  text-align: center;
  line-height: 50px;
  color: #fff;
  opacity: 0.5;
}
@media (max-width: 640px) {
  #guarantee {
    text-align: center;
  }
  #guarantee .col {
    margin: 0 0 1em;
  }
}
/*--------------------------------------------------------------------------------------------
*
*	Page Contact
*
*--------------------------------------------------------------------------------------------*/
#wrap.contact .acf-content-tile .row {
  margin: 0 -30px;
}
#wrap.contact .acf-content-tile .row [class^="col-"] {
  padding: 0 30px;
}
#wrap.contact form {
  border: none;
  padding: 0;
}
#wrap.contact form .form-group {
  margin: 0 0 2em;
}
#wrap.contact form label {
  font-size: 16px;
  margin: 0 0 1em;
}
#wrap.contact form input[type="text"],
#wrap.contact form textarea {
  font-size: 15px;
  background: #fafafb;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.25);
  border: none;
}
#wrap.contact form input[type="text"]:focus,
#wrap.contact form textarea:focus {
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
}
#wrap.contact form textarea {
  line-height: 1.5;
}
#wrap.contact form input[type="file"] {
  color: #aaa;
  display: block;
  font-size: 15px;
  line-height: 1.25;
}
#wrap.contact form .button {
  min-width: 200px;
}
#wrap.contact form .message {
  background: #4d5cf1;
  border-radius: 1px;
  padding: 8px 18px;
  text-align: center;
  margin: 0 0 3em;
}
#wrap.contact form p.instructions {
  font-style: italic;
  font-size: 14px;
  color: #c3c8cd;
}
#wrap.contact form i.required {
  color: #00c5a3;
  font-weight: normal;
}
@media screen and (max-width: 880px) {
  #wrap.contact img {
    display: none;
  }
  #wrap.contact form {
    margin: 2em 0 0;
  }
  #wrap.contact form .button {
    width: 100%;
  }
}
/*--------------------------------------------------------------------------------------------
*
*	Resource: Javascript API
*
*--------------------------------------------------------------------------------------------*/
#doc-toc {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
#doc-toc li {
  margin: 0 0 1em;
}
#doc-toc li a {
  color: #2f353e;
  font-weight: bold;
}
#doc-toc ul {
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
}
#doc-toc ul li {
  margin: 0;
  font-size: 14px;
}
#doc-toc ul li::before {
  content: "– ";
}
#doc-toc ul li a {
  color: slategray;
  font-weight: normal;
}
#wrap.resources-javascript-api #content-wrap h3 code {
  color: slategray;
  font: inherit;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  margin-left: 5px;
  background: none;
  border: none;
}
#wrap.resources-javascript-api #content-wrap p code {
  font: inherit;
  border: none;
}
#wrap.resources-javascript-api #content-wrap blockquote {
  border-left: #fff3cd solid 5px;
  padding: 0 0 0 1em;
  margin: 1em 0;
  line-height: 1.75;
}
#wrap.resources-javascript-api #content-wrap blockquote *:last-child {
  margin-bottom: 0;
}
#wrap.resources-javascript-api #content-wrap #sidebar::after {
  margin-right: 0;
}
/*--------------------------------------------------------------------------------------------
*
*	Page: Downloads
*
*--------------------------------------------------------------------------------------------*/
#content .download-list {
  display: block;
  list-style: none;
  padding: 0;
  margin: 2em 0;
}
#content .download-list li {
  display: block;
  padding: 0;
  border: #d1d5da solid 1px;
  margin: -1px 0;
}
#content .download-list li + li {
  border-top-color: #e1e4e8;
}
#content .download-list li a {
  display: block;
  padding: 7px 13px;
}
#content .download-list li:first-child {
  border-radius: 5px 5px 0 0;
}
#content .download-list li:last-child {
  border-radius: 0 0 5px 5px;
}
/**
 * A note on how font-sizes work in this file.
 *
 * These styles are copied from the DBI site. We want to preserve the DBI site font sizes
 * but maintain relative font-sizing.
 *
 * So I've taken the DBI site font sizes in px and divided them by 16, which is the
 * base font size of the ACF site.
 *
 * Note also that we use a more specific top-level selector here than the alert bar
 * plugin so that we override its styles.
 */
body.has-alert-bar .alert-bar:not(.alert-bar-footer) {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.25rem 2rem;
  justify-content: center;
  z-index: 9999;
}
@media (max-width: 960px) {
  body.has-alert-bar .alert-bar:not(.alert-bar-footer) {
    flex-direction: column;
    padding: 1rem !important;
  }
}
body.has-alert-bar .alert-bar:not(.alert-bar-footer) p {
  font-size: 1.078125rem;
  /* 17.25px */
  margin: 0.6rem 2.5rem;
  font-weight: 600;
}
@media (max-width: 960px) {
  body.has-alert-bar .alert-bar:not(.alert-bar-footer) p {
    margin: 1rem 0 0 0;
  }
}
body.has-alert-bar .alert-bar:not(.alert-bar-footer) p a {
  text-decoration: underline;
  color: #ffdaa2;
}
body.has-alert-bar .alert-bar:not(.alert-bar-footer) p a:hover {
  filter: brightness(0.9);
}
body.has-alert-bar .alert-bar {
  font-family: ff("body");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.42857;
}
body.has-alert-bar .alert-bar p {
  letter-spacing: normal;
}
body.has-alert-bar .alert-bar .dbi-btn {
  padding: 0.4rem 0.8rem !important;
  text-transform: none;
  font-size: 0.9375rem;
  /* 15px */
  white-space: nowrap;
  border-radius: 3px;
}
@media (max-width: 960px) {
  body.has-alert-bar .alert-bar .dbi-btn {
    margin: 1rem 0 0 0;
  }
}
body.has-alert-bar .alert-bar .dbi-btn:hover {
  color: #f03770;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 2px 1px 0 rgba(0, 0, 0, 0.15);
  text-decoration: none;
}
body.has-alert-bar .alert-bar .dismiss {
  right: 20px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
@media (max-width: 960px) {
  body.has-alert-bar .alert-bar .dismiss {
    top: 32px;
  }
}
body.has-alert-bar .alert-bar .alert-bar__countdown {
  vertical-align: text-bottom;
  padding: 0.3rem 0.75rem;
  border-radius: 5px;
  font-size: 1.29375rem;
  /* 20.7px */
  font-weight: 600;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.25);
  margin: 0;
}
body.has-alert-bar .alert-bar .alert-bar__countdown small {
  margin-right: 0.2rem !important;
  opacity: 0.75;
}
body.has-alert-bar .alert-bar .alert-bar__countdown .days,
body.has-alert-bar .alert-bar .alert-bar__countdown .hours,
body.has-alert-bar .alert-bar .alert-bar__countdown .minutes,
body.has-alert-bar .alert-bar .alert-bar__countdown .seconds {
  margin-right: -2px;
}
body.has-alert-bar .alert-bar.alert-bar--narrow p {
  color: #fff !important;
  margin: 0 !important;
}
body.has-alert-bar .alert-bar.alert-bar--narrow br.hide-if-minimized {
  display: inline;
  content: " ";
  clear: none;
}
body.has-alert-bar .alert-bar.alert-bar--narrow br.hide-if-minimized::after {
  content: " ";
}
body.has-alert-bar .alert-bar.alert-bar--narrow .dbi-btn {
  color: #fff !important;
  font-weight: 600;
  margin-left: 1rem;
}
@media (max-width: 960px) {
  body.has-alert-bar .alert-bar.alert-bar--narrow .dbi-btn {
    margin: 0.25rem 0 0 0;
  }
}
@media only screen and (max-width: 880px) {
  /*--------------------------------------------------------------------------
*
*	Header
*
*-------------------------------------------------------------------------*/
  #header {
    /* open */
    /* white */
  }
  #header .menu .menu-item-wrap {
    display: none;
    width: 100%;
  }
  #header .menu .menu-item-wrap.-home,
  #header .menu .menu-item-wrap.-mobile {
    display: block;
    width: auto;
  }
  #header .menu .menu-item-wrap.-mobile {
    float: right;
  }
  #header.-open {
    background: #2e343d;
    transition-delay: 0s;
    transition-duration: 0s;
  }
  #header.-open .menu {
    padding-bottom: 30px;
  }
  #header.-open .menu .menu-item-wrap {
    display: block;
  }
  #header.-white .menu .menu-item.-active::after {
    top: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 3px;
    left: 0;
    position: absolute;
    height: auto;
  }
  /*--------------------------------------------------------------------------------------------
*
*	Pro
*
*--------------------------------------------------------------------------------------------*/
  #wrap.pro .feature {
    padding: 50px 0;
    text-align: center;
  }
  #wrap.pro .feature img {
    margin: 0 auto;
  }
  #wrap.pro .feature .feature-image,
  #wrap.pro .feature .feature-text,
  #wrap.pro .feature .col {
    width: 100%;
    margin: 20px 0;
  }
  /* home */
  #hero {
    text-align: center;
    padding-bottom: 50px;
  }
  #hero img {
    margin-bottom: 50px;
  }
  #hero p {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  .home-box {
    padding: 50px 0;
  }
  .home-box:first-child {
    padding-top: 0;
  }
  .home-box img {
    margin: 0 0 20px;
  }
  .home-box .inner {
    padding: 0;
  }
  body:not(.has-alert-bar).admin-bar #header {
    top: 46px;
  }
  #header {
    height: auto;
    min-height: 70px;
    top: 45px;
  }
  #hero-fields {
    width: 90%;
    left: 5%;
  }
  #hero.pro img {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }
  /* blog */
  body.post-type-blog-archive .post-content {
    margin-right: 20px;
    margin-left: 90px;
  }
  .faq-content {
    margin-right: 20px;
    margin-left: 20px;
  }
  /*--------------------------------------------------------------------------
*
*	Sidebar
*
*-------------------------------------------------------------------------*/
  .col-main {
    width: 100%;
  }
  .col-side {
    width: 100%;
    margin-top: 50px;
  }
  #sidebar {
    padding-left: 0;
  }
  #sidebar::after {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  /*--------------------------------------------------------------------------------------------
*
*	Home
*
*--------------------------------------------------------------------------------------------*/
  #hero {
    text-align: center;
  }
  #sub-header h1 {
    font-size: 40px;
  }
  .resource-category {
    text-align: center;
  }
  #hero-image-overlay {
    font-size: 12px;
  }
  #wrap.home .feature {
    padding: 50px 0;
    text-align: center;
  }
  #wrap.home .feature .feature-image,
  #wrap.home .feature .feature-text,
  #wrap.home .feature .col {
    width: 100%;
    margin: 20px 0;
  }
  /*--------------------------------------------------------------------------
*
*	My Account
*
*-------------------------------------------------------------------------*/
  .sm-table,
  .sm-table tr,
  .sm-table td,
  .sm-table th,
  .sm-table tbody {
    display: block;
  }
  .sm-table thead {
    display: none;
  }
  .sm-table tr {
    padding: 15px;
    position: relative;
  }
  .sm-table td,
  .sm-table th {
    padding: 0 !important;
    text-align: left !important;
  }
  /* receipt */
  #wc-receipt img {
    margin-bottom: 30px;
  }
  /*--------------------------------------------------------------------------
*
*	Sidebar
*
*-------------------------------------------------------------------------*/
  .page-sheet-wrap {
    margin: 0;
  }
  .pricing-box.developer {
    left: auto;
    top: auto;
  }
  .v {
    display: none;
  }
  body.post-type-blog-archive .post-content,
  .post-content,
  .faq-content {
    margin-right: 0;
    margin-left: 0;
  }
  body.archive .meta-bubble {
    display: none;
  }
  #sub-header.custom {
    padding: 50px 0;
  }
  #sub-header.custom .post-content {
    margin-top: 0;
  }
  .meta-bubble {
    position: relative;
    display: block;
    margin: 0 0 20px;
  }
  /* checkout */
  /* content nav */
  #content-nav {
    height: auto;
    position: relative !important;
    top: auto !important;
  }
  #content-nav + #content-wrap {
    margin-top: 0;
  }
  /*--------------------------------------------------------------------------
*
*	Accordion
*
*-------------------------------------------------------------------------*/
  .sm-accordion {
    display: block;
  }
  .sm-accordion tbody,
  .sm-accordion thead,
  .sm-accordion tr,
  .sm-accordion td,
  .sm-accordion th {
    display: block;
  }
  .sm-accordion thead {
    display: none;
  }
  .sm-accordion th + td {
    display: none;
  }
  .sm-accordion tr.open th {
    border-left: #4d5cf1 5px solid;
  }
  .sm-accordion tr.open td {
    display: block;
    border-left: #dbdefc 5px solid;
  }
  /*--------------------------------------------------------------------------
*
*	Resources
*
*-------------------------------------------------------------------------*/
  #resource-menu .links-grid .col {
    margin-top: 0 !important;
    margin-bottom: -1px;
    position: relative;
  }
  #resource-menu .links-grid .col a {
    text-align: left;
    margin-top: 0;
    border-radius: 0;
  }
  #resource-menu .links-grid .col h3 {
    margin: 0;
  }
  #resource-menu .links-grid .col i {
    float: left;
    margin: 0 15px 0 0;
  }
  #resource-menu .links-grid .col:hover {
    z-index: 1;
  }
  #resource-menu .links-grid .col:hover a {
    background: #f6f7ff;
  }
  #resource-menu .links-grid .col:first-child a {
    border-radius: 3px 3px 0 0;
  }
  #resource-menu .links-grid .col:last-child a {
    border-radius: 0 0 3px 3px;
  }
  .functions-list {
    border: none;
    margin-top: 20px;
  }
  .functions-list tbody,
  .functions-list thead,
  .functions-list tr,
  .functions-list td,
  .functions-list th {
    display: block;
  }
  .functions-list th,
  .functions-list td {
    border: none;
    padding: 0;
  }
  .functions-list tr {
    border: 1px solid #f2f2f2;
    margin-bottom: -1px;
    padding: 15px 20px;
  }
  #resource-sections .sm-row-1 .col + .col {
    margin-top: 10px;
  }
}