@charset "UTF-8";
/* Select block */
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap");
.has-blue-background-color {
  background-color: #009CDF !important;
}
.has-blue-background-color.has-background-dim:not(.has-background-gradient):before {
  z-index: 2 !important;
}

.has-blue-color {
  color: #009CDF !important;
}

.bullet-blue li:before {
  color: #009CDF !important;
}

.bullet__icon--blue li:before {
  color: #009CDF !important;
}

.has-green-background-color {
  background-color: #5EBD3E !important;
}
.has-green-background-color.has-background-dim:not(.has-background-gradient):before {
  z-index: 2 !important;
}

.has-green-color {
  color: #5EBD3E !important;
}

.bullet-green li:before {
  color: #5EBD3E !important;
}

.bullet__icon--green li:before {
  color: #5EBD3E !important;
}

.has-green-light-background-color {
  background-color: #8DC970 !important;
}
.has-green-light-background-color.has-background-dim:not(.has-background-gradient):before {
  z-index: 2 !important;
}

.has-green-light-color {
  color: #8DC970 !important;
}

.bullet-green-light li:before {
  color: #8DC970 !important;
}

.bullet__icon--green-light li:before {
  color: #8DC970 !important;
}

.has-yellow-background-color {
  background-color: #dfa200 !important;
}
.has-yellow-background-color.has-background-dim:not(.has-background-gradient):before {
  z-index: 2 !important;
}

.has-yellow-color {
  color: #dfa200 !important;
}

.bullet-yellow li:before {
  color: #dfa200 !important;
}

.bullet__icon--yellow li:before {
  color: #dfa200 !important;
}

.has-orange-background-color {
  background-color: #F78200 !important;
}
.has-orange-background-color.has-background-dim:not(.has-background-gradient):before {
  z-index: 2 !important;
}

.has-orange-color {
  color: #F78200 !important;
}

.bullet-orange li:before {
  color: #F78200 !important;
}

.bullet__icon--orange li:before {
  color: #F78200 !important;
}

.has-red-background-color {
  background-color: #E23838 !important;
}
.has-red-background-color.has-background-dim:not(.has-background-gradient):before {
  z-index: 2 !important;
}

.has-red-color {
  color: #E23838 !important;
}

.bullet-red li:before {
  color: #E23838 !important;
}

.bullet__icon--red li:before {
  color: #E23838 !important;
}

.has-pink-background-color {
  background-color: #EF5C73 !important;
}
.has-pink-background-color.has-background-dim:not(.has-background-gradient):before {
  z-index: 2 !important;
}

.has-pink-color {
  color: #EF5C73 !important;
}

.bullet-pink li:before {
  color: #EF5C73 !important;
}

.bullet__icon--pink li:before {
  color: #EF5C73 !important;
}

.has-teal-background-color {
  background-color: #28BAC4 !important;
}
.has-teal-background-color.has-background-dim:not(.has-background-gradient):before {
  z-index: 2 !important;
}

.has-teal-color {
  color: #28BAC4 !important;
}

.bullet-teal li:before {
  color: #28BAC4 !important;
}

.bullet__icon--teal li:before {
  color: #28BAC4 !important;
}

.has-purple-background-color {
  background-color: #D167E3 !important;
}
.has-purple-background-color.has-background-dim:not(.has-background-gradient):before {
  z-index: 2 !important;
}

.has-purple-color {
  color: #D167E3 !important;
}

.bullet-purple li:before {
  color: #D167E3 !important;
}

.bullet__icon--purple li:before {
  color: #D167E3 !important;
}

.has-teal-light-background-color {
  background-color: #9BE5DD !important;
}
.has-teal-light-background-color.has-background-dim:not(.has-background-gradient):before {
  z-index: 2 !important;
}

.has-teal-light-color {
  color: #9BE5DD !important;
}

.bullet-teal-light li:before {
  color: #9BE5DD !important;
}

.bullet__icon--teal-light li:before {
  color: #9BE5DD !important;
}

.has-slate-regular-background-color {
  background-color: #272C34 !important;
}
.has-slate-regular-background-color.has-background-dim:not(.has-background-gradient):before {
  z-index: 2 !important;
}

.has-slate-regular-color {
  color: #272C34 !important;
}

.bullet-slate-regular li:before {
  color: #272C34 !important;
}

.bullet__icon--slate-regular li:before {
  color: #272C34 !important;
}

.has-slate-dark-background-color {
  background-color: #1F242C !important;
}
.has-slate-dark-background-color.has-background-dim:not(.has-background-gradient):before {
  z-index: 2 !important;
}

.has-slate-dark-color {
  color: #1F242C !important;
}

.bullet-slate-dark li:before {
  color: #1F242C !important;
}

.bullet__icon--slate-dark li:before {
  color: #1F242C !important;
}

.has-slate-light-background-color {
  background-color: #323843 !important;
}
.has-slate-light-background-color.has-background-dim:not(.has-background-gradient):before {
  z-index: 2 !important;
}

.has-slate-light-color {
  color: #323843 !important;
}

.bullet-slate-light li:before {
  color: #323843 !important;
}

.bullet__icon--slate-light li:before {
  color: #323843 !important;
}

.has-slate-very-light-background-color {
  background-color: #586274 !important;
}
.has-slate-very-light-background-color.has-background-dim:not(.has-background-gradient):before {
  z-index: 2 !important;
}

.has-slate-very-light-color {
  color: #586274 !important;
}

.bullet-slate-very-light li:before {
  color: #586274 !important;
}

.bullet__icon--slate-very-light li:before {
  color: #586274 !important;
}

.has-black-background-color {
  background-color: #000000 !important;
}
.has-black-background-color.has-background-dim:not(.has-background-gradient):before {
  z-index: 2 !important;
}

.has-black-color {
  color: #000000 !important;
}

.bullet-black li:before {
  color: #000000 !important;
}

.bullet__icon--black li:before {
  color: #000000 !important;
}

.has-white-background-color {
  background-color: #ffffff !important;
}
.has-white-background-color.has-background-dim:not(.has-background-gradient):before {
  z-index: 2 !important;
}

.has-white-color {
  color: #ffffff !important;
}

.bullet-white li:before {
  color: #ffffff !important;
}

.bullet__icon--white li:before {
  color: #ffffff !important;
}

/*
.wp-block-columns {
  &--guides {
    ul {

      li:nth-child(1):before{
        background-color: $color--blue;
      }
      li:nth-child(2):before{
        background-color: $color--green;
      }
      li:nth-child(3):before{
        background-color: $color--yellow;
      }
      li:nth-child(4):before{
        background-color: $color--orange;
      }
      li:nth-child(5):before{
        background-color: $color--red;
      }
    }
  }
}
*/
/* Recommended CSS reset, based on work by Eric Meyer - http://meyerweb.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, figure, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

:focus {
  outline: none;
}

img {
  max-width: 100vw;
}

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

caption, td {
  text-align: left;
  font-weight: normal;
}

a {
  text-decoration: none;
}

a, a:active, a:focus, button:active, button:focus {
  outline: none;
}

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

em, i {
  font-style: italic;
}

strong, b {
  font-weight: 700;
}

/* /Recommended CSS reset, based on work by Eric Meyer - http://meyerweb.com */
a {
  color: #009CDF;
  transition: 0.2s ease-in-out;
}

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

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

.page-headline {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 36px;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
}

[id*=post] h1, [id*=post] h2, [id*=post] h3,
[id*=product] h1,
[id*=product] h2,
[id*=product] h3,
[id*=page] h1,
[id*=page] h2,
[id*=page] h3 {
  line-height: 1.2em;
  padding-bottom: 30px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}
[id*=post] h1,
[id*=product] h1,
[id*=page] h1 {
  font-size: 4.2em;
  font-style: italic;
}
@media (max-width: 820px) {
  [id*=post] h1,
  [id*=product] h1,
  [id*=page] h1 {
    font-size: 3em;
  }
}
[id*=post] h1.page-no-hero,
[id*=product] h1.page-no-hero,
[id*=page] h1.page-no-hero {
  text-align: center;
  margin-bottom: 20px;
}
[id*=post] h2,
[id*=product] h2,
[id*=page] h2 {
  font-size: 3.2em;
}
@media (max-width: 820px) {
  [id*=post] h2,
  [id*=product] h2,
  [id*=page] h2 {
    font-size: 2.5em;
  }
}
[id*=post] h3,
[id*=product] h3,
[id*=page] h3 {
  font-size: 2.5em;
}
@media (max-width: 820px) {
  [id*=post] h3,
  [id*=product] h3,
  [id*=page] h3 {
    font-size: 2em;
  }
}
[id*=post] h4,
[id*=product] h4,
[id*=page] h4 {
  font-size: 2em;
  font-weight: 700;
}
[id*=post] p,
[id*=product] p,
[id*=page] p {
  line-height: 1.8em;
}
[id*=post] p, [id*=post] ul, [id*=post] ol,
[id*=post] [class*=wp-block] > ul,
[id*=product] p,
[id*=product] ul,
[id*=product] ol,
[id*=product] [class*=wp-block] > ul,
[id*=page] p,
[id*=page] ul,
[id*=page] ol,
[id*=page] [class*=wp-block] > ul {
  font-size: 1rem;
  margin-bottom: 1.4em;
}
[id*=post] p.has-small-font-size, [id*=post] ul.has-small-font-size, [id*=post] ol.has-small-font-size,
[id*=post] [class*=wp-block] > ul.has-small-font-size,
[id*=product] p.has-small-font-size,
[id*=product] ul.has-small-font-size,
[id*=product] ol.has-small-font-size,
[id*=product] [class*=wp-block] > ul.has-small-font-size,
[id*=page] p.has-small-font-size,
[id*=page] ul.has-small-font-size,
[id*=page] ol.has-small-font-size,
[id*=page] [class*=wp-block] > ul.has-small-font-size {
  font-size: 0.75rem;
  margin-bottom: 1.5em;
}
[id*=post] p.has-large-font-size, [id*=post] ul.has-large-font-size, [id*=post] ol.has-large-font-size,
[id*=post] [class*=wp-block] > ul.has-large-font-size,
[id*=product] p.has-large-font-size,
[id*=product] ul.has-large-font-size,
[id*=product] ol.has-large-font-size,
[id*=product] [class*=wp-block] > ul.has-large-font-size,
[id*=page] p.has-large-font-size,
[id*=page] ul.has-large-font-size,
[id*=page] ol.has-large-font-size,
[id*=page] [class*=wp-block] > ul.has-large-font-size {
  font-size: 2rem;
}
[id*=post] ul,
[id*=post] ul ul ul ul,
[id*=product] ul,
[id*=product] ul ul ul ul,
[id*=page] ul,
[id*=page] ul ul ul ul {
  list-style: disc;
}
[id*=post] ul ul,
[id*=post] ul ul ul ul ul,
[id*=product] ul ul,
[id*=product] ul ul ul ul ul,
[id*=page] ul ul,
[id*=page] ul ul ul ul ul {
  list-style: circle;
}
[id*=post] ul ul ul,
[id*=post] ul ul ul ul ul ul,
[id*=product] ul ul ul,
[id*=product] ul ul ul ul ul ul,
[id*=page] ul ul ul,
[id*=page] ul ul ul ul ul ul {
  list-style: square;
}
[id*=post] ul,
[id*=post] ol,
[id*=product] ul,
[id*=product] ol,
[id*=page] ul,
[id*=page] ol {
  padding-left: 40px;
}
[id*=post] li,
[id*=product] li,
[id*=page] li {
  line-height: 1.7em;
}
[id*=post] li::marker,
[id*=product] li::marker,
[id*=page] li::marker {
  color: #000000;
}

.wp-block-quote {
  padding: 0px 0px 0px 20px !important;
  border-left: 5px solid #EF5C73;
  margin-bottom: 20px !important;
}
.wp-block-quote p {
  font-size: 1.2rem !important;
  line-height: 1.8em !important;
  font-style: italic;
  font-family: "Roboto Condensed", sans-serif;
}
.wp-block-quote p:last-of-type {
  margin-bottom: 0;
}
.wp-block-quote cite {
  width: 100%;
  display: block;
  font-size: 1rem !important;
  text-align: right;
}
.wp-block-quote.is-style-large {
  padding: 0px 0px 0px 40px !important;
}
.wp-block-quote.is-style-large p, .wp-block-quote.is-style-large cite {
  font-size: 1.5rem !important;
}

.home [id*=post] h2:not(.woocommerce-loop-product__title, .hb-carousel__block-title) {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 50px;
  position: relative;
}
.home [id*=post] h2:not(.woocommerce-loop-product__title, .hb-carousel__block-title):after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  box-shadow: none;
  border: 0px;
  position: relative;
  margin: 20px 0 0 0;
  background-image: url(../img/colored-bars-divider.svg);
  background-position: center;
  background-repeat: no-repeat;
}

/*
===================================================================================
	Global Styles
===================================================================================
*/
html,
body {
  height: 100%;
}

body {
  font-size: 62.5%;
  font-family: "Roboto", sans-serif;
  color: #0D0F12;
  background: #ffffff;
  overflow-x: hidden;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body.nav-active {
  overflow-y: hidden;
}

.btn-play:hover,
.card-info a:hover {
  text-decoration: none !important;
}

.footer a:hover,
.post a:hover {
  text-decoration: underline;
}

* {
  box-sizing: border-box;
}

#sprites,
#console-icons {
  display: none;
}

.table {
  table-layout: fixed;
  display: table;
}

.table-cell {
  display: table-cell;
}

button,
.btn,
a.button {
  min-width: inherit;
  display: inline-block !important;
  background-color: #1F242C;
  line-height: 50px;
  padding: 0px 30px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 0px;
  cursor: pointer;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
button:hover,
.btn:hover,
a.button:hover {
  background-color: #586274;
  color: #ffffff;
  text-decoration: none !important;
}
button.added,
.btn.added,
a.button.added {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #5EBD3E !important;
  padding-right: 20px !important;
}
button.added:after,
.btn.added:after,
a.button.added:after {
  content: "\f00c" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  font-size: 0.8em;
  line-height: 1em;
  padding-left: 10px;
}
button.loading,
.btn.loading,
a.button.loading {
  opacity: 0.25;
  padding-right: 2.618em;
  position: relative;
}
button.loading:after,
.btn.loading:after,
a.button.loading:after {
  /*
  @include icomoon;
  content: "\e992";
  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  content: "\f110" !important;
  color: #ffffff;
  vertical-align: top;
  position: absolute;
  top: 0.618em;
  right: 1em;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.edit-btn {
  width: 100%;
  text-align: center;
  clear: both;
}

.inner-wrap {
  width: 100%;
  max-width: 1600px;
  padding: 0 40px;
  margin: 0 auto;
}
.inner-wrap--max50 {
  width: 50%;
}
.inner-wrap--max75 {
  width: 75%;
}
@media (max-width: 820px) {
  .inner-wrap {
    padding: 0px 24px;
  }
  .inner-wrap--max50, .inner-wrap--max75 {
    width: 100%;
    padding: 0px;
  }
  .inner-wrap--header {
    padding: 0;
  }
}
.inner-wrap .alignwide {
  margin: 0px -20px 20px -20px;
}
@media (min-width: 1400px) {
  .inner-wrap .alignwide {
    margin: 0px -10vw 20px -10vw;
  }
}
.inner-wrap .alignwide.wp-block-media-text, .inner-wrap .alignwide.wp-block-columns {
  margin-bottom: 40px;
}
.inner-wrap .alignfull {
  margin: 0px -40px 20px -40px;
}
@media (min-width: 1400px) {
  .inner-wrap .alignfull {
    margin: 0px -20vw 20px -20vw;
  }
}
@media (max-width: 820px) {
  .inner-wrap .alignfull {
    margin: 0px -24px 20px -24px;
  }
}

/*
===================================================================================
	Single Posts, Pages
===================================================================================
*/
.wp-caption.alignnone:not(body.single-product .wp-caption.alignnone) {
  display: block;
  width: 80vw;
  margin: 0px -10vw 10px -10vw;
  line-height: 0;
  position: relative;
  clear: both;
}

.wp-caption.alignnone:not(body.single-product .wp-caption.alignnone) img {
  width: 100%;
}

.wp-caption:not(body.single-product .wp-caption) {
  width: 50vw;
  position: relative;
  padding: 0px;
}

.wp-caption:not(body.single-product .wp-caption) a {
  display: block;
  padding: 0px;
  margin: 0px;
  line-height: 0;
}

figcaption:not(body.single-product figcaption) {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  font-size: 1.4em;
  line-height: 1.6em;
  text-align: center;
}

.wp-caption.alignleft:not(body.single-product .wp-caption.alignleft) {
  margin: 6px 20px 0px -10vw;
}

.wp-caption.alignright:not(body.single-product .wp-caption.alignleft) {
  margin: 6px -10vw 0px 20px;
}

.alignleft {
  float: left;
  margin: 0px 20px 20px 0px;
}

img.alignleft,
img.alignright {
  margin-top: 6px;
}

.alignright {
  float: right;
  margin: 0px 0px 20px 20px;
}

.aligncenter {
  display: block;
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.page-pag-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6em;
  padding-top: 20px;
}

.page-pag {
  text-transform: uppercase;
}

.wp-block-separator {
  margin: 2em auto 3em auto;
  border: 0px;
  border-top: 1px solid #f6f6f6;
}
.wp-block-separator.is-style-dots {
  height: 4px;
  box-shadow: none;
  position: relative;
  background-image: url(../img/colored-bars-divider.svg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.wp-block-separator.is-style-dots:before {
  display: none;
}

@media (min-width: 1400px) {
  .single-post .post {
    width: 1024px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 100% !important;
  }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
  }
  hr.wp-block-separator:after {
    width: 100%;
    left: 25%;
  }
}
@media (max-width: 767px) {
  .wp-caption.alignright,
  .wp-caption.alignleft {
    margin: 0px -10vw 20px -10vw;
  }
  .alignleft,
  .alignright {
    float: none;
  }
  .wp-caption {
    width: 100vw;
  }
  img.alignleft,
  img.alignright {
    width: 100vw;
    margin: 0px -10vw 20px -10vw;
  }
  .post > blockquote {
    font-size: 1.6em;
    margin: 0px 0px 20px 0px;
  }
  .post > blockquote.bq-left,
  .post > blockquote.bq-right {
    width: 100%;
    float: none;
    margin: 0px 0px 20px 0px;
  }
  .wp-caption.alignnone {
    width: 100vw;
  }
  .alignfull,
  .obj-full,
  .obj-lg-169,
  .obj-full-169,
  .full-width {
    margin: 0px -10vw 20px -10vw;
  }
}
@media (max-width: 767px) and (max-width: 820px) {
  .alignfull,
  .obj-full,
  .obj-lg-169,
  .obj-full-169,
  .full-width {
    margin: 0;
  }
}
.wp-block-button .wp-block-button__link {
  min-width: inherit;
  display: inline-block !important;
  background-color: #1F242C;
  line-height: 50px;
  padding: 0px 30px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 0px;
  cursor: pointer;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.wp-block-button .wp-block-button__link:hover {
  background-color: #586274;
  color: #ffffff;
  text-decoration: none !important;
}
.wp-block-button .wp-block-button__link.added {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #5EBD3E !important;
  padding-right: 20px !important;
}
.wp-block-button .wp-block-button__link.added:after {
  content: "\f00c" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  font-size: 0.8em;
  line-height: 1em;
  padding-left: 10px;
}
.wp-block-button .wp-block-button__link.loading {
  opacity: 0.25;
  padding-right: 2.618em;
  position: relative;
}
.wp-block-button .wp-block-button__link.loading:after {
  /*
  @include icomoon;
  content: "\e992";
  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  content: "\f110" !important;
  color: #ffffff;
  vertical-align: top;
  position: absolute;
  top: 0.618em;
  right: 1em;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.wp-block-button .no-border-radius {
  border-radius: 0px !important;
}

.post .wp-block-gallery {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .post .wp-block-gallery {
    margin-bottom: 20px;
  }
}

.post ul.blocks-gallery-grid,
.wp-block-gallery {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.post figure figure {
  margin-bottom: 0px;
}

.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
  margin: 0 16px 16px 0;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

/*
figure.wp-block-gallery {
    display: block;
    margin: 0;
}
*/
.classic-gallery.columns-1 figure {
  width: calc((100% - 20px) / 1);
  margin-right: 20px;
}
.classic-gallery.columns-1 figure:nth-of-type(1n) {
  margin-right: 0;
}
.classic-gallery.columns-2 figure {
  width: calc((100% - 40px) / 2);
  margin-right: 20px;
}
.classic-gallery.columns-2 figure:nth-of-type(2n) {
  margin-right: 0;
}
.classic-gallery.columns-3 figure {
  width: calc((100% - 60px) / 3);
  margin-right: 20px;
}
.classic-gallery.columns-3 figure:nth-of-type(3n) {
  margin-right: 0;
}
.classic-gallery.columns-4 figure {
  width: calc((100% - 80px) / 4);
  margin-right: 20px;
}
.classic-gallery.columns-4 figure:nth-of-type(4n) {
  margin-right: 0;
}
.classic-gallery.columns-5 figure {
  width: calc((100% - 100px) / 5);
  margin-right: 20px;
}
.classic-gallery.columns-5 figure:nth-of-type(5n) {
  margin-right: 0;
}
.classic-gallery.columns-6 figure {
  width: calc((100% - 120px) / 6);
  margin-right: 20px;
}
.classic-gallery.columns-6 figure:nth-of-type(6n) {
  margin-right: 0;
}
.classic-gallery.columns-7 figure {
  width: calc((100% - 140px) / 7);
  margin-right: 20px;
}
.classic-gallery.columns-7 figure:nth-of-type(7n) {
  margin-right: 0;
}
.classic-gallery.columns-8 figure {
  width: calc((100% - 160px) / 8);
  margin-right: 20px;
}
.classic-gallery.columns-8 figure:nth-of-type(8n) {
  margin-right: 0;
}
.classic-gallery.columns-9 figure {
  width: calc((100% - 180px) / 9);
  margin-right: 20px;
}
.classic-gallery.columns-9 figure:nth-of-type(9n) {
  margin-right: 0;
}
.classic-gallery__link:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: rgba(0, 156, 223, 0.6);
  opacity: 0;
  z-index: 3;
}
.classic-gallery__link:hover:before {
  opacity: 1;
}
.classic-gallery figure {
  display: flex;
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}
.classic-gallery figure:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.classic-gallery figure .caption {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 2;
  font-size: 14px;
  background-color: rgba(13, 15, 18, 0.6);
  text-align: center;
  padding: 5px;
  color: #ffffff;
}
.classic-gallery__image img {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  max-width: none;
  height: 100%;
  z-index: 1;
}

.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
  width: calc((100% - 16px) / 2);
}

.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n) {
  margin-right: 0;
}

/* 3 columns */
.blocks-gallery-grid.columns-3 .blocks-gallery-image,
.blocks-gallery-grid.columns-3 .blocks-gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-image,
.wp-block-gallery.columns-3 .blocks-gallery-item {
  width: calc((100% - 32px) / 3);
  margin-right: 16px;
}

.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),
.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),
.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),
.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) {
  margin-right: 0;
}

/* 4 columns */
.blocks-gallery-grid.columns-4 .blocks-gallery-image,
.blocks-gallery-grid.columns-4 .blocks-gallery-item,
.wp-block-gallery.columns-4 .blocks-gallery-image,
.wp-block-gallery.columns-4 .blocks-gallery-item {
  width: calc((100% - 48px) / 4);
  margin-right: 16px;
}

.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),
.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),
.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),
.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n) {
  margin-right: 0;
}

/* 5 columns */
.blocks-gallery-grid.columns-5 .blocks-gallery-image,
.blocks-gallery-grid.columns-5 .blocks-gallery-item,
.wp-block-gallery.columns-5 .blocks-gallery-image,
.wp-block-gallery.columns-5 .blocks-gallery-item {
  width: calc((100% - 64px) / 5);
  margin-right: 16px;
}

.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),
.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),
.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),
.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n) {
  margin-right: 0;
}

/* 6 columns */
.blocks-gallery-grid.columns-6 .blocks-gallery-image,
.blocks-gallery-grid.columns-6 .blocks-gallery-item,
.wp-block-gallery.columns-6 .blocks-gallery-image,
.wp-block-gallery.columns-6 .blocks-gallery-item {
  width: calc((100% - 80px) / 6);
  margin-right: 16px;
}

.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),
.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),
.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),
.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n) {
  margin-right: 0;
}

.blocks-gallery-grid .blocks-gallery-image:last-child,
.blocks-gallery-grid .blocks-gallery-item:last-child,
.wp-block-gallery .blocks-gallery-image:last-child,
.wp-block-gallery .blocks-gallery-item:last-child {
  margin-right: 0;
}

.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blocks-gallery-grid.is-cropped .blocks-gallery-item img,
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img,
.wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img {
  height: 100%;
  flex: 1;
  object-fit: cover;
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
  flex-grow: inherit !important;
}

/* caption */
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
  position: absolute;
  bottom: 0;
  width: 100%;
  max-height: 100%;
  overflow: auto;
  padding: 40px 10px 9px;
  color: #ffffff;
  text-align: center;
  font-size: 13px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 70%, transparent);
}

.wp-block-gallery.alignwide {
  margin-left: -10vw;
  margin-right: -10vw;
}

.wp-block-gallery.alignfull {
  margin-left: -20vw;
  margin-right: -20vw;
}

.gallery {
  display: block;
  width: 100%;
  margin: 0px 0px 25px 0px;
  position: relative;
}

.gallery-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  overflow: hidden;
  height: 100px;
}

.gallery-thumbs-wrap {
  width: calc(100% - 80px);
  height: 100px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.gallery-thumbs-wrap.no-nav {
  width: 100%;
  display: flex;
  justify-content: center;
}

.gallery-thumbs {
  width: 1600px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.gallery-thumbs.no-nav {
  position: relative;
  top: auto;
  left: auto;
}

.gallery-nav i {
  text-align: center;
  width: 40px;
  line-height: 100px;
  font-size: 30px;
  cursor: pointer;
  color: #ffffff;
  background-color: #EF5C73;
  position: relative;
  z-index: 2;
}

.gallery-nav-l {
  box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.5);
}

.gallery-nav-r {
  box-shadow: -5px 0px 10px rgba(0, 0, 0, 0.5);
}

.gallery-large {
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.gallery-large-wrap {
  width: 100%;
  padding-top: 56%;
  background-color: #242424;
  position: relative;
  z-index: 3;
}

.gallery-large img {
  width: auto;
  height: 100%;
  transition: 0.2s ease-in-out;
  opacity: 0;
}

.gallery-large img.on {
  opacity: 1;
}

.gallery .loading {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  margin: -75px 0px 0px 0px;
  transition: 0.2s ease-in-out;
}

.gallery-error {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4em;
  color: #ffffff;
}

.gallery-large:before {
  content: "\f00e";
  display: inline-block;
  position: absolute;
  bottom: 0px;
  right: 0px;
  font: normal normal normal 30px/1 FontAwesome;
  opacity: 0;
  background-color: #ffffff;
  padding: 10px;
  transition: 0.2s ease-in-out;
}

.gallery-large:hover:before {
  opacity: 1;
}

.gallery-thumb {
  float: left;
  line-height: 0em;
  width: 100px;
  height: 100px;
  background-size: cover;
  cursor: pointer;
  border-right: 1px solid #ffffff;
  box-sizing: border-box;
  opacity: 0.5;
  position: relative;
  transition: 0.2s ease-in-out;
}

.gallery-thumb:hover {
  opacity: 1;
}

.gallery-thumb.selected {
  opacity: 1;
}

.gallery a {
  display: block;
  overflow: hidden;
  position: relative;
}

.article .gallery .gallery-caption {
  display: none;
}

body.videos .comments {
  margin-top: 0px;
}

@media (max-width: 767px) {
  .article .gallery {
    flex-wrap: wrap;
  }
  .article .gallery li {
    width: 33.33%;
  }
  .article .gallery a:hover {
    transform: none;
  }
}
/*
===================================================================================
	From The Web Overrides
===================================================================================
*/
div[data-embed-type=video] {
  padding-top: 56.25%;
  position: relative;
  margin-bottom: 25px;
}

div[data-embed-type=video] iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

[data-embed-type=gallery] {
  display: inline-block;
  clear: both;
}

[data-embed-type=gallery] a {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

/*
===================================================================================
	Videos
===================================================================================
*/
body.videos .hero-titles-inner {
  z-index: 1;
}

body.videos .hero-titles h1 {
  font-weight: 700;
  padding: 0px 15px;
  font-size: 4em;
}

body.videos .btn-play {
  display: table;
  width: 100px;
  height: 100px;
  font-size: 50px;
  border-radius: 100px;
  background-color: #EF5C73;
  margin: 20px auto;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 99;
}

body.videos .btn-play:hover {
  background-color: #5f338d;
}

body.videos .btn-play {
  background-color: rgba(245, 26, 106, 0.7);
}

body.videos .btn-play:hover {
  background-color: rgb(245, 26, 106);
}

body.videos .btn-play:before,
body.videos .btn-play:after {
  font-family: "Roboto", sans-serif;
  font-size: 40px;
  line-height: 30px;
  color: #ffffff;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  transition: 0.2s ease-in-out;
  z-index: 9;
  opacity: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

body.videos .btn-play:before {
  content: "PLAY";
  left: 0px;
}

body.videos .btn-play:after {
  content: "VIDEO";
}

body.videos .btn-play:hover:before {
  transform: translateX(-70px);
  opacity: 1;
}

body.videos .btn-play:hover:after {
  transform: translateX(15px);
  opacity: 1;
}

body.videos .btn-play .fa-play {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-left: 5px;
}

.video-box {
  position: fixed;
  width: 80%;
  padding-top: 45%;
  top: 50%;
  left: 50%;
  margin: -22.5% 0 0 -40%;
  z-index: -999;
  transition: 0.2s ease-in-out;
  background: #000;
  opacity: 0;
}

.video-box iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.video-box.active {
  opacity: 1;
  z-index: 999999;
}

.icon-menu.video-active {
  transform: translateX(70px);
}

.arrow-hint.video-active {
  transform: translateY(80px);
}

.video-close {
  position: fixed;
  top: 0px;
  left: 0px;
  transition: 0.2s ease-in-out;
  opacity: 0;
  z-index: 99999;
}

.video-close.video-active {
  opacity: 1;
  width: 100vw;
  height: 100vh;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.9);
}

body.video-active {
  overflow: hidden;
}

@media (max-width: 767px) {
  body.videos .hero-titles h1 {
    padding: 0px;
    font-size: 3em;
  }
}
/*
===================================================================================
	Gutenberg styles
===================================================================================
*/
.wp-block-columns {
  display: flex;
}

.wp-block-column {
  flex: 1;
}

.hide_block {
  display: none !important;
}

/*
===================================================================================
	Internet Explorer Overrides
===================================================================================
*/
@-ms-viewport {
  width: device-width;
}
html.-ms- {
  height: inherit;
}

html.-ms- .menu-main-container {
  transform: translateX(0);
  right: -25%;
}

html.-ms- .menu-main-container.nav-active {
  transform: translateX(0);
  right: 0px;
}

.nf-form-title h3 {
  font-size: 3.6em;
  font-weight: bold;
  margin-bottom: 30px;
}

.nf-form-content {
  max-width: 100% !important;
}

.nf-response-msg p {
  font-size: 3em;
  text-align: center;
}

body.contact-us .inner-wrap .page {
  min-height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.contact-us .inner-wrap .page .wp-block-ninja-forms-form,
body.contact-us .inner-wrap .page .nf-form-cont {
  width: 100%;
}

.wp-block-yoast-faq-block .schema-faq-section {
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 20px 30px;
  cursor: pointer;
}
.wp-block-yoast-faq-block .schema-faq-section:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.wp-block-yoast-faq-block .schema-faq-section:before {
  font-size: 12px;
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-weight: 900;
  line-height: 1;
  content: "\f054";
  position: absolute;
  top: 27px;
  left: 6px;
}
.wp-block-yoast-faq-block .schema-faq-section.open:before {
  content: "\f078";
}
.wp-block-yoast-faq-block .schema-faq-section.open .schema-faq-question {
  font-weight: bold;
}
.wp-block-yoast-faq-block .schema-faq-section.open .schema-faq-answer {
  display: block;
}
.wp-block-yoast-faq-block .schema-faq-section .schema-faq-question {
  font-size: 1.8em;
  text-transform: uppercase;
  font-weight: normal;
}
.wp-block-yoast-faq-block .schema-faq-section .schema-faq-answer {
  display: none;
  margin-top: 10px;
  margin-bottom: 0px;
}

.wp-block-table table {
  border-collapse: collapse;
  width: 100%;
  font-size: 1rem;
}

.wp-block-table thead {
  border-bottom: 3px solid;
}

.wp-block-table td,
.wp-block-table th {
  padding: 0.5em;
  border: 1px solid;
  word-break: normal;
}

.wp-block-table.more-right td:first-of-type {
  width: 30%;
}

[id*=post] h2.head-underline {
  border-bottom: 2px solid #212529;
  margin-bottom: 30px;
  padding-bottom: 10px;
}

/* Fancybox */
.fancybox-close {
  background-image: none;
}
.fancybox-close:before {
  content: "\ea18";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 36px;
  height: 36px;
  font-size: 20px;
  border-radius: 30px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #323843;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.fancybox-close:hover:before {
  background-color: #EF5C73;
}

.fancybox-nav:hover span {
  opacity: 1;
}
.fancybox-nav span {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  visibility: visible;
  opacity: 0;
}

.fancybox-prev span,
.fancybox-next span {
  background-image: none;
  background-size: inherit;
  border-radius: 36px;
  background-color: #323843;
  width: 36px;
  height: 36px;
}
.fancybox-prev span:before,
.fancybox-next span:before {
  width: 100%;
  height: 100%;
  font-size: 36px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fancybox-prev span:hover,
.fancybox-next span:hover {
  background-color: #009CDF;
}

.fancybox-prev span:before {
  content: "\e92f";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fancybox-next span:before {
  content: "\e930";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fancybox-title-overlay-wrap {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: rgba(31, 36, 44, 0.9);
  color: #ffffff;
  padding: 10px 15px;
  font-size: 16px;
}

/* WP BLOCK: Cover */
.compare_tbl {
  border: 1px solid #000;
  margin: 0 auto;
}

.compare_tbl__cell {
  text-align: center;
  border-bottom: 1px solid #000;
  font-size: 16px;
  padding: 5px;
}

.compare_tbl__cell--header {
  font-weight: bold;
  background-color: #f51a6a;
  color: #fff;
}

.compare_tbl__cell--1 {
  width: 35%;
  border-right: 1px solid #000;
  text-align: left;
}

.compare_tbl__cell--2 {
  width: 30%;
  border-right: 1px solid #000;
}

.compare_tbl__cell--3 {
  width: 30%;
}

.compare_tbl__cell--last {
  border-bottom: 0px;
}

/* GETWID Styles */
.alignwide {
  clear: both;
}

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

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

.wp-block-cover {
  position: relative;
  margin-bottom: 30px;
}
.wp-block-cover img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.wp-block-cover .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
}
.wp-block-cover .wp-block-cover__inner-container p, .wp-block-cover .wp-block-cover__inner-container h1, .wp-block-cover .wp-block-cover__inner-container h2, .wp-block-cover .wp-block-cover__inner-container h3, .wp-block-cover .wp-block-cover__inner-container h4 {
  margin: revert;
}

.wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded img {
  border-radius: 10px;
}

.wp-block-columns {
  /*
   &--guides {

  	ul {
  		counter-reset: section;
  		list-style-type: none;

  		li {
  			counter-increment: item;
  			position: relative;
  			margin-bottom: 20px;

  			&:before {
  				display: flex;
  				justify-content: center;
  				align-items: center;
  				content: counter(item) " ";
  				position: absolute;
  				top:-2px;
  				left:-42px;
  				width: 30px;
  				height: 30px;
  				border-radius: 15px;
  				font-weight: 700;
  			}

  		}
  	}

     .wp-block-column{

       @include respond-to('small') {
         &:first-of-type {
           margin-bottom: 20px;
         }
       }

       @include respond-to ('medium') {
         flex: 1 50%;
         &:not(:first-child) {
           margin:0px !important;
           padding: 0 4%;
         }
       }
     }
   }
  */
}
.wp-block-columns--guides ul {
  padding-left: 0px;
  list-style-type: none;
  margin-bottom: 0px !important;
}
.wp-block-columns--guides ul.bullet__icon--alert li:before, .wp-block-columns--guides ul.bullet__icon--stop li:before, .wp-block-columns--guides ul.bullet__icon--tool li:before {
  left: -5px;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.4em;
}
.wp-block-columns--guides ul.bullet__icon--alert li:before {
  content: "\e904";
  color: #dfa200;
}
.wp-block-columns--guides ul.bullet__icon--stop li:before {
  content: "\e903";
  color: #E23838;
}
.wp-block-columns--guides ul.bullet__icon--tool li:before {
  content: "\e9f3";
  color: #8DC970;
}
.wp-block-columns--guides ul li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 10px;
}
.wp-block-columns--guides ul li:before {
  position: absolute;
  top: 0.04em;
  left: 0px;
  color: #0D0F12;
  content: "•";
  font-size: 2em;
}
@media (max-width: 820px) {
  .wp-block-columns--guides .wp-block-column:first-of-type {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .wp-block-columns--guides .wp-block-column {
    flex: 1 50%;
    /*
    &:not(:first-child) {

        }*/
  }
}

.wp-block-media-text {
  /*!rtl:begin:ignore*/
  direction: ltr;
  /*!rtl:end:ignore*/
  display: grid;
  grid-template-columns: 50% 1fr;
  grid-template-rows: auto;
  margin-bottom: 30px;
}
.wp-block-media-text.has-media-on-the-right {
  grid-template-columns: 1fr 50%;
}

.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
  align-self: start;
}

.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__media,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media {
  align-self: center;
}

.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
  align-self: end;
}

.wp-block-media-text .wp-block-media-text__media {
  /*!rtl:begin:ignore*/
  grid-column: 1;
  grid-row: 1;
  /*!rtl:end:ignore*/
  margin: 0;
}
@media (max-width: 767px) {
  .wp-block-media-text .wp-block-media-text__media {
    margin-bottom: 2em;
  }
}

.wp-block-media-text .wp-block-media-text__content {
  direction: ltr;
  /*!rtl:begin:ignore*/
  grid-column: 2;
  grid-row: 1;
  /*!rtl:end:ignore*/
  padding: 0 8% 0 8%;
  word-break: break-word;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
  /*!rtl:begin:ignore*/
  grid-column: 2;
  grid-row: 1;
  /*!rtl:end:ignore*/
}
@media (max-width: 767px) {
  .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 2;
  }
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  /*!rtl:begin:ignore*/
  grid-column: 1;
  grid-row: 1;
  /*!rtl:end:ignore*/
}

.wp-block-media-text__media img,
.wp-block-media-text__media video {
  max-width: unset;
  width: 100%;
  vertical-align: middle;
  height: auto;
}

.wp-block-media-text.is-image-fill figure.wp-block-media-text__media {
  height: 100%;
  min-height: 250px;
  background-size: cover;
}

.wp-block-media-text.is-image-fill figure.wp-block-media-text__media > img {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.contact-form input:not([type=button]),
.contact-form select,
.contact-form textarea {
  font-family: "Roboto Condensed", sans-serif;
  padding: 10px;
  font-size: 16px;
  height: 50px;
}
.contact-form label {
  font-size: 18px;
  font-family: "Roboto Condensed", sans-serif;
}
.contact-form .nf-form-fields-required {
  margin-bottom: 20px;
  font-size: 12px;
  text-align: right;
}
.contact-form .nf-error-msg {
  font-size: 14px;
}
.contact-form input[type=button],
.contact-form input[type=submit] {
  min-width: inherit;
  display: inline-block !important;
  background-color: #009CDF;
  line-height: 50px;
  padding: 0px 30px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 0px;
  cursor: pointer;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.contact-form input[type=button]:hover,
.contact-form input[type=submit]:hover {
  background-color: #EF5C73;
  color: #ffffff;
  text-decoration: none !important;
}
.contact-form input[type=button].added,
.contact-form input[type=submit].added {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #5EBD3E !important;
  padding-right: 20px !important;
}
.contact-form input[type=button].added:after,
.contact-form input[type=submit].added:after {
  content: "\f00c" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  font-size: 0.8em;
  line-height: 1em;
  padding-left: 10px;
}
.contact-form input[type=button].loading,
.contact-form input[type=submit].loading {
  opacity: 0.25;
  padding-right: 2.618em;
  position: relative;
}
.contact-form input[type=button].loading:after,
.contact-form input[type=submit].loading:after {
  /*
  @include icomoon;
  content: "\e992";
  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  content: "\f110" !important;
  color: #ffffff;
  vertical-align: top;
  position: absolute;
  top: 0.618em;
  right: 1em;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.nf-form-content {
  padding: 0px !important;
}

.nf-before-form-content {
  font-size: 14px;
  margin-bottom: 10px;
}

.nf-form-cont {
  max-width: 760px;
  margin: 0 auto;
}

.nf-form-content {
  font-family: "Roboto Condensed", sans-serif;
}
.nf-form-content input, .nf-form-content textarea {
  font-family: "Roboto Condensed", sans-serif;
}
.nf-form-content input[type=submit] {
  padding: 0px 30px;
  line-height: 50px !important;
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  cursor: pointer;
  background-color: #0D0F12 !important;
}
.nf-form-content input[type=submit]:hover {
  color: #ffffff !important;
  background-color: #009CDF !important;
}

.nf-error-msg,
.ninja-forms-req-symbol {
  font-size: 14px;
}

.product {
  display: flex;
  justify-content: space-between;
}
.product__container {
  padding: 0px 80px 30px 80px;
}
.product__images {
  width: 45%;
}
.product__info {
  width: 45%;
}
.product .hb-carousel {
  border: 1px solid #dedede;
}
@media (max-width: 820px) {
  .product {
    flex-wrap: wrap;
  }
  .product__container {
    padding: 0px;
  }
  .product__images, .product__info {
    width: 100%;
  }
}
.product__content--other {
  margin-bottom: 40px;
}
.product__content img {
  max-width: 100%;
}
.product__status {
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 30px;
  padding: 10px 50px;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  background-color: #0D0F12;
  border-radius: 50px;
}
.product__status--comingsoon {
  background-color: #009CDF;
}
.product__status--eol {
  background-color: #EF5C73;
}
@media (max-width: 820px) {
  .product__status {
    display: block;
    padding: 10px;
  }
}

.embed-container {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  padding: 0px 0px 56.25% 0px;
  position: relative;
  border: 1px solid #dedede;
}
@media (max-width: 820px) {
  .embed-container {
    width: 100%;
    background-color: transparent;
  }
  .embed-container .object,
  .embed-container embed {
    width: 100%;
  }
}
.embed-container iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
@media (max-width: 820px) {
  .embed-container iframe {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    margin: 0px;
  }
}

.flickity-viewport {
  height: 400px;
  overflow: hidden;
}

.product__headline--mobile {
  display: none;
}
@media (max-width: 820px) {
  .product__headline--mobile {
    display: block;
  }
  .product__headline--desktop {
    display: none;
  }
}

.product__resellers {
  display: flex;
  flex-wrap: wrap;
}
.product__resellers--title {
  width: 100%;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif;
  margin-bottom: 20px;
}
.product__resellers--reseller {
  width: 30%;
  border: 1px solid #dedede;
  background-size: cover;
  margin-right: 5%;
  margin-bottom: 30px;
  position: relative;
}
.product__resellers--reseller:hover {
  border-color: #009CDF;
}
.product__resellers--reseller:nth-child(3n+1) {
  margin-right: 0;
}
.product__resellers--reseller:before {
  content: "";
  width: 100%;
  padding-top: 100%;
  display: block;
}
.product__resellers--country {
  position: absolute;
  bottom: 5px;
  left: 0px;
  text-align: center;
  width: 100%;
  color: #272C34;
}
.product__resellers--sag {
  background-image: url(../img/logo_sag.jpg);
}
.product__resellers--8bitmods {
  background-image: url(../img/logo_8bitmods.jpg);
}
.product__resellers--cmg {
  background-image: url(../img/logo_cmg.jpg);
}
.product__resellers--songbird {
  background-image: url(../img/logo_songbird.jpg);
}
.product__resellers--zedlabz {
  background-image: url(../img/logo_zedlabz.jpg);
}

.product__button {
  width: 100%;
  margin-bottom: 30px;
}

.product__related-products {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.product__related-products--headline {
  width: 100%;
}
.product__related-products--product {
  width: 23%;
  margin-right: 2%;
}
@media (max-width: 820px) {
  .product__related-products--product {
    width: 48%;
    margin-right: 4%;
  }
  .product__related-products--product:nth-child(2n+1) {
    margin-right: 0px;
  }
}
.product__related-products--product:hover .rp_image {
  border-color: #009CDF;
}
.product__related-products--product:nth-child(4n+1) {
  margin-right: 0px;
}
.product__related-products--product .rp_image {
  width: 100%;
  background-size: cover;
  border: 1px solid #dedede;
  margin-bottom: 15px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.product__related-products--product .rp_image:before {
  content: "";
  width: 100%;
  padding-top: 75%;
  display: block;
}
.product__related-products--product .rp_terms {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
  text-align: center;
  padding-bottom: 10px;
}
.product__related-products--product .rp_title {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  text-align: center;
  padding-bottom: 10px;
}

.product__terms {
  margin-bottom: 10px;
}
.product__terms--mobile {
  display: none;
}
@media (max-width: 820px) {
  .product__terms--mobile {
    display: block;
  }
  .product__terms--desktop {
    display: none;
  }
}
.product__terms .term {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  color: #000000;
}

.product__sharelinks {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 30px;
}
.product__sharelinks--text {
  font-size: 16px;
  margin-right: 15px;
}
.product__sharelinks ul {
  width: 100%;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.product__sharelinks .sharelink {
  margin-right: 15px;
}
.product__sharelinks .sharelink a {
  border: 1px solid #dedede;
  color: #272C34;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
}
.product__sharelinks .sharelink a:hover {
  border-color: #009CDF;
}

.product-item {
  display: block;
  width: 25%;
  padding-right: 15px;
  padding-left: 15px;
}
@media (max-width: 820px) {
  .product-item {
    width: 50%;
    padding-left: 0px;
    padding-right: 15px;
  }
  .product-item:nth-child(2) {
    padding-right: 0px;
    padding-left: 15px;
  }
}
.product-item__images {
  width: 100%;
  padding-top: 75%;
  position: relative;
}
.product-item__images--eol .product-item__image {
  filter: grayscale(1);
}
.product-item__image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.product-item:hover .product-item__image--1 {
  opacity: 0;
}
.product-item:hover .product-item__image--1.single {
  opacity: 1;
}
.product-item__term {
  display: block;
  color: #0D0F12;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin: 10px 0px;
}
.product-item__title {
  display: block;
  color: #0D0F12;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  text-align: center;
  padding-bottom: 10px;
}
.product-item__status {
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -20%;
  width: 40%;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  background-color: #0D0F12;
  color: #ffffff;
  padding: 5px;
  text-align: center;
  border-radius: 50px;
  z-index: 3;
}
@media (max-width: 820px) {
  .product-item__status {
    width: 100%;
    left: 0px;
    margin-left: 0;
  }
}
@media (min-width: 820px) {
  .product-item__status {
    width: 80%;
    margin-left: -40%;
  }
}
@media (min-width: 992px) {
  .product-item__status {
    width: 60%;
    margin-left: -30%;
  }
}
@media (min-width: 1200px) {
  .product-item__status {
    margin-left: -20%;
    width: 40%;
  }
}
.product-item__status--comingsoon {
  background-color: #009CDF;
}
.product-item__status--eol {
  background-color: #EF5C73;
}

/* Bread Crumbs */
.inner-wrap--breadcrumbs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  flex-wrap: wrap;
}

ul.breadcrumbs {
  list-style: none;
  margin-bottom: 20px;
  font-size: 1.4em;
  display: flex;
  padding-left: 0px;
}
@media (max-width: 820px) {
  ul.breadcrumbs {
    flex-wrap: wrap;
  }
}
ul.breadcrumbs .breadcrumb {
  display: flex;
  align-items: center;
}
ul.breadcrumbs .breadcrumb a {
  font-family: "Roboto Condensed", sans-serif;
  color: #009CDF;
  font-size: 16px;
}
ul.breadcrumbs .breadcrumb .separator {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
ul.breadcrumbs .breadcrumb .separator i {
  font-size: 10px;
  color: #586274;
}
ul.breadcrumbs .breadcrumb:last-child .separator {
  display: none;
}

/*
===================================================================================
	Site Head
===================================================================================
*/
.site-head {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: #000000;
  transition: 0.4s ease-in-out;
  display: flex;
  flex-direction: column;
  z-index: 8000;
}
.site-head.nobg {
  background-color: transparent;
}
@media (max-width: 820px) {
  .site-head.nobg {
    background-color: #000000;
  }
}
.site-head.nav-open {
  background-color: #000000;
}
.site-head__message {
  position: relative;
  z-index: 1;
}
.site-head__cols {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  height: 100px;
  transition: 0.2s ease-in-out;
}
@media (max-width: 820px) {
  .site-head__cols {
    height: 60px;
    padding: 0;
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .site-head__cols {
    height: 80px;
  }
}
@media (min-width: 1200px) {
  .site-head__cols {
    height: 100px;
  }
}
@media (max-width: 820px) {
  .site-head__col {
    width: auto;
  }
}
.site-head__col--left {
  width: 100%;
  height: 100%;
  max-width: 400px;
}
@media (max-width: 820px) {
  .site-head__col--left {
    display: flex;
    width: calc(100% - 60px);
    max-width: inherit;
  }
}
@media (min-width: 992px) {
  .site-head__col--left {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .site-head__col--left {
    width: 100%;
  }
}
.site-head__col--left .site-logo {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 400px;
}
@media (max-width: 820px) {
  .site-head__col--left .site-logo {
    width: calc(100% - 60px);
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }
}
.site-head__col--left .site-logo-svg {
  width: 100%;
  height: 95%;
  color: #ffffff;
  transition: 0.5s ease-out;
}
@media (max-width: 820px) {
  .site-head__col--left .site-logo-svg {
    width: 75%;
  }
}
.site-head__col--left .site-logo-mobile-svg {
  display: none;
  /*
  @include respond-to('small') {
  	display: block;
  	width: 60px;
  	height: 100%;
  	margin-left: -24px;
  }
  */
}
.site-head__col--center {
  width: 48%;
  height: 100%;
  display: flex;
  justify-content: center;
}
@media (max-width: 820px) {
  .site-head__col--center {
    display: none;
  }
}
.site-head__col--right {
  width: 26%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 820px) {
  .site-head__col--right {
    width: 60px;
  }
}
.site-head__col--right a, .site-head__col--right .site-head__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  margin: 0 0 0 25px;
  color: #ffffff;
  transition: 0.2s ease-in-out;
}
@media (max-width: 820px) {
  .site-head__col--right a, .site-head__col--right .site-head__icon {
    margin: 0px;
    width: 60px;
    height: 60px;
  }
}
.site-head__col--right a:hover, .site-head__col--right .site-head__icon:hover {
  text-decoration: none;
  color: #9BE5DD;
}
@media (max-width: 820px) {
  .site-head__col--right a:hover, .site-head__col--right .site-head__icon:hover {
    color: #ffffff;
  }
}
.site-head__col--right a--search, .site-head__col--right .site-head__icon--search {
  cursor: pointer;
}
.site-head__col--right .site-head__searchform {
  display: flex;
  position: absolute;
  left: 50vw;
  top: 50vh;
  margin-left: -25vw;
  margin-top: -25px;
  width: 50vw;
  height: 50px;
  padding-bottom: 40px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  z-index: 9999;
  opacity: 0;
  transform: translateY(-70vh);
  transform-origin: top;
  transition: 0.2s ease-in-out;
}
@media (max-width: 820px) {
  .site-head__col--right .site-head__searchform {
    width: 90vw;
    left: 0px;
    margin-left: 5vw;
  }
}
.site-head__col--right .site-head__searchform.show {
  transform: translateY(0px);
  opacity: 1;
}
.site-head__col--right .site-head__searchform form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.site-head__col--right .site-head__searchform form #s, .site-head__col--right .site-head__searchform form #s:focus, .site-head__col--right .site-head__searchform form #s:active {
  width: calc(100% - 50px);
  height: 40px;
  border: 0;
  margin: 0;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 35px !important;
  color: #ffffff !important;
  line-height: 35px;
  background: none !important;
  box-sizing: border-box;
  padding: 0px;
}
@media (max-width: 820px) {
  .site-head__col--right .site-head__searchform form #s, .site-head__col--right .site-head__searchform form #s:focus, .site-head__col--right .site-head__searchform form #s:active {
    width: calc(100% - 120px);
    margin-right: 10px;
    font-size: 24px !important;
  }
}
.site-head__col--right .site-head__searchform form .search-submit {
  width: 150px;
  position: relative;
  margin: 0 0 0 20px;
  cursor: pointer;
  color: #0D0F12;
  background-color: #ffffff;
}
@media (max-width: 820px) {
  .site-head__col--right .site-head__searchform form .search-submit {
    width: 50px;
    height: 50px;
    margin: 0px;
    padding: 0px;
    font-size: 25px;
    border-radius: 0px;
  }
}
.site-head__col--right .site-head__searchform form .search-submit:hover {
  color: #ffffff;
  background-color: #000000;
}
.site-head__col--right .site-head__searchform form .search-submit:hover .search-btn-text {
  color: #ffffff;
}
.site-head__col--right .site-head__searchform form .search-submit .search-btn-text {
  color: #0D0F12;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 820px) {
  .site-head__col--right .site-head__searchform form .search-submit .search-btn-text {
    display: none;
  }
}
.site-head__col--right .site-head__searchform form .search-submit .ico-search {
  display: none;
}
@media (max-width: 820px) {
  .site-head__col--right .site-head__searchform form .search-submit .ico-search {
    display: block;
  }
}
.site-head__col--right .site-head__searchform form .searchform__close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-right: 20px;
  border-radius: 40px;
  cursor: pointer;
  color: #ffffff;
  font-size: 50px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.site-head__col--right .site-head__searchform .search label {
  display: none;
}
.site-head__col--right .site-head__searchform .search-box {
  width: 100%;
  display: table;
  vertical-align: middle;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 20px;
  transition: 0.2s ease-in-out;
}
.site-head__col--right .site-head__searchform .search-box:hover,
.site-head__col--right .site-head__searchform .search-box.active {
  border-bottom: 2px solid rgba(255, 255, 255, 0.8);
}
.site-head .toast {
  position: absolute;
  top: 140px;
  right: 40px;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  font-size: 16px;
  width: 300px;
  padding: 20px;
  border-radius: 10px;
  transform: translateX(350px);
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.site-head .toast.show {
  transform: translateX(0px);
  opacity: 1;
}

.mobile-nav {
  display: none;
  font-family: "Roboto Condensed", sans-serif;
  width: 100vw;
  height: 100vh;
  transition: 0.3s opacity ease-in-out;
  transform: translateX(-100vw);
  opacity: 1;
  position: fixed;
  top: 0px;
  left: 0px;
  transition: 0.3s ease-in-out;
  background-color: #0D0F12;
  z-index: 99999;
  padding: 20px;
  box-sizing: border-box;
  color: #ffffff;
}
@media (max-width: 820px) {
  .mobile-nav {
    display: block;
  }
}
.mobile-nav.nav-active {
  display: flex;
  flex-direction: column;
  transform: translateX(0vw);
  overflow-y: auto;
}
.mobile-nav__top {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.mobile-nav__top .fa-user {
  font-size: 18px;
  margin-right: 10px;
}
.mobile-nav__icon--close {
  color: #ffffff;
  background-color: #000000;
  font-size: 30px;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-nav__search {
  height: 50px;
  border: 1px solid #f6f6f6;
  background-color: #ffffff;
  margin-bottom: 20px;
}
.mobile-nav__search #searchform {
  display: flex;
  justify-content: space-between;
}
.mobile-nav__search input {
  width: calc(100% - 50px);
  border: 0px;
  background: none;
  margin: 0 0 0 20px;
  padding: 0;
  font-size: 16px;
  color: #1F242C;
}
.mobile-nav__search #btn-search {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 50px;
  position: relative;
  margin: 0;
}
.mobile-nav__search #btn-search .ico-search {
  font-size: 25px;
  color: #1F242C;
}
.mobile-nav ul {
  font-size: 22px;
}
.mobile-nav ul a {
  padding: 10px 0px 10px 0px;
  display: block;
  color: #ffffff;
}
.mobile-nav ul li {
  font-weight: 400;
}
.mobile-nav ul li.menu-item-has-children > a {
  position: relative;
}
.mobile-nav ul li.menu-item-has-children > a:after {
  content: "\e930";
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mobile-nav ul li.menu-item-has-children.show > a:after {
  content: "\e92e";
}
.mobile-nav ul li.menu-item-has-children ul.show {
  display: block;
}
.mobile-nav ul li ul {
  display: none;
}
.mobile-nav ul li ul a {
  padding-left: 20px;
}
.mobile-nav ul li ul ul a {
  padding-left: 40px;
}

.ico-menu {
  display: none;
  width: 60px;
  height: 60px;
  font-size: 30px;
  color: #ffffff;
  cursor: pointer;
  z-index: 999;
  transition: 0.2s ease-in-out;
}
@media (max-width: 820px) {
  .ico-menu {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.menu-footer {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.menu-footer li:last-child span {
  display: none;
}

.site-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(13, 15, 18, 0.8);
  z-index: -9999;
  opacity: 0;
  transition: 0.3s opacity ease-in-out;
}
.site-mask.show {
  z-index: 7000;
  opacity: 1;
}

.main-menu__toplevel {
  justify-content: center;
  height: 100%;
}
.main-menu__toplevel .nav-item__products .sub-menu {
  display: none;
}
.main-menu__toplevel #primary-menu {
  display: flex;
  height: 100%;
}
.main-menu__toplevel #primary-menu > li {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 18px;
  color: #0D0F12;
  margin: 0 15px;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.main-menu__toplevel #primary-menu > li.show > a:after {
  opacity: 1;
}
.main-menu__toplevel #primary-menu > li.show .sub-menu {
  opacity: 1;
  transform: scaleY(1);
}
.main-menu__toplevel #primary-menu > li > a {
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  position: relative;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.main-menu__toplevel #primary-menu > li > a:after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  border-bottom: 1px solid #ffffff;
  opacity: 0;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.main-menu__toplevel #primary-menu > li > a:active {
  color: #ffffff;
}
.main-menu__toplevel #primary-menu > li > a:active:after {
  opacity: 1;
}
.main-menu__toplevel #primary-menu > li .sub-menu {
  position: absolute;
  top: 100px;
  min-width: 200px;
  color: #0D0F12;
  background-color: #ffffff;
  padding: 20px;
  text-align: left;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
@media (min-width: 992px) {
  .main-menu__toplevel #primary-menu > li .sub-menu {
    top: 80px;
  }
}
@media (min-width: 1200px) {
  .main-menu__toplevel #primary-menu > li .sub-menu {
    top: 100px;
  }
}
.main-menu__toplevel #primary-menu > li .sub-menu a {
  color: #0D0F12;
}
.main-menu__toplevel #primary-menu > li .sub-menu a:hover {
  text-decoration: underline;
}
.main-menu__sublevels {
  position: fixed;
  top: 100px;
  left: 0px;
  background-color: #ffffff;
  width: 100%;
  z-index: 7999;
  padding: 40px 0px;
  opacity: 0;
  transform: translateY(-100%);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.main-menu__sublevels.show {
  transform: translateY(0px);
  opacity: 1;
}
@media (min-width: 992px) {
  .main-menu__sublevels {
    top: 80px;
  }
}
@media (min-width: 1200px) {
  .main-menu__sublevels {
    top: 100px;
  }
}
.main-menu__sublevels .primary-menu__sub {
  display: flex;
  justify-content: center;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  line-height: 30px;
}
.main-menu__sublevels .primary-menu__sub a {
  color: #0D0F12;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.main-menu__sublevels .primary-menu__sub a:hover {
  text-decoration: underline;
}
.main-menu__sublevels .primary-menu__sub > .menu-item {
  width: 20%;
}
.main-menu__sublevels .primary-menu__sub > .menu-item > a {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.main-menu__sublevels .primary-menu__sub > .menu-item > a:hover {
  text-decoration: none;
  cursor: default;
}

.menu-main-container {
  justify-content: center;
  height: 100%;
}
.menu-main-container > ul {
  display: flex;
  height: 100%;
}
.menu-main-container > ul li {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 18px;
  color: #0D0F12;
}
.menu-main-container > ul li a {
  color: #ffffff;
  font-weight: 400;
  transition: 0.2s ease-in-out;
}
.menu-main-container > ul li a:hover {
  color: #ffffff;
}
.menu-main-container > ul > li {
  margin: 0 15px;
  height: 100%;
}
.menu-main-container > ul > li > a {
  font-weight: 400;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu-main-container > ul > li.menu-item-has-children > a {
  display: flex;
  align-items: center;
}
.menu-main-container > ul > li > ul.sub-menu {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  transform-origin: top;
  box-sizing: border-box;
  position: absolute;
  opacity: 0;
  transform: scaleY(0);
  top: 100px;
  left: 0px;
  background-color: #ffffff;
  width: 100%;
  padding: 40px;
  z-index: -1;
}
.menu-main-container > ul > li > ul.sub-menu > li ul.sub-menu {
  margin: 10px 0 10px 0;
}
.menu-main-container > ul > li > ul.sub-menu > li > a {
  color: #000000;
}
.menu-main-container > ul > li.simple > ul.sub-menu {
  padding: 0px;
  z-index: 9;
  transform-style: preserve-3d;
}
.menu-main-container > ul > li.simple > ul.sub-menu li {
  position: relative;
  margin: 0;
  padding: 10px 20px;
  cursor: pointer;
}
.menu-main-container > ul > li.simple > ul.sub-menu li ul.sub-menu {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 200px;
  box-sizing: border-box;
  transform-origin: left;
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translateX(0px) translateZ(-10px);
  opacity: 0;
  margin: 0;
  background-color: #323843;
}
.menu-main-container > ul > li.simple > ul.sub-menu li > a {
  font-weight: 700;
}
.menu-main-container > ul > li.simple > ul.sub-menu li.menu-item-has-children:after {
  content: "\f054";
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  font-size: 12px;
  margin-left: 10px;
}
.menu-main-container > ul > li.simple > ul.sub-menu li.menu-item-has-children:hover ul.sub-menu {
  transform: translateX(200px);
  opacity: 1;
}
.menu-main-container > ul > li.mega {
  position: unset;
}
.menu-main-container > ul > li.mega.columns > ul.sub-menu {
  display: grid;
}
.menu-main-container > ul > li.mega.columns--2 > ul.sub-menu {
  grid-template-columns: 1fr 1fr;
}
.menu-main-container > ul > li.mega.columns--3 > ul.sub-menu {
  grid-template-columns: 1fr 1fr 1fr;
}
.menu-main-container > ul > li.mega.columns--4 > ul.sub-menu {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.menu-main-container > ul > li.mega > ul.sub-menu {
  box-sizing: border-box;
  position: absolute;
  top: 100px;
  left: 0px;
  background-color: #ffffff;
  width: 100%;
  padding: 50px 10vw 40px 10vw;
  opacity: 0;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: opacity 0.3s ease-in-out, transform 0s ease 0.4s;
  -moz-transition: opacity 0.3s ease-in-out, transform 0s ease 0.4s;
  -ms-transition: opacity 0.3s ease-in-out, transform 0s ease 0.4s;
  -o-transition: opacity 0.3s ease-in-out, transform 0s ease 0.4s;
  transition: opacity 0.3s ease-in-out, transform 0s ease 0.4s;
}
.menu-main-container > ul > li.mega > ul.sub-menu > li.hide-text > a {
  display: none;
}
.menu-main-container > ul > li.mega > ul.sub-menu > li > ul {
  margin: 10px 0 20px 0;
}
.menu-main-container > ul > li.mega > ul.sub-menu > li > ul > li {
  margin-bottom: 18px;
}
.menu-main-container > ul > li.mega > ul.sub-menu > li > ul > li > a {
  font-weight: 700;
}
.menu-main-container > ul > li.banner {
  position: unset;
}
.menu-main-container > ul > li.banner > ul.sub-menu {
  box-sizing: border-box;
  position: absolute;
  top: 100px;
  left: 0px;
  background-color: #ffffff;
  width: 100%;
  padding: 0;
  opacity: 0;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: opacity 0.3s ease-in-out, transform 0s ease 0.4s;
  -moz-transition: opacity 0.3s ease-in-out, transform 0s ease 0.4s;
  -ms-transition: opacity 0.3s ease-in-out, transform 0s ease 0.4s;
  -o-transition: opacity 0.3s ease-in-out, transform 0s ease 0.4s;
  transition: opacity 0.3s ease-in-out, transform 0s ease 0.4s;
  display: flex;
}
.menu-main-container > ul > li.banner > ul.sub-menu > li {
  margin: 0;
}
.menu-main-container > ul > li.banner > ul.sub-menu > li:nth-child(1) {
  width: 300px;
  padding: 20px;
}
.menu-main-container > ul > li.banner > ul.sub-menu > li:nth-child(1) > ul.sub-menu li {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #1F242C;
  padding: 10px 20px;
  border-radius: 25px;
}
.menu-main-container > ul > li.banner > ul.sub-menu > li:nth-child(1) > ul.sub-menu li.show {
  background-color: #009CDF;
}
.menu-main-container > ul > li.banner > ul.sub-menu > li:nth-child(1) > ul.sub-menu li a {
  display: block;
}
.menu-main-container > ul > li.banner > ul.sub-menu > li:nth-child(1) > ul.sub-menu li a:hover {
  color: #ffffff;
}
.menu-main-container > ul > li.banner > ul.sub-menu > li:nth-child(2) {
  flex-grow: 2;
}
.menu-main-container > ul > li.banner > ul.sub-menu > li:nth-child(2) ul, .menu-main-container > ul > li.banner > ul.sub-menu > li:nth-child(2) li {
  padding: 0;
  margin: 0;
}
.menu-main-container > ul > li.banner > ul.sub-menu > li:nth-child(2) > ul.sub-menu {
  height: 40vh;
  overflow: hidden;
  position: relative;
}
.menu-main-container > ul > li.banner > ul.sub-menu > li:nth-child(2) > ul.sub-menu li {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.menu-main-container > ul > li.banner > ul.sub-menu > li:nth-child(2) > ul.sub-menu li.show {
  opacity: 1;
}
.menu-main-container > ul > li.banner > ul.sub-menu > li:nth-child(2) > ul.sub-menu li a {
  display: block;
  width: 100%;
  height: 100%;
}
.menu-main-container > ul > li.banner > ul.sub-menu > li:nth-child(2) > ul.sub-menu li a div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}
.menu-main-container > ul > li.banner > ul.sub-menu > li > a {
  display: none;
}
.menu-main-container > ul > li.banner > ul.sub-menu > li > ul {
  margin: 10px 0 20px 0;
}
.menu-main-container > ul > li.banner > ul.sub-menu > li > ul > li {
  margin-bottom: 18px;
}
.menu-main-container > ul > li.banner > ul.sub-menu > li > ul > li > a {
  font-weight: 700;
}
.menu-main-container > ul > li.show.mega > .sub-menu, .menu-main-container > ul > li.show.banner > .sub-menu {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -moz-transition: opacity 0.3s ease-in-out 0s;
  -ms-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
}
.menu-main-container > ul > li.show.mega > a, .menu-main-container > ul > li.show.banner > a {
  font-weight: 700;
}
.menu-main-container > ul > li.show > .sub-menu {
  opacity: 1;
  transform: translateY(0px) translateZ(-10px);
}
.menu-main-container > ul > li.show > a {
  color: #9BE5DD;
}
.menu-main-container > ul > li a {
  position: relative;
}
.menu-main-container > ul > li a:hover {
  color: #9BE5DD;
}
.menu-main-container > ul > li li {
  font-size: 18px;
  margin-bottom: 8px;
}

.sidebar__menu {
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 30px;
  margin-bottom: 20px;
}
.sidebar__menu > li {
  margin-bottom: 20px;
}
.sidebar__menu > li > a {
  text-transform: uppercase;
  font-weight: 700;
  color: #0D0F12;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.sidebar__menu > li > a:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  content: "\f054";
  font-size: 12px;
}
.sidebar__menu > li > a.show:after {
  content: "\f078";
}
.sidebar__menu .sub-menu {
  border-bottom: 1px solid #dedede;
}
.sidebar__menu .sub-menu li {
  display: none;
}
.sidebar__menu .sub-menu li.show {
  display: block;
}
.sidebar__menu ul li a {
  color: #0D0F12;
}
.sidebar__menu ul li a:hover {
  text-decoration: underline;
}

/*
===================================================================================
	Page
===================================================================================
*/
.content-container {
  padding-top: 130px;
  width: 100%;
  min-height: calc(100vh - 300px);
  position: relative;
  margin-bottom: 40px;
}
.content-container--hero {
  padding-top: 35px;
}
.content-container--single-post {
  padding-top: 100px;
}
.content-container--404 {
  padding-top: 100px;
}
@media (max-width: 820px) {
  .content-container {
    padding-top: 80px;
    min-height: 100vh;
  }
}
@media (min-width: 992px) {
  .content-container {
    padding-top: 80px;
  }
}
@media (min-width: 1200px) {
  .content-container {
    padding-top: 130px;
  }
}

body.home .content-container {
  margin-bottom: 0px;
  padding-top: 0px;
}
@media (max-width: 820px) {
  body.home .content-container {
    padding-top: 60px;
    min-height: 100vh;
  }
}

body.hero .content-container {
  padding-top: 100px;
}
@media (max-width: 820px) {
  body.hero .content-container {
    padding-top: 60px;
    min-height: 100vh;
  }
}

.hero-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
}

.post__head-wrap {
  width: 100%;
  padding: 100px 0px 40px 0px;
  margin-bottom: 35px;
  text-align: center;
  position: relative;
}
@media (max-width: 820px) {
  .post__head-wrap {
    margin-bottom: 20px;
    padding: 5vw;
  }
}
.post__head-wrap .no-hero .post-date {
  color: #0D0F12;
}
.post__head-wrap .no-hero:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  border-bottom: 1px solid #f6f6f6;
}
.post__head-wrap h1 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 4.6em;
  font-weight: 700;
  font-style: italic;
  color: #0D0F12;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
  text-align: center;
}
@media (max-width: 820px) {
  .post__head-wrap h1 {
    font-size: 3.2em;
  }
}
.post__head-wrap .post-date {
  font-size: 1.6em;
  margin-top: 15px;
  text-align: center;
  color: #ffffff;
  position: relative;
  z-index: 2;
}
.post__head-wrap .subhead {
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
}
.post__head-wrap .subhead a {
  color: #ffffff;
  text-decoration: underline;
}
.post__head-wrap--hero-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100vw;
  height: 400px;
  background-size: cover;
  background-position: center center;
  position: relative;
  color: #ffffff;
  border-bottom: 1px solid #586274;
  padding-top: 40px;
}
.post__head-wrap--hero-wrap .inner-wrap {
  position: relative;
}
@media (max-width: 820px) {
  .post__head-wrap--hero-wrap {
    padding: 24px;
    height: 400px;
  }
}
.post__head-wrap--hero-wrap .subhead {
  position: relative;
  z-index: 2;
}
.post__head-wrap--hero-wrap h1 {
  color: #ffffff;
}
.post__head-wrap--hero-wrap h1:after {
  display: none;
}
.post__head-wrap--hero-wrap:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(13, 15, 18, 0.8);
  z-index: 1;
}
.post__head-wrap--hero-wrap .inner-wrap--hero {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 2;
}
.post__head-wrap--hero-wrap .post__date--hero {
  color: #fff;
  font-size: 1.4em;
}
.post__head-wrap .post-date {
  z-index: 2;
  position: relative;
}
.post__head-wrap .head-content {
  z-index: 2;
}

.post-template-default.single-post .post .wp-block-columns,
.post-template-default.single-post .post figure.wp-block-image {
  margin-bottom: 1.4em;
}

.share-icons--post {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.share-icons--post ul {
  display: flex;
  list-style: none;
  padding: 0px;
}
.share-icons--post ul li {
  font-size: 18px;
  width: 35px;
  height: 35px;
  margin-right: 20px;
}
.share-icons--post ul li:last-of-type {
  margin-right: 0px;
}
.share-icons--post ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #0D0F12;
  background-color: #ffffff;
  border-radius: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.share-icons--post ul li a i {
  z-index: 2;
}
.share-icons--post ul li a:hover {
  color: #0D0F12;
  background-color: #586274;
}
.share-icons--post ul li:nth-of-type(1) a:hover {
  background-color: #009CDF;
}
.share-icons--post ul li:nth-of-type(2) a:hover {
  background-color: #5EBD3E;
}
.share-icons--post ul li:nth-of-type(3) a:hover {
  background-color: #dfa200;
}
.share-icons--post ul li:nth-of-type(4) a:hover {
  background-color: #F78200;
}
.share-icons--post ul li:nth-of-type(5) a:hover {
  background-color: #E23838;
}
.share-icons--breadcrumbs {
  display: flex;
  align-items: center;
}
.share-icons--breadcrumbs .share-icons__text {
  margin-right: 10px;
  font-size: 14px;
  font-family: "Roboto Condensed", sans-serif;
  letter-spacing: 0.2px;
}
.share-icons--breadcrumbs ul {
  display: flex;
}
.share-icons--breadcrumbs ul .sharelink {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  width: 40px;
  height: 40px;
  border: 1px solid #dedede;
  margin-right: 10px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.share-icons--breadcrumbs ul .sharelink:hover {
  border-color: #009CDF;
}
.share-icons--breadcrumbs ul .sharelink a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #323843;
}

body.guides .post__head-wrap h1:after,
body.episodes .post__head-wrap h1:after {
  display: none;
}

/*
===================================================================================
	Footer
===================================================================================
*/
.footer {
  position: relative;
  width: 100%;
  color: #ffffff;
  background-color: #0D0F12;
}
.footer .inner-wrap--footer {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 80px 40px 40px 40px;
}
@media (max-width: 820px) {
  .footer .inner-wrap--footer {
    flex-direction: column;
    align-items: center;
    padding: 50px 24px 20px 24px;
  }
}
.footer .inner-wrap .wp-block-columns {
  display: flex;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  line-height: 30px;
}
@media (max-width: 820px) {
  .footer .inner-wrap .wp-block-columns {
    font-size: 16px;
    line-height: 26px;
  }
}
.footer .inner-wrap .wp-block-columns .wp-block-column {
  flex-basis: 25%;
}
.footer .inner-wrap .wp-block-columns .wp-block-column:nth-child(2) {
  flex-basis: 15%;
}
.footer .inner-wrap .wp-block-columns .wp-block-column:nth-child(3) {
  flex-basis: 20%;
}
.footer .inner-wrap .wp-block-columns a {
  color: #ffffff;
}
.footer .inner-wrap .wp-block-columns a:hover {
  text-decoration: underline;
}
.footer .inner-wrap .wp-block-columns h2 {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 820px) {
  .footer .inner-wrap .wp-block-columns h2 {
    font-size: 16px;
    margin-bottom: 6px;
  }
}
.footer .inner-wrap .wp-block-columns .wp-block-social-link {
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.footer .inner-wrap .wp-block-columns .wp-block-social-link a {
  padding: 10px;
}
.footer .inner-wrap .wp-block-columns .wp-block-social-link:hover {
  transform: scale(1);
  border: 1px solid #ffffff;
}
@media (max-width: 820px) {
  .footer .inner-wrap .wp-block-columns {
    width: 100%;
    margin-bottom: 20px;
  }
}
.footer .footer__col {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 820px) {
  .footer .footer__col {
    text-align: center;
  }
}
.footer .footer__col--left .site-logo {
  width: 320px;
  height: 50px;
  margin-bottom: 40px;
}
@media (max-width: 820px) {
  .footer .footer__col--left .site-logo {
    width: 100%;
    height: auto;
  }
}
.footer .footer__col--left .site-logo svg {
  fill: #ffffff;
  color: #212529;
}
.footer .footer__col--center {
  width: 33%;
  display: flex;
  justify-content: center;
}
.footer .footer__col--center .footer__nav {
  width: 50%;
  font-size: 16px;
  line-height: 24px;
}
.footer .footer__col--center .footer__nav h3 {
  font-weight: 700;
  padding-bottom: 6px;
}
.footer .footer__col--center .footer__nav li {
  padding-bottom: 6px;
}
.footer .footer__col--center .footer__nav a {
  color: #ffffff;
}
@media (max-width: 820px) {
  .footer .footer__col {
    width: 100%;
    justify-content: center;
  }
}
.footer .copyright {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.6em;
  text-align: left;
}
@media (max-width: 820px) {
  .footer .copyright {
    text-align: center;
  }
}
.footer .copyright .inner-wrap--footer {
  display: block;
  padding: 0px 40px 40px 40px;
}
@media (max-width: 820px) {
  .footer .copyright .inner-wrap--footer {
    padding: 0px 24px 40px 24px;
  }
}
.footer .copyright .site-name {
  font-weight: 700;
}

/*
===================================================================================
	404 Error Page
===================================================================================
*/
.error404-wrap {
  margin-top: 50px;
  width: 100%;
  text-align: center;
}
.error404-wrap h1,
.error404-wrap h2,
.error404-wrap h3 {
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1em;
}
.error404-wrap h1 {
  font-weight: 700;
  font-size: 92px;
}
.error404-wrap h2 {
  font-weight: 700;
  font-size: 95px;
}
.error404-wrap h3 {
  font-weight: 400;
  font-size: 36px;
  text-transform: uppercase;
}
.error404-wrap .dead-link {
  margin: 20px 0px;
  text-align: center;
}
.error404-wrap .dead-link img {
  width: 50%;
}
.error404-wrap .btn {
  background-color: #009CDF;
}

/*
===================================================================================
	Archive
===================================================================================
*/
.inner-wrap--archive {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 820px) {
  .inner-wrap--archive {
    flex-wrap: wrap;
    width: 100%;
  }
}

.archive__sidebar {
  width: 15%;
  padding-right: 30px;
}
@media (max-width: 820px) {
  .archive__sidebar {
    display: none;
  }
}
.archive__sidebar .sidebar__headline {
  font-size: 26px;
  font-family: "Roboto Condensed", sans-serif;
  font-style: italic;
  font-weight: 700;
  margin-bottom: 30px;
}

.archive__sidebar-container {
  width: inherit;
}

.archive__sidebar-slider {
  width: inherit;
}
.archive__sidebar-slider--fixed {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  position: fixed;
  top: 160px;
}

.archive__content {
  width: 85%;
}
@media (max-width: 820px) {
  .archive__content {
    width: 100%;
  }
}

.content-main {
  width: 100%;
  position: relative;
  z-index: 999;
  display: flex;
  flex-flow: row wrap;
}
@media (max-width: 820px) {
  .content-main .content-main {
    flex-flow: column;
  }
}

.section-title {
  font-family: "Roboto", sans-serif;
  font-size: 3em;
  text-transform: uppercase;
  margin-bottom: 25px;
  text-align: center;
  font-weight: 700;
}
.section-title.search {
  margin-bottom: 100px;
}
@media (max-width: 820px) {
  .section-title.search {
    margin-bottom: 30px;
  }
}

.card {
  width: 33.33%;
  margin-bottom: 30px;
  padding: 0 20px;
  position: relative;
  z-index: 10;
}
@media (max-width: 820px) {
  .card {
    width: 100%;
    margin-right: 0px;
  }
}
.card a {
  color: #009CDF;
}
.card a:hover {
  text-decoration: none;
}
.card__thumb-wrap {
  width: 100%;
  padding-top: 56.25%;
  display: block;
  position: relative;
  background: #dedede;
  z-index: 9;
  overflow: hidden;
}
.card__thumb {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.card__thumb-img {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  transition: 0.5s ease-out;
  transform-origin: center center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 4em;
  z-index: 1;
  transform: scale(1.02);
}
.card__thumb-img:hover {
  transform: scale(1.1);
}
@media (max-width: 820px) {
  .card__thumb-img:hover {
    transform: scale(1, 1);
  }
}
.card__info {
  display: block;
  margin: 20px 0px 0px 0px;
  position: relative;
  z-index: 5;
}
.card__info h3 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.6em;
  text-transform: uppercase;
  font-weight: 700;
  color: #777;
}
.card__info a.read-more {
  color: #ffffff;
  font-weight: 700;
}
.card__title {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  transition: 0.3s ease-in-out;
  font-weight: 400;
  text-align: center;
  margin-bottom: 10px;
  color: #0D0F12;
}
.card__date {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.card__deck {
  margin-top: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
}
.card__share {
  position: absolute;
  text-align: center;
  padding: 0px 10px 10px 10px;
  left: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 10;
}
.card__share ul {
  display: table;
  width: 100%;
  list-style: none !important;
  margin-left: 0px !important;
}
.card__share ul li {
  width: 20%;
  font-size: 2em;
  display: table-cell;
}
.card__share a {
  display: block;
  color: #777;
  transition: 0.2s ease-in-out;
}
.card__share a:hover {
  color: #84bf46;
}
.card__player {
  width: 70px;
  height: 70px;
  top: -35px;
  right: 20px;
  position: absolute;
  z-index: 3;
  color: #ffffff;
  text-align: center;
  line-height: 1em;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-flow: column wrap;
}
.card .btn-play {
  bottom: -35px;
  right: 20px;
  position: absolute;
  z-index: 3;
}
.card .btn-play:before, .card .btn-play:after, .card .btn-play:hover:before, .card .btn-play:hover:after {
  display: none;
}
.card .btn-play .icon {
  font-family: "Font Awesome 5 free" !important;
  font-weight: 400;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.card .btn-play .icon:before {
  content: "\f04b";
  font-weight: 900;
  padding-left: 5px;
}
.card .btn-play.playing .icon:before {
  font-weight: 900;
  content: "\f04c";
}

body.category-videos .card .card-info {
  height: inherit;
}

.podcast-player {
  position: absolute;
  visibility: hidden;
  z-index: -99;
}

body.category-videos .card-date:before {
  display: none;
}

body.archive .card .card-info h2 {
  width: calc(100% - 90px);
}

@keyframes gear1spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes gear2spin {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.loading:not(.button) {
  width: 100%;
  clear: both;
  margin: 20px 0px;
}

.gears-wrap {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  clear: both;
}

.gear1,
.gear2 {
  fill: #EF5C73;
  position: absolute;
  top: 0px;
  left: 0px;
}

.gear1 {
  width: 70%;
  height: 70%;
  top: inherit;
  bottom: 0px;
  animation: gear1spin 3s infinite linear;
}

.gear-svg {
  width: 100%;
  height: 100%;
}

.gear2 {
  width: 45%;
  height: 45%;
  left: inherit;
  right: 0px;
  animation: gear2spin 3s infinite linear;
}

.load-more-wrap {
  text-align: center;
}

.no-more-posts {
  margin-top: 20px;
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-size: 2em;
  text-align: center;
}

.no-more-posts h2 {
  font-size: 2em;
  font-weight: 700;
}

nav.page-pagination {
  text-align: center;
  margin: 50px 0;
}
nav.page-pagination > ul {
  border: 0px;
  display: inline-block;
  white-space: nowrap;
  padding: 0;
  clear: both;
  margin: 1px;
}
nav.page-pagination ul li {
  font-size: 18px;
  border: 0px;
  margin: 0 5px;
  float: left;
}
nav.page-pagination ul li a, nav.page-pagination ul li span {
  font-family: "Roboto Condensed", sans-serif;
  height: 50px;
  width: 50px;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
nav.page-pagination ul li a.current, nav.page-pagination ul li span.current {
  color: #0D0F12;
  border: 1px solid #009CDF;
}
nav.page-pagination ul li a {
  color: #0D0F12;
  border: 1px solid transparent;
}
nav.page-pagination ul li a:hover, nav.page-pagination ul li a:focus {
  border: 1px solid #0D0F12;
}

/*
===================================================================================
	Comment Section
===================================================================================
*/
.comments__wrap {
  border-top: 1px solid #323843;
  padding-top: 30px;
  margin-top: 30px;
}

.comments {
  font-size: 15px;
}
.comments ol {
  list-style: none;
}
.comments ol.comments__list > li {
  background-color: #dedede;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 30px;
}
@media (max-width: 820px) {
  .comments ol.comments__list > li {
    padding: 20px 10px 10px 10px;
  }
}
.comments ol.comments__list ol.children {
  margin-left: 65px;
}
.comments ol.comments__list ol.children li {
  border-top: 1px solid #586274;
  padding-top: 20px;
}
.comments > h3 {
  font-size: 32px;
}

.comment__block {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.comment .avatar.photo {
  border-radius: 60px;
}
.comment__left {
  width: 66px;
}
.comment__right {
  width: calc(100% - 66px);
}
.comment__metadata {
  margin-bottom: 15px;
}
.comment__content {
  margin-bottom: 20px;
  word-break: break-all;
}
.comment__author {
  font-weight: 700;
  color: #0D0F12;
}
.comment__author a {
  color: #0D0F12;
}
.comment__time {
  color: #0D0F12;
}
.comment__reply a {
  color: #0D0F12;
  font-weight: 700;
}
.comment-respond {
  margin-bottom: 20px;
}
.comment-reply-title {
  font-weight: bold;
  font-size: 18px;
  line-height: 30px;
}
.comment-reply-title small {
  font-size: 15px;
  margin-left: 15px;
}
.comment-notes {
  margin-bottom: 20px;
}
.comment-form p {
  width: 100%;
  display: flex;
  margin-bottom: 15px;
}
.comment-form p textarea {
  width: calc(100% - 100px);
  border-radius: 10px;
  border: 0px;
  height: 100px;
  padding: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  color: #0D0F12;
  border: 1px solid #272C34;
}
.comment-form p #author, .comment-form p #email {
  width: calc(100% - 100px);
  border-radius: 10px;
  border: 0px;
  padding: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  color: #272C34;
}
.comment-form label {
  display: flex;
  width: 100px;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
}
.comment-form label.wp-comment-cookies-consent {
  width: 100%;
}
.comment-form-cookies-consent input {
  display: flex;
  align-items: flex-end;
  margin: 0px 10px 0px 100px;
}
.comment-form-cookies-consent label {
  width: auto;
  text-align: left;
}
.comment-form .form-submit {
  display: flex;
  justify-content: flex-end;
}
.comment-form .submit {
  min-width: inherit;
  display: inline-block !important;
  background-color: #009CDF;
  line-height: 50px;
  padding: 0px 30px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 0px;
  cursor: pointer;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.comment-form .submit:hover {
  background-color: #EF5C73;
  color: #ffffff;
  text-decoration: none !important;
}
.comment-form .submit.added {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #5EBD3E !important;
  padding-right: 20px !important;
}
.comment-form .submit.added:after {
  content: "\f00c" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  font-size: 0.8em;
  line-height: 1em;
  padding-left: 10px;
}
.comment-form .submit.loading {
  opacity: 0.25;
  padding-right: 2.618em;
  position: relative;
}
.comment-form .submit.loading:after {
  /*
  @include icomoon;
  content: "\e992";
  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  content: "\f110" !important;
  color: #ffffff;
  vertical-align: top;
  position: absolute;
  top: 0.618em;
  right: 1em;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.comments__list .comment-respond {
  background-color: #1F242C;
  border-radius: 10px;
  padding: 20px;
}

/*
===================================================================================
	Search Page
===================================================================================
*/
.search__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 60%;
  border-bottom: 1px solid #dedede;
  margin: 0 auto;
}
@media (max-width: 820px) {
  .search__wrap {
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    border-bottom: 0px;
  }
}
.search__wrap .button {
  background-color: #009CDF;
  line-height: 50px;
  padding: 0px;
  width: 150px;
  font-size: 18px;
}
.search__wrap .button:hover {
  background-color: #EF5C73;
}

.search__input-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #ffffff;
  height: 50px;
  width: calc(100% - 180px);
  padding: 0 20px;
}
@media (max-width: 820px) {
  .search__input-wrap {
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #dedede;
    padding: 0;
  }
}
.search__input-wrap i {
  margin-right: 20px;
  color: #1F242C;
  font-size: 30px;
}
.search__input-wrap input {
  border: 0px;
  padding: 0px;
  margin: 0px;
  width: 90%;
  font-size: 16px;
  height: 50px;
  color: #1F242C;
}

.search__result-txt {
  color: #EF5C73;
}

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

.hb-carousel {
  padding-top: 75px;
  padding-bottom: 75px;
  margin-bottom: 0px !important;
}
@media (max-width: 820px) {
  .hb-carousel {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.hb-carousel--images {
  margin-bottom: 20px !important;
}
.hb-carousel__wrapper {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
.hb-carousel__wrapper.mobileOff:after {
  content: "flickity";
  display: none; /* hide :after */
}
@media (max-width: 820px) {
  .hb-carousel__wrapper.mobileOff:after {
    content: "";
  }
}
@media (max-width: 820px) {
  .hb-carousel__wrapper.mobileOff .hb-carousel__card {
    width: 100%;
  }
}
.hb-carousel .flickity-slider {
  display: flex;
}
.hb-carousel__section-title {
  font-family: "Roboto", sans-serif;
  font-size: 3rem;
  font-weight: 900;
  margin: 0 0 2rem 0;
  position: relative;
  z-index: 1;
}
.hb-carousel--heroes {
  padding: 0px;
  border-bottom: 1px solid #586274;
}
.hb-carousel__hero {
  width: 100%;
  height: 45vw;
  max-height: 800px;
  background-position: center center;
  background-size: cover;
  padding: 100px 5vw 0 5vw;
  display: flex;
  align-items: center;
  position: relative;
  opacity: 1;
}
.hb-carousel__hero.is-selected .hb-carousel__hero-content {
  opacity: 1;
  transform: translateY(-20px);
}
.hb-carousel__hero.hide {
  opacity: 0;
  position: absolute;
}
@media (max-width: 820px) {
  .hb-carousel__hero {
    padding: 0 5vw;
    height: 50vh;
  }
}
@media (min-width: 820px) {
  .hb-carousel__hero {
    height: 75vw;
  }
}
@media (min-width: 992px) {
  .hb-carousel__hero {
    height: 45vw;
  }
}
.hb-carousel__hero.overlay:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #0D0F12;
  opacity: 0;
  z-index: 1;
}
.hb-carousel__hero.overlay--10:before {
  opacity: 10%;
}
.hb-carousel__hero.overlay--20:before {
  opacity: 20%;
}
.hb-carousel__hero.overlay--30:before {
  opacity: 30%;
}
.hb-carousel__hero.overlay--40:before {
  opacity: 40%;
}
.hb-carousel__hero.overlay--50:before {
  opacity: 50%;
}
.hb-carousel__hero.overlay--60:before {
  opacity: 60%;
}
.hb-carousel__hero.overlay--70:before {
  opacity: 70%;
}
.hb-carousel__hero.overlay--80:before {
  opacity: 80%;
}
.hb-carousel__hero.overlay--90:before {
  opacity: 90%;
}
.hb-carousel__hero-content {
  width: 100%;
  position: relative;
  z-index: 10;
  opacity: 0;
  transform: translateY(20px);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  transition-delay: 0.3s;
}
@media (max-width: 820px) {
  .hb-carousel__hero-content {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.hb-carousel__hero-subtext {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 5px 5px 0px rgba(0, 0, 0, 0.3);
}
@media (max-width: 820px) {
  .hb-carousel__hero-subtext {
    text-align: center;
  }
}
.hb-carousel__hero-title {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 58px;
  font-weight: bold;
  font-style: italic;
  line-height: 1.2em;
  margin-bottom: 20px;
  text-shadow: 5px 5px 0px rgba(0, 0, 0, 0.3);
}
.hb-carousel__hero-title br {
  display: block;
}
@media (max-width: 820px) {
  .hb-carousel__hero-title {
    font-size: 32px;
    text-align: center;
  }
  .hb-carousel__hero-title br {
    display: none;
  }
}
@media (min-width: 992px) {
  .hb-carousel__hero-title {
    font-size: 46px;
  }
  .hb-carousel__hero-title br {
    display: none;
  }
}
@media (min-width: 1200px) {
  .hb-carousel__hero-title {
    font-size: 58px;
  }
}
.hb-carousel__hero-button {
  min-width: inherit;
  display: inline-block !important;
  background-color: #009CDF;
  line-height: 50px;
  padding: 15px 40px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 0px;
  cursor: pointer;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  line-height: 22px;
  overflow: hidden;
  box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.3);
}
.hb-carousel__hero-button:hover {
  background-color: #EF5C73;
  color: #ffffff;
  text-decoration: none !important;
}
.hb-carousel__hero-button.added {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #5EBD3E !important;
  padding-right: 20px !important;
}
.hb-carousel__hero-button.added:after {
  content: "\f00c" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  font-size: 0.8em;
  line-height: 1em;
  padding-left: 10px;
}
.hb-carousel__hero-button.loading {
  opacity: 0.25;
  padding-right: 2.618em;
  position: relative;
}
.hb-carousel__hero-button.loading:after {
  /*
  @include icomoon;
  content: "\e992";
  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  content: "\f110" !important;
  color: #ffffff;
  vertical-align: top;
  position: absolute;
  top: 0.618em;
  right: 1em;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@media (max-width: 820px) {
  .hb-carousel__hero-button {
    display: block !important;
    width: auto;
  }
}
@media (min-width: 992px) {
  .hb-carousel__hero-button {
    padding: 10px 30px;
  }
}
@media (min-width: 1200px) {
  .hb-carousel__hero-button {
    padding: 15px 40px;
  }
}
.hb-carousel__block-button {
  min-width: 200px;
  display: inline-block !important;
  background-color: #009CDF;
  line-height: 50px;
  padding: 15px 20px;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 0px;
  cursor: pointer;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.hb-carousel__block-button:hover {
  background-color: #EF5C73;
  color: #ffffff;
  text-decoration: none !important;
}
.hb-carousel__block-button.added {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #5EBD3E !important;
  padding-right: 20px !important;
}
.hb-carousel__block-button.added:after {
  content: "\f00c" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  font-size: 0.8em;
  line-height: 1em;
  padding-left: 10px;
}
.hb-carousel__block-button.loading {
  opacity: 0.25;
  padding-right: 2.618em;
  position: relative;
}
.hb-carousel__block-button.loading:after {
  /*
  @include icomoon;
  content: "\e992";
  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  content: "\f110" !important;
  color: #ffffff;
  vertical-align: top;
  position: absolute;
  top: 0.618em;
  right: 1em;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.hb-carousel__block-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}
.hb-carousel__card {
  width: 23.5%;
  margin: 0 2% 20px 0 !important;
  padding: 0px 0px 0px 0px !important;
  border-radius: 6px;
}
@media (max-width: 820px) {
  .hb-carousel__card {
    margin: 0 0 20px 0 !important;
    border-bottom: 1px solid #323843;
    position: relative;
    padding: 0 0 20px 0 !important;
  }
}
.hb-carousel__card--post {
  justify-content: flex-start;
}
.hb-carousel__card--post a {
  color: #ffffff;
}
.hb-carousel__card.columns-3 {
  width: 29.333%;
  margin: 0 6% 0 0 !important;
}
.hb-carousel__card a.added_to_cart {
  display: none !important;
}
@media (min-width: 992px) {
  .hb-carousel__card:hover .product__thumbs .product__thumb--1.hide-on-hover {
    opacity: 0;
  }
  .hb-carousel__card:hover .product__thumbs .product__thumb--2 {
    z-index: 1;
    opacity: 1;
  }
  .hb-carousel__card:hover:after {
    opacity: 1;
  }
}
.hb-carousel__card span.onsale {
  position: absolute;
  top: 15px;
  right: 15px;
  left: auto;
  margin: 0px;
  background-color: #EF5C73;
  border-radius: 25px;
  padding: 0 10px;
  font-size: 16px;
  line-height: 25px;
  min-height: auto;
  min-width: auto;
  font-weight: 400;
  text-transform: none;
  display: block;
  z-index: 3;
  top: 20px;
  right: 20px;
  left: auto;
  color: #ffffff;
}
@media (max-width: 820px) {
  .hb-carousel__card span.onsale {
    right: auto;
    top: 10px;
    left: 10px;
  }
}
.hb-carousel__card a.woocommerce-loop-product__link {
  width: 100%;
  display: block;
  position: relative;
  z-index: 9;
}
@media (max-width: 820px) {
  .hb-carousel__card a.woocommerce-loop-product__link {
    display: flex;
    justify-content: space-between;
  }
}
.hb-carousel__card .button {
  margin: 0 10px;
  background-color: #009CDF;
}
@media (max-width: 820px) {
  .hb-carousel__card .button {
    margin: 1em 0 0 0;
  }
}
.hb-carousel__card .button:hover {
  background-color: #EF5C73;
}
@media (min-width: 992px) {
  .hb-carousel__card.outofstock a .product__thumbs:before {
    content: "Out of Stock";
    position: absolute;
    bottom: 20px;
    left: 20px;
    padding: 0px 10px;
    background-color: #212529;
    color: #ffffff;
    border-radius: 25px;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    z-index: 99;
  }
}
@media (max-width: 820px) {
  .hb-carousel__card.outofstock a .woocommerce-loop-product__title:after {
    content: "Out of Stock";
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 12px;
    padding: 4px 0px 2px 0px;
    margin-top: 10px;
    width: 110px;
    background-color: #EF5C73;
    line-height: 1.5em;
    color: #ffffff;
    border-radius: 25px;
    text-transform: uppercase;
  }
  .hb-carousel__card.outofstock a .price {
    display: none;
  }
}
.hb-carousel__card .product__thumbs {
  position: relative;
  padding-bottom: 75%;
  overflow: hidden;
  box-sizing: border-box;
  transition: 0.3s ease-in-out;
  border-radius: 6px;
  /*
  &--nothumbs{

  }
  */
}
@media (max-width: 820px) {
  .hb-carousel__card .product__thumbs {
    width: 30%;
    padding-bottom: 30%;
    border-radius: 0px;
  }
}
.hb-carousel__card .product__thumbs .product__thumb {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  z-index: 2;
  transition: 0.3s ease-in-out;
}
@media (max-width: 820px) {
  .hb-carousel__card .product__thumbs .product__thumb {
    padding-bottom: 100%;
    border-radius: 6px;
    height: auto;
  }
}
.hb-carousel__card .product__thumbs .product__thumb--2 {
  z-index: 1;
  opacity: 0;
}
@media (max-width: 820px) {
  .hb-carousel__card .product__thumbs .product__thumb--2 {
    display: none;
  }
}
@media (max-width: 820px) {
  .hb-carousel__card .product-content__info {
    width: 65%;
  }
}
.hb-carousel__card .woocommerce-loop-product__title {
  padding: 20px 10px 10px 10px;
  font-size: 16px;
  line-height: 1.4em;
  color: #ffffff;
  text-align: left;
  font-weight: 400;
}
@media (max-width: 820px) {
  .hb-carousel__card .woocommerce-loop-product__title {
    padding: 0px 0px 10px 0px;
    font-size: 18px;
  }
}
.hb-carousel__card .price {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #8DC970;
  padding: 0 10px 20px 10px;
}
.hb-carousel__card .price del {
  color: #f6f6f6;
}
.hb-carousel__card .price ins {
  text-decoration: none;
}
@media (max-width: 820px) {
  .hb-carousel__card .price {
    padding: 0 0 8px 0;
    line-height: 1.7em;
  }
}
.hb-carousel__card .woosw-btn {
  text-indent: -99999px;
  overflow: hidden;
  position: absolute;
  width: 40px;
  height: 40px;
  top: auto;
  left: auto;
  bottom: 0px;
  right: 0px;
  z-index: 10;
  background-color: #323843;
  border-radius: 20px;
  padding: 0px;
}
@media (min-width: 992px) {
  .hb-carousel__card .woosw-btn {
    top: 10px;
    left: 10px;
    bottom: auto;
    right: auto;
  }
}
@media (min-width: 1200px) {
  .hb-carousel__card .woosw-btn {
    top: auto;
    left: auto;
    bottom: 0px;
    right: 0px;
  }
}
@media (max-width: 820px) {
  .hb-carousel__card .woosw-btn {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 0px;
  }
}
.hb-carousel__card .woosw-btn:before, .hb-carousel__card .woosw-btn:after {
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  text-indent: 0px;
  width: 100%;
  height: 100%;
  font-size: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.hb-carousel__card .woosw-btn:before {
  font-weight: 900;
  color: #586274;
  opacity: 1;
}
.hb-carousel__card .woosw-btn:after {
  font-weight: 900;
  color: #EF5C73;
  opacity: 0;
}
.hb-carousel__card .woosw-btn:hover:before {
  opacity: 0;
}
.hb-carousel__card .woosw-btn:hover:after {
  opacity: 1;
}
.hb-carousel__card .woosw-btn.woosw-added:before {
  opacity: 0;
}
.hb-carousel__card .woosw-btn.woosw-added:after {
  opacity: 1;
}
.hb-carousel__card-content {
  padding: 0 10px;
}
.hb-carousel__block-title {
  font-size: 18px !important;
  padding-bottom: 20px !important;
  color: #9BE5DD;
}
.hb-carousel__block-excerpt {
  font-size: 16px;
  line-height: 26px;
}
.hb-carousel__card-image {
  width: 100%;
  height: auto;
  border-radius: 6px;
  background-size: cover;
  background-position: center center;
  margin-bottom: 20px;
}
.hb-carousel__card-image:before {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  padding-bottom: 62.5%;
}
.hb-carousel--images, .hb-carousel--guide_images {
  padding: 0px;
}
.hb-carousel--images a.hb-carousel__image,
.hb-carousel--images a.hb-carousel__guide_image, .hb-carousel--guide_images a.hb-carousel__image,
.hb-carousel--guide_images a.hb-carousel__guide_image {
  width: 100%;
  display: block;
}
.hb-carousel--images .hb-carousel__image img, .hb-carousel--guide_images .hb-carousel__image img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.hb-carousel--images .hb-carousel__image img.flickity-lazyloaded, .hb-carousel--guide_images .hb-carousel__image img.flickity-lazyloaded {
  opacity: 1;
}

.flickity-button {
  background: none;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.flickity-button:hover {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  color: #000000;
}

.flickity-button {
  background: #323843 !important;
  color: #ffffff !important;
}
.flickity-button:hover {
  background: #EF5C73 !important;
}
@media (max-width: 820px) {
  .flickity-button {
    top: auto !important;
    bottom: 0px !important;
    z-index: 2;
  }
}

.flickity-prev-next-button,
.flickity-prev-next-button {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 40px !important;
  height: 40px !important;
  border-radius: 40px !important;
  padding: 0px;
  font-size: 1em;
}
.flickity-prev-next-button.previous,
.flickity-prev-next-button.previous {
  left: -75px !important;
}
.flickity-prev-next-button.next,
.flickity-prev-next-button.next {
  right: -75px !important;
}
.flickity-prev-next-button .flickity-button-icon,
.flickity-prev-next-button .flickity-button-icon {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 20px !important;
  height: 20px !important;
  line-height: 1em;
}

.flickity-page-dots {
  padding-left: 0px !important;
  margin-bottom: 0px !important;
  bottom: 25px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 820px) {
  .flickity-page-dots {
    bottom: 31px !important;
    z-index: 1;
  }
}
.flickity-page-dots .dot {
  flex-basis: 64px;
  opacity: 1 !important;
  height: 40px !important;
  background: transparent !important;
  border-radius: 0px !important;
  position: relative;
  display: flex !important;
  align-items: center;
}
@media (max-width: 820px) {
  .flickity-page-dots .dot {
    flex-basis: 45px;
  }
}
@media (min-width: 992px) {
  .flickity-page-dots .dot {
    flex-basis: 50px;
  }
}
@media (min-width: 1200px) {
  .flickity-page-dots .dot {
    flex-basis: 64px;
  }
}
.flickity-page-dots .dot:after {
  content: "";
  display: flex;
  align-items: center;
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, 0.5);
}
.flickity-page-dots .dot.is-selected {
  opacity: 1 !important;
  background: transparent !important;
}
.flickity-page-dots .dot.is-selected:after {
  background: #ffffff;
}

.hb-carousel--heroes .flickity-button {
  background: transparent !important;
  color: #ffffff !important;
}
.hb-carousel--heroes .flickity-button:hover {
  background: #000000 !important;
}
@media (max-width: 820px) {
  .hb-carousel--heroes .flickity-button:hover {
    background: transparent !important;
  }
}
.hb-carousel--heroes .flickity-prev-next-button.previous,
.hb-carousel--heroes .flickity-prev-next-button.previous {
  left: 50px !important;
}
@media (max-width: 820px) {
  .hb-carousel--heroes .flickity-prev-next-button.previous,
  .hb-carousel--heroes .flickity-prev-next-button.previous {
    left: 5vw !important;
  }
}
.hb-carousel--heroes .flickity-prev-next-button.next,
.hb-carousel--heroes .flickity-prev-next-button.next {
  right: 50px !important;
}
@media (max-width: 820px) {
  .hb-carousel--heroes .flickity-prev-next-button.next,
  .hb-carousel--heroes .flickity-prev-next-button.next {
    right: 5vw !important;
  }
}

.hb-carousel__nav--wrapping {
  display: flex;
  flex-wrap: wrap;
}
.hb-carousel__nav--wrapping .flickity-slider {
  position: relative;
}
.hb-carousel__nav--wrapping .hb-carousel__thumbnail {
  position: relative !important;
  display: block;
  left: inherit !important;
  transform: none !important;
  margin-bottom: 15px;
}
.hb-carousel__nav--wrapping .hb-carousel__thumbnail:after {
  padding-bottom: 100% !important;
}
.hb-carousel__nav--wrapping .hb-carousel__thumbnail:nth-child(4n) {
  margin-right: 0px;
}
.hb-carousel__nav .hb-carousel__thumbnail {
  width: 23%;
  height: auto;
  margin-right: 2.666%;
  background-size: cover;
  background-position: center center;
  counter-increment: hb-carousel__thumbnail;
  border: 1px solid #ffffff;
}
.hb-carousel__nav .hb-carousel__thumbnail:hover {
  border: 1px solid #dedede;
}
.hb-carousel__nav .hb-carousel__thumbnail.is-nav-selected {
  border: 1px solid #009CDF;
}
.hb-carousel__nav .hb-carousel__thumbnail:after {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  padding-bottom: 100%;
}
.hb-carousel__nav .flickity-prev-next-button.previous {
  left: 10px !important;
}
.hb-carousel__nav .flickity-prev-next-button.next {
  right: 10px !important;
}

.hb-sbc {
  background-color: #323843;
  padding-top: 75px;
  padding-bottom: 75px;
  margin-bottom: 0px !important;
}
@media (max-width: 820px) {
  .hb-sbc {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@keyframes fillPalette {
  0% {
    fill: #009CDF;
    color: #009CDF;
  }
  25% {
    fill: #5EBD3E;
    color: #5EBD3E;
  }
  50% {
    fill: #dfa200;
    color: #dfa200;
  }
  75% {
    fill: #dfa200;
    color: #dfa200;
  }
  100% {
    fill: #E23838;
    color: #E23838;
  }
}
@keyframes bgColorFade {
  0% {
    background-color: #323843;
  }
  100% {
    background-color: rgba(31, 36, 44, 0.2);
  }
}
.hb-sbc svg {
  display: flex;
  justify-content: center;
  fill: #ffffff;
  width: 60%;
  height: 60%;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.hb-sbc__wrapper {
  display: flex;
  flex-wrap: wrap;
}
.hb-sbc__item {
  position: relative;
  height: auto;
}
.hb-sbc__item:before {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  padding-top: 100%;
}
.hb-sbc__item--5 {
  width: 20%;
}
.hb-sbc__item--5 svg {
  width: 45%;
  height: 45%;
}
.hb-sbc__item--4 {
  width: 25%;
}
.hb-sbc__item--4 svg {
  width: 45%;
  height: 45%;
}
.hb-sbc__item--3 {
  width: 33%;
}
.hb-sbc__item--3 svg {
  width: 45%;
  height: 45%;
}
@media (max-width: 820px) {
  .hb-sbc__item {
    width: 50%;
  }
}
.hb-sbc__item a {
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.hb-sbc__item a .hb-sbc__name {
  color: #ffffff;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  margin-top: 20px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-align: center;
}
.hb-sbc__item a .hb-sbc__icons {
  width: 45%;
  height: 45%;
}
.hb-sbc__item a .hb-sbc__icon {
  position: absolute;
}
.hb-sbc__item a:hover {
  animation-name: bgColorFade;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  color: #9BE5DD;
  /*
  svg {

    fill: $color--teal-light;
    animation-name: fillPalette;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    //transform:translateY(-5px);

  }
  */
}
.hb-sbc__item a:hover .hb-sbc__name {
  color: #9BE5DD;
  z-index: 999;
}
.hb-sbc__item a:hover .hb-sbc__icon--default {
  z-index: 99;
}
.hb-sbc__item a:hover .hb-sbc__icon--alt1 {
  transform: translate3d(-10px, -10px, 0);
  opacity: 1;
  fill: #D167E3;
}
.hb-sbc__item a:hover .hb-sbc__icon--alt2 {
  transform: translate3d(10px, 10px, 0);
  opacity: 1;
  fill: #28BAC4;
}

/*
===================================================================================
	Block: Mailchimp
===================================================================================
*/
.hb-mailchimp {
  padding-top: 75px;
  padding-bottom: 75px;
  margin-bottom: 0px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
@media (max-width: 820px) {
  .hb-mailchimp {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 5vw !important;
    padding-right: 5vw !important;
  }
}
.hb-mailchimp__inner {
  padding: 55px;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgba(31, 36, 44, 0.8);
  text-align: center;
  backdrop-filter: blur(6px);
}
@media (max-width: 820px) {
  .hb-mailchimp__inner {
    padding: 25px;
  }
}
.hb-mailchimp__header {
  margin-bottom: 45px;
}
@media (max-width: 820px) {
  .hb-mailchimp__header {
    margin-bottom: 25px;
  }
}
.hb-mailchimp__header .title {
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1em;
  margin-bottom: 30px;
}
@media (max-width: 820px) {
  .hb-mailchimp__header .title {
    font-size: 25px;
    line-height: 1.2em;
    margin-bottom: 25px;
  }
}
.hb-mailchimp__header .subtitle {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
}
.hb-mailchimp__form {
  width: 85%;
  margin-bottom: 45px;
}
@media (max-width: 820px) {
  .hb-mailchimp__form {
    width: 100%;
    margin-bottom: 25px;
  }
}
.hb-mailchimp__form form #mc_embed_signup_scroll {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 820px) {
  .hb-mailchimp__form form #mc_embed_signup_scroll {
    flex-direction: column;
  }
}
.hb-mailchimp__form form #mc_embed_signup_scroll .email {
  width: 70%;
  border: 0px;
  background-color: #ffffff;
  height: 40px;
  line-height: 50px;
  padding: 0px 20px;
  color: #0D0F12;
  border-radius: 50px;
  font-size: 16px;
}
@media (max-width: 820px) {
  .hb-mailchimp__form form #mc_embed_signup_scroll .email {
    width: 100%;
    margin-bottom: 20px;
    font-size: 16px;
  }
}
.hb-mailchimp__form form #mc_embed_signup_scroll .clear {
  clear: none;
  width: 25%;
  height: 40px;
}
@media (max-width: 820px) {
  .hb-mailchimp__form form #mc_embed_signup_scroll .clear {
    width: 100%;
  }
}
.hb-mailchimp__form form #mc_embed_signup_scroll .button {
  min-width: inherit;
  display: inline-block !important;
  background-color: #009CDF;
  line-height: 50px;
  padding: 0px 30px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 0px;
  cursor: pointer;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 100%;
  height: 100%;
}
.hb-mailchimp__form form #mc_embed_signup_scroll .button:hover {
  background-color: #EF5C73;
  color: #ffffff;
  text-decoration: none !important;
}
.hb-mailchimp__form form #mc_embed_signup_scroll .button.added {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #5EBD3E !important;
  padding-right: 20px !important;
}
.hb-mailchimp__form form #mc_embed_signup_scroll .button.added:after {
  content: "\f00c" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  font-size: 0.8em;
  line-height: 1em;
  padding-left: 10px;
}
.hb-mailchimp__form form #mc_embed_signup_scroll .button.loading {
  opacity: 0.25;
  padding-right: 2.618em;
  position: relative;
}
.hb-mailchimp__form form #mc_embed_signup_scroll .button.loading:after {
  /*
  @include icomoon;
  content: "\e992";
  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  content: "\f110" !important;
  color: #ffffff;
  vertical-align: top;
  position: absolute;
  top: 0.618em;
  right: 1em;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@media (min-width: 992px) {
  .hb-mailchimp__form form #mc_embed_signup_scroll .button {
    padding: 10px 15px;
  }
}
.hb-mailchimp__footer {
  font-size: 16px;
  color: #ffffff;
}
.hb-mailchimp__footer p {
  margin-bottom: 0px;
}

.mc_embed_shell p {
  font-family: "Roboto Condensed", sans-serif;
}

.mc-field-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 5px 5px 5px 10px;
  margin-top: 10px;
}
.mc-field-group input.email {
  width: calc(95% - 40px);
  font-family: "Roboto Condensed", sans-serif;
  color: #ffffff;
  font-size: 18px;
  border: 0px;
  background: transparent;
}
.mc-field-group .mc-submit-group {
  width: 40px;
  height: 40px;
  position: relative;
}
.mc-field-group .mc-submit-group input.button {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-size: 16px;
  border: 0px;
  background: transparent;
  padding: 0px;
  cursor: pointer;
  z-index: 2;
}
.mc-field-group .mc-submit-group .fa {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.hb-smi__icons {
  display: flex;
  flex-wrap: wrap;
}
.hb-smi__icons li {
  margin: 0px 15px 15px 0px;
}
.hb-smi__icons a {
  display: flex;
  width: 50px;
  height: 50px;
  font-size: 22px;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.hb-smi__icons a:hover {
  border: 1px solid white;
  text-decoration: none !important;
}

.hb-ig-feed__posts {
  display: flex;
  flex-wrap: wrap;
}
.hb-ig-feed__post {
  width: 20%;
}
.hb-ig-feed__post img {
  width: 100%;
  display: block;
  opacity: 0.5;
}

.hb-new-products {
  padding: 100px 0;
}
@media (max-width: 820px) {
  .hb-new-products {
    padding: 50px 0;
  }
}
.hb-new-products .inner-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.hb-new-products .block__headline {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 44px;
  font-style: italic;
  text-align: center;
  margin-bottom: 48px;
  padding-bottom: 0px;
}
@media (max-width: 820px) {
  .hb-new-products .block__headline {
    font-size: 36px;
  }
}
.hb-new-products .product-container {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
.hb-new-products .button {
  margin-top: 100px;
  background-color: #0D0F12;
}
@media (max-width: 820px) {
  .hb-new-products .button {
    margin-top: 50px;
  }
}
.hb-new-products .button:hover {
  background-color: #009CDF;
}