/* Buttons */
@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width;
  /* Set default variables */ }

:root {
  --wpforms-field-border-radius: 0px !important;
  --wpforms-field-background-color: transparent !important;
  --wpforms-field-border-color: #ff00a8 !important;
  --wpforms-field-text-color: #ff00a8 !important;
  --wpforms-label-color: #ff00a8 !important;
  --wpforms-label-sublabel-color: #ff00a8 !important;
  --wpforms-button-border-radius: 3px;
  --wpforms-button-background-color: #ff00a8 !important;
  --wpforms-button-text-color: #fffa5b !important;
  --wpforms-field-size-font-size: 20px !important;
  --color-primary: #7fb2fe;
  --color-secondary: #5a9cfe;
  --color-tertiary: #4d89fe;
  --color-quaternary: #4777fd;
  --color-quinary: #06f;
  /* Fluid Type Responsive Font Sizes */ }

body {
  font-size: 17px;
  letter-spacing: 0.4px;
  line-height: 1.5em;
  color: #ff77d1;
  font-family: 'Montserrat', sans-serif;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  background: #fffef3;
  zoom: 1;
  cursor: url('../images/cursor.png') 25 15, auto !important; }

#container {
  width: 100%; }

#page-wrap, .container {
  max-width: 1920px;
  margin: 0px auto;
  padding: 0px; }

body.page-template-template_full-width #page-wrap {
  max-width: 100% !important; }

body.single .entry-content {
  padding-top: 40px; }

#mobile-navigation {
  display: none;
  /* HEADER
----------------------------------------------------------- */ }

#loader {
  width: 100vw;
  /*
	background-color: $blue-light;
	background-image: url(../images/grid-bg-blue.png);
	background-repeat: repeat;
	*/
  height: 105vh;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 9; }
  #loader img {
    max-width: 30%;
    animation: fadein 0.5s ease-in; }
  #loader h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 42px;
    line-height: 70%;
    text-align: center;
    padding-top: 20px;
    color: #fff;
    text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 10px #ff00a8, 0 0 45px #ff00a8, 0 0 55px #ff00a8, 0 0 70px #ff00a8, 0 0 80px #ff00a8;
    animation: pulsate 1.5s infinite alternate; }

@keyframes pulsate {
  100% {
    text-shadow: 0 0 4px #fff, 0 0 11px #fff, 0 0 19px #fff, 0 0 40px #ff00a8, 0 0 80px #ff00a8, 0 0 90px #ff00a8, 0 0 100px #ff00a8, 0 0 150px #ff00a8; }

  0% {
    text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 10px #ff00a8, 0 0 45px #ff00a8, 0 0 55px #ff00a8, 0 0 70px #ff00a8, 0 0 80px #ff00a8; } }

.sign {
  background-image: radial-gradient(ellipse 50% 35% at 50% 50%, #6b1839, transparent);
  font-family: 'Montserrat', sans-serif;
  font-size: 42px;
  line-height: 70%;
  text-align: center;
  padding-top: 20px;
  text-transform: uppercase;
  color: #ffe6ff;
  text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff77d1, -0.2rem 0.1rem 1rem #ff77d1, 0.2rem 0.1rem 1rem #ff77d1, 0 -0.5rem 2rem #ff00a8, 0 0.5rem 3rem #ff00a8;
  animation: shine 2s forwards, flicker 3s infinite; }

@keyframes blink {
  0%, 22%, 36%, 75% {
    color: #ffe6ff;
    text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff77d1, -0.2rem 0.1rem 1rem #ff77d1, 0.2rem 0.1rem 1rem #ff77d1, 0 -0.5rem 2rem #ff00a8, 0 0.5rem 3rem #ff00a8; }

  28%, 33% {
    color: #ff77d1;
    text-shadow: none; }

  82%, 97% {
    color: #ff00a8;
    text-shadow: none; } }

.flicker {
  animation: shine 2s forwards, blink 3s 2s infinite; }

.fast-flicker {
  animation: shine 2s forwards, blink 10s 1s infinite; }

@keyframes shine {
  0% {
    color: #6b1839;
    text-shadow: none; }

  100% {
    color: #ffe6ff;
    text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff77d1, -0.2rem 0.1rem 1rem #ff77d1, 0.2rem 0.1rem 1rem #ff77d1, 0 -0.5rem 2rem #ff00a8, 0 0.5rem 3rem #ff00a8; } }

@keyframes flicker {
  from {
    opacity: 1; }

  4% {
    opacity: 0.9; }

  6% {
    opacity: 0.85; }

  8% {
    opacity: 0.95; }

  10% {
    opacity: 0.9; }

  11% {
    opacity: 0.922; }

  12% {
    opacity: 0.9; }

  14% {
    opacity: 0.95; }

  16% {
    opacity: 0.98; }

  17% {
    opacity: 0.9; }

  19% {
    opacity: 0.93; }

  20% {
    opacity: 0.99; }

  24% {
    opacity: 1; }

  26% {
    opacity: 0.94; }

  28% {
    opacity: 0.98; }

  37% {
    opacity: 0.93; }

  38% {
    opacity: 0.5; }

  39% {
    opacity: 0.96; }

  42% {
    opacity: 1; }

  44% {
    opacity: 0.97; }

  46% {
    opacity: 0.94; }

  56% {
    opacity: 0.9; }

  58% {
    opacity: 0.9; }

  60% {
    opacity: 0.99; }

  68% {
    opacity: 1; }

  70% {
    opacity: 0.9; }

  72% {
    opacity: 0.95; }

  93% {
    opacity: 0.93; }

  95% {
    opacity: 0.95; }

  97% {
    opacity: 0.93; }

  to {
    opacity: 1; } }

body.home .header__images {
  animation: fadein 2s ease-in;
  /* MENUS
----------------------------------------------------------- */ }

#primary-nav {
  background: #ff00a8;
  color: #fffa5b !important;
  font-weight: 600; }
  #primary-nav a, #primary-nav a.nav-link {
    color: #fffa5b !important; }
  #primary-nav .navbar-brand {
    max-width: 250px; }
  #primary-nav .bg-light {
    background-color: #ff00a8 !important; }
  #primary-nav ul.navbar-nav {
    width: 100%;
    flex-direction: row; }

.gm-dropdown-menu.gm-minicart-dropdown {
  background: #ff00a8; }

li.menu-item-object-gm_menu_block .logged-out a {
  font-size: 0px; }
  li.menu-item-object-gm_menu_block .logged-out a:after {
    content: "\f090";
    font-family: 'Font Awesome 5 Pro';
    font-size: 14px; }
  li.menu-item-object-gm_menu_block .logged-in a {
    font-size: 0px; }
  li.menu-item-object-gm_menu_block .logged-in a:after {
    content: "\f08b";
    font-family: 'Font Awesome 5 Pro';
    font-size: 14px; }

.gm-minicart .gm-minicart-icon-wrapper {
  position: relative;
  left: -40px;
  top: 10px; }
  .gm-minicart i.groovy-69018-basket {
    font-size: 0px; }
  .gm-minicart .gm-minicart__txt {
    display: none; }
  .gm-minicart .gm-cart-counter {
    background-color: #fffa5b !important;
    color: #ff00a8 !important;
    width: 14px !important;
    height: 14px !important;
    line-height: 14px !important;
    border-radius: 50% !important;
    font-size: 0px !important; }
  .gm-minicart .gm-cart-counter:empty {
    display: block !important;
    border: 1px solid #fffa5b !important;
    background: #ff00a8 !important; }
  .gm-minicart .gmi {
    display: none !important; }

.gm-burger .hamburger-inner, .gm-burger .hamburger-inner::after, .gm-burger .hamburger-inner::before, .gm-menu-btn-close-mobile-drawer .hamburger .hamburger-inner, .gm-menu-btn-close-mobile-drawer .hamburger .hamburger-inner::after, .gm-menu-btn-close-mobile-drawer .hamburger .hamburger-inner::before {
  background-color: #fffa5b !important; }

#header-navigation, #page-navigation {
  position: sticky;
  bottom: 0px;
  top: 0px;
  z-index: 99;
  overflow: hidden;
  height: 100px;
  transition: all ease-in; }
  #header-navigation .sticky, #page-navigation .sticky {
    margin-top: 0px; }

.sticky {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 99; }

body.home.admin-bar #page-navigation {
  top: 32px !important; }

body.admin-bar #header-navigation {
  top: 32px !important; }

body.sticky-menu #wrap {
  padding-top: 5vw; }

body.sticky-menu #home-page {
  padding-top: 2vw;
  /* CONTENT
----------------------------------------------------------- */ }

#page-wrap {
  padding: 5vw; }
  #page-wrap p, #page-wrap li {
    font-size: 26px;
    line-height: 140%; }
  #page-wrap h1 {
    font-family: 'Bungee Shade', cursive !important;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 4vw;
    color: #ff00a8; }
  #page-wrap h2 {
    font-family: 'Bungee Outline', cursive !important;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 4vw;
    color: #ff00a8; }
  #page-wrap h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 3vw; }

#photo-scroll {
  width: 100vw;
  height: 100vh; }
  #photo-scroll .photo {
    width: 100vw;
    height: 100vh; }

#home-page .bg2 {
  background: #ffeff2; }
  #home-page .bg1 {
    background: #eff7ff; }
  #home-page #fadey {
    max-width: 100%;
    position: relative;
    width: 100%;
    margin: 0; }
  #home-page #fadey img {
    display: block;
    width: 100%;
    font-size: 0; }
  #home-page #services {
    background: #ffeff2;
    padding-bottom: 20px;
    border-bottom: 2px solid #ff77d1; }
  #home-page #services .services__heading {
    font-family: 'Bungee Shade', cursive !important;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    color: #ff00a8;
    padding-top: 40px;
    margin-left: 10vw; }
    #home-page #services .services__content {
      font-weight: 600;
      font-size: 35px;
      line-height: 43px;
      padding-top: 40px;
      padding-bottom: 40px;
      margin-left: 10vw; }
    #home-page #services .services__button {
      width: 390px;
      height: 390px;
      margin: 0 auto;
      padding-top: 40px; }
      #home-page #services .services__button__circle {
        width: 390px;
        height: 390px; }
        #home-page #services .services__button__circle img {
          animation: rotate 30s linear 0s infinite normal none; }
      #home-page #services .services__button__arrow {
        width: 390px;
        height: 390px;
        display: flex;
        margin-top: -390px;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
  #home-page #services .heading_xxlarge {
    font-family: 'Bungee Shade', cursive !important; }
  #home-page #services .bdr-r {
    border-right: 2px solid #06f; }
  #home-page #services .services-list {
    margin: 0px;
    padding: 0px; }
    #home-page #services .services-list ul {
      margin: 0px;
      padding: 0px; }
    #home-page #services .services-list li {
      list-style: none;
      margin: 0px;
      padding: 0px 0px 0px 10vw;
      border-top: 3px solid #3ea2ff; }
    #home-page #services .services-list span {
      display: inline-block; }
    #home-page #services .services-list__heading {
      font-weight: 900;
      font-size: 100px;
      line-height: 122px;
      text-transform: uppercase;
      color: #ff77d1; }
    #home-page #services .services-list a {
      color: #ff77d1;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px; }
    #home-page #services .services-list a {
      position: relative;
      z-index: 1; }
      #home-page #services .services-list a img {
        z-index: 1; }
    #home-page #services .services-list a:hover {
      z-index: 5; }
      #home-page #services .services-list a:hover img {
        z-index: -5; }
    #home-page #services .services-list img {
      opacity: 0;
      visibility: hidden;
      position: absolute;
      margin-left: -15vw;
      transition: 0.4s; }
    #home-page #services .services-list a:hover img {
      opacity: 1;
      visibility: visible; }
    #home-page #services .services-list li:nth-child(1) .hover-reveal {
      transform: rotate(-8deg) translate(30%, -50%); }
    #home-page #services .services-list li:nth-child(2) .hover-reveal {
      transform: rotate(6deg) translate(30%, -50%); }
    #home-page #services .services-list li:nth-child(3) .hover-reveal {
      transform: rotate(-4deg) translate(30%, -50%); }
    #home-page #services .services-list li:nth-child(4) .hover-reveal {
      transform: rotate(8deg) translate(30%, -50%); }
    #home-page #services .services-list li:nth-child(5) .hover-reveal {
      transform: rotate(-15deg) translate(30%, -50%); }
    #home-page #services .services-list li:nth-child(6) .hover-reveal {
      transform: rotate(8deg) translate(30%, -50%); }
  #home-page #shop {
    padding: 3vw 0px; }
  #home-page #brands {
    background-image: url(../images/grid-bg-blue.png);
    background-repeat: repeat;
    background-color: #eff7ff; }
  #home-page #brands .brands__wrap {
    width: 100%;
    max-width: 800px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    #home-page #brands .brands__bulbs {
      position: absolute;
      z-index: 1;
      margin: 0 auto; }
      #home-page #brands .brands__bulbs img {
        margin: 0 auto;
        display: flex;
        width: 100%;
        max-width: 80%; }
    #home-page #brands .brands__heading {
      font-family: 'Bungee Shade', cursive !important;
      font-style: normal;
      font-weight: 400;
      text-transform: uppercase;
      color: #fff;
      text-align: center;
      position: relative;
      z-index: 3;
      display: flex;
      align-items: center; }
  #home-page #brands #drag-section {
    position: relative; }
    #home-page #brands #drag-section img {
      text-align: center; }
    #home-page #brands #drag-section .container-fluid {
      padding: 5vw;
      margin: 0px; }
    #home-page #brands #drag-section .row {
      padding: 2vw 0px; }
    #home-page #brands #drag-section .col-xl-3, #home-page #brands #drag-section .col-xl-4 {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
  #home-page #newsletter {
    padding: 5vw 0px;
    background: #06f; }
  #home-page #newsletter .newsletter__wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 3vw; }
    #home-page #newsletter .newsletter__heading {
      font-family: 'Bungee Shade', cursive !important;
      font-style: normal;
      font-weight: 400;
      text-transform: uppercase;
      color: #fffa5b;
      text-align: center; }
    #home-page #newsletter .newsletter__content {
      font-size: 32px;
      line-height: 140%;
      padding-top: 40px;
      color: #fffa5b;
      text-align: center; }
  #home-page #newsletter .heading__xlarge {
    font-family: 'Bungee Shade', cursive !important; }
  #home-page #newsletter form {
    width: 100%;
    max-width: 1220px;
    margin: 40px auto 0 auto;
    text-align: right; }
  #home-page #newsletter input[type=text], #home-page #newsletter input[type=email] {
    width: 100%;
    padding: 10px;
    background: #fff;
    color: #ff77d1;
    display: block;
    border: none;
    margin-bottom: 20px;
    font-size: 26px; }
    #home-page #newsletter input[type=text]::placeholder, #home-page #newsletter input[type=email]::placeholder {
      color: #ff77d1; }
  #home-page #newsletter input[type=submit] {
    text-align: right; }
  #home-page #newsletter .klaviyo-form button {
    max-width: 200px;
    font-weight: 900 !important;
    padding: 10px 1vw; }
    #home-page #newsletter .klaviyo-form .kl-private-reset-css-Xuajs1 {
      justify-content: flex-end !important; }
  #home-page #process {
    padding: 5vw 0px;
    background: #ffeff2;
    color: #06f; }
  #home-page #process .process__heading {
    font-family: 'Bungee Shade', cursive !important;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    color: #06f;
    text-align: center;
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */ }
    #home-page #process .process__heading {
      font-size: 45px; }
      @media screen and (min-width: 320px) {
      #home-page #process .process__heading {
        font-size: calc(45px + 95 * ((100vw - 320px) / 1380)); } }
      @media screen and (min-width: 1700px) {
      #home-page #process .process__heading {
        font-size: 140px; } }
    #home-page #process .process__subheading {
      font-weight: 700;
      font-size: 35px;
      line-height: 110%;
      text-align: center;
      text-transform: uppercase;
      color: #ff77d1;
      padding-top: 7vw;
      padding-bottom: 5vw; }
    #home-page #process .process__wrap {
      padding: 5vw 20px;
      border-top: 4px solid #06f; }
    #home-page #process .process__wrap .row {
      max-width: 1325px !important;
      margin: 0 auto; }
    #home-page #process .process__number {
      font-family: 'Bungee Inline', cursive;
      font-style: normal;
      font-weight: 400;
      font-size: 180px;
      line-height: 95%;
      text-align: center;
      text-transform: uppercase;
      margin-top: 20px;
      text-shadow: 2px 2px 0 var(--color-secondary), 4px 4px 0 var(--color-tertiary), 6px 6px var(--color-quaternary), 7px 7px 0 var(--color-quinary);
      color: var(--color-primary);
      animation: shadows 1.2s ease-in infinite; }
    #home-page #process .process__content {
      font-size: 32px;
      line-height: 140%;
      padding-top: 40px;
      color: #06f;
      text-align: left; }
    #home-page #process .process__button {
      text-align: center;
      border-top: 4px solid #06f;
      padding-top: 5vw;
      margin-top: 2vw; }
  #home-page #range {
    padding: 5vw 0px;
    background: #eff7ff;
    color: #06f; }
  #home-page #range .range__wrap {
    max-width: 1360px;
    margin: 0 auto; }
    #home-page #range .range__heading {
      font-family: 'Bungee Shade', cursive !important;
      font-style: normal;
      font-weight: 400;
      text-transform: uppercase;
      color: #06f;
      text-align: center;
      /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
      /* DEFINE VARIABLES
----------------------------------------------------------- */
      /* See variables.scss */
      /* MAIN LAYOUT
----------------------------------------------------------- */ }
    #home-page #range .range__heading {
      font-size: 45px; }
      @media screen and (min-width: 320px) {
      #home-page #range .range__heading {
        font-size: calc(45px + 75 * ((100vw - 320px) / 1380)); } }
      @media screen and (min-width: 1700px) {
      #home-page #range .range__heading {
        font-size: 120px; } }
    #home-page #range .range__content {
      font-size: 32px;
      line-height: 140%;
      padding-top: 5vw;
      color: #06f;
      text-align: center; }
    #home-page #range .range__button {
      text-align: center;
      padding-top: 40px; }
  #home-page #gallery {
    background: #ffeff2; }
  #home-page #gallery .gallery__starburst {
    width: 290px;
    height: 290px;
    position: absolute;
    margin: 0 auto;
    left: 22vw;
    margin-top: 22vw;
    z-index: 9; }
    #home-page #gallery .gallery__starburst path {
      fill: #06f; }
    #home-page #gallery .gallery__starburst:hover {
      cursor: pointer; }
      #home-page #gallery .gallery__starburst:hover path {
        fill: #3ea2ff; }
    #home-page #gallery .gallery__starburst span {
      font-weight: 900;
      font-size: 32px;
      text-align: center;
      text-transform: uppercase;
      color: #fff;
      width: 290px;
      height: 290px;
      display: flex;
      margin-top: -290px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      line-height: 120%;
      z-index: 9;
      position: relative; }
      #home-page #gallery .gallery__starburst span a {
        color: #fff; }
      #home-page #gallery .gallery__starburst span a:hover {
        color: #fff; }
    #home-page #gallery .gallery__images {
      transform: rotate(10deg);
      position: absolute;
      z-index: 6;
      left: 31vw;
      margin-top: 12vw; }
  #home-page #gallery .m1 .marquee__inner span {
    font-family: 'Bungee Inline', cursive;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    line-height: 100%;
    height: auto;
    overflow: hidden;
    max-height: 160px; }
    #home-page #gallery .m1 .marquee__inner span {
      font-size: 45px; }
      @media screen and (min-width: 320px) {
        #home-page #gallery .m1 .marquee__inner span {
          font-size: calc(45px + 115 * ((100vw - 320px) / 1380)); } }
      @media screen and (min-width: 1700px) {
        #home-page #gallery .m1 .marquee__inner span {
          font-size: 160px; } }
    #home-page #gallery .m1 .marquee .yellow {
      color: #fffa5b; }
  #home-page #gallery .m2 .marquee__inner span {
    font-family: 'Bungee Outline', cursive;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    line-height: 100%;
    height: auto;
    overflow: hidden;
    max-height: 160px; }
    #home-page #gallery .m2 .marquee__inner span {
      font-size: 45px; }
      @media screen and (min-width: 320px) {
        #home-page #gallery .m2 .marquee__inner span {
          font-size: calc(45px + 115 * ((100vw - 320px) / 1380)); } }
      @media screen and (min-width: 1700px) {
        #home-page #gallery .m2 .marquee__inner span {
          font-size: 160px; } }
    #home-page #gallery .m2 .marquee .blue {
      color: #06f; }
  #home-page #blog {
    background: #eff7ff; }
  #home-page #blog .col-xl-10 {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  #home-page #blog .blog__title {
    background: #06f;
    font-family: 'Bungee Shade', cursive;
    font-style: normal;
    font-weight: 400;
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    line-height: 95%;
    text-align: center;
    text-transform: uppercase;
    color: #fffa5b;
    border-right: 3px solid #fffa5b; }
    #home-page #blog .blog__title {
      font-size: 45px; }
    @media screen and (min-width: 320px) {
        #home-page #blog .blog__title {
          font-size: calc(45px + 255 * ((100vw - 320px) / 1380)); } }
    @media screen and (min-width: 1700px) {
        #home-page #blog .blog__title {
          font-size: 300px; } }
    #home-page #blog .blog__title span {
      transform: rotate(270deg);
      display: block; }
    #home-page #blog .blog__mobile {
      display: none; }
    #home-page #blog .blog__item {
      padding: 5vw;
      border-bottom: 3px solid #fffa5b;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%; }
    #home-page #blog .blog__heading {
      font-family: 'Bungee', cursive;
      font-size: 60px;
      line-height: 100%;
      text-transform: uppercase;
      color: #06f !important; }
    #home-page #blog .blog__heading a {
      color: #06f !important; }
    #home-page #blog .blog__link .btn-secondary {
      color: #fffa5b; }
    #home-page #blog .blog__view {
      width: 100%;
      padding: 3vw;
      background: #06f;
      text-align: center; }
  #home-page #follow {
    background: #ffeff2;
    padding: 5vw 0px 10px 0px; }
  #home-page #follow .follow__heading {
    font-family: 'Bungee Shade', cursive;
    font-style: normal;
    font-weight: 400;
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    line-height: 95%;
    text-align: center;
    text-transform: uppercase;
    color: #ff00a8;
    padding-bottom: 5vw; }
    #home-page #follow .follow__heading {
      font-size: 45px; }
    @media screen and (min-width: 320px) {
        #home-page #follow .follow__heading {
          font-size: calc(45px + 105 * ((100vw - 320px) / 1380)); } }
    @media screen and (min-width: 1700px) {
        #home-page #follow .follow__heading {
          font-size: 150px; } }

#about-page #header {
  background-color: #fffef3;
  background-image: url(../images/grid-bg-yellow.png);
  background-repeat: repeat;
  padding: 5vw; }
  #about-page #header .header__heading {
    font-family: 'Bungee Shade', cursive;
    font-style: normal;
    font-weight: 400;
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    line-height: 95%;
    text-align: center;
    text-transform: uppercase;
    color: #ff00a8;
    padding-bottom: 5vw; }
    #about-page #header .header__heading {
      font-size: 45px; }
    @media screen and (min-width: 320px) {
        #about-page #header .header__heading {
          font-size: calc(45px + 155 * ((100vw - 320px) / 1380)); } }
    @media screen and (min-width: 1700px) {
        #about-page #header .header__heading {
          font-size: 200px; } }
    #about-page #header .header__content {
      color: #fff;
      font-size: 26px;
      text-align: center;
      width: 100%;
      max-width: 920px;
      margin: 0 auto;
      line-height: 140%; }
    #about-page #header .header__box {
      background: #06f;
      padding: 3vw;
      width: 100%;
      max-width: 1320px;
      margin: 0 auto; }
    #about-page #header .header__image {
      position: absolute;
      right: 10vw;
      margin-top: 7vw; }
    #about-page #header .header__starburst {
      width: 290px;
      height: 290px;
      position: absolute;
      margin: 0 auto;
      left: 11vw;
      margin-top: -10vw;
      z-index: 9; }
    #about-page #header .header__starburst path {
      fill: #fffa5b; }
    #about-page #header .header__starburst:hover {
      cursor: pointer; }
    #about-page #header .header__starburst:hover path {
      fill: #ffe711; }
    #about-page #header .header__starburst span {
      font-weight: 900;
      font-size: 28px;
      text-align: center;
      text-transform: uppercase;
      color: #fff;
      width: 290px;
      height: 290px;
      display: flex;
      margin-top: -290px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      line-height: 120%;
      z-index: 9;
      position: relative; }
    #about-page #header .header__starburst span a {
      color: #ff77d1; }
    #about-page #header .header__starburst span a:hover {
      color: #ff77d1; }
  #about-page #intro {
    padding: 5vw 0px 20vw 0px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  #about-page #intro .intro__wrap {
    width: 700px;
    background: #fff;
    position: relative;
    padding: 40px 20px;
    border-radius: 25px;
    box-shadow: -20px 20px 0px #06f;
    margin: 0px 0px 0px 5vw; }
    #about-page #intro .intro__subheading {
      color: #ff00a8;
      font-weight: 700;
      font-size: 30px;
      line-height: 140%;
      text-align: center;
      text-transform: uppercase;
      color: #06f; }
    #about-page #intro .intro__content {
      font-weight: 500;
      font-size: 30px;
      line-height: 140%;
      text-align: center;
      color: #06f; }
  #about-page #content-section {
    position: relative;
    margin-top: -25vw; }
  #about-page #content-section .content__item {
    background-image: url(../images/bolt-top.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 24vw; }
    #about-page #content-section .content__wrap {
      background: #fffa5b;
      padding: 5vw 0px; }
    #about-page #content-section .content__heading {
      font-family: 'Bungee Shade', cursive;
      font-style: normal;
      font-weight: 400;
      /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
      /* DEFINE VARIABLES
----------------------------------------------------------- */
      /* See variables.scss */
      /* MAIN LAYOUT
----------------------------------------------------------- */
      line-height: 95%;
      text-align: center;
      text-transform: uppercase;
      color: #ff00a8;
      padding-bottom: 3vw; }
    #about-page #content-section .content__heading {
      font-size: 45px; }
    @media screen and (min-width: 320px) {
        #about-page #content-section .content__heading {
          font-size: calc(45px + 55 * ((100vw - 320px) / 1380)); } }
    @media screen and (min-width: 1700px) {
        #about-page #content-section .content__heading {
          font-size: 100px; } }
    #about-page #content-section .content__content {
      color: #ff77d1;
      font-size: 26px;
      text-align: center;
      width: 100%;
      max-width: 920px;
      margin: 0 auto;
      line-height: 140%; }
    #about-page #content-section .content__buttons {
      display: flex;
      flex-direction: row;
      justify-content: center;
      text-align: center;
      padding-top: 80px; }
    #about-page #content-section .content__buttons div {
      margin: 0px 10px; }
    #about-page #content-section .content__section {
      width: 334px;
      height: 334px;
      position: absolute;
      right: 13vw;
      margin-top: 8vw; }
    #about-page #content-section .content__section__circle {
      width: 334px;
      height: 334px; }
    #about-page #content-section .content__section__circle img {
      animation: rotate 30s linear 0s infinite normal none; }
    #about-page #content-section .content__section__arrow {
      width: 334px;
      height: 334px;
      display: flex;
      margin-top: -334px;
      flex-direction: column;
      justify-content: center;
      align-items: center; }

#services-page #header {
  background-color: #fffef3;
  background-image: url(../images/grid-bg-yellow.png);
  background-repeat: repeat;
  padding: 5vw; }
  #services-page #header .header__heading {
    font-family: 'Bungee Shade', cursive;
    font-style: normal;
    font-weight: 400;
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    line-height: 95%;
    text-align: center;
    text-transform: uppercase;
    color: #ff00a8;
    padding-bottom: 5vw; }
    #services-page #header .header__heading {
      font-size: 45px; }
    @media screen and (min-width: 320px) {
        #services-page #header .header__heading {
          font-size: calc(45px + 155 * ((100vw - 320px) / 1380)); } }
    @media screen and (min-width: 1700px) {
        #services-page #header .header__heading {
          font-size: 200px; } }
    #services-page #header .header__subheading {
      font-size: 40px;
      line-height: 49px;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase;
      color: #ff77d1;
      padding-bottom: 20px; }
    #services-page #header .header__content {
      color: #ff77d1;
      font-size: 26px;
      text-align: center;
      width: 100%;
      max-width: 920px;
      margin: 0 auto;
      line-height: 140%; }
    #services-page #header .header__box {
      background: #fffa5b;
      padding: 40px;
      width: 100%;
      max-width: 1320px;
      margin: 0 auto; }
    #services-page #header .header__button {
      text-align: center;
      padding-top: 40px; }
    #services-page #header .header__button .btn-primary {
      background: #ffbcef;
      color: #3ea2ff; }
    #services-page #header .header__button .btn-primary:hover {
      background: #ffbcef;
      color: #06f; }
  #services-page #service-list .service-list__item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    #services-page #service-list .service-list__wrap {
      padding: 40px 40px;
      margin: 0px 2vw;
      position: relative; }
    #services-page #service-list .service-list__heading {
      font-family: 'Bungee Inline' !important;
      font-style: normal;
      font-weight: 400;
      font-size: 64px;
      line-height: 110%;
      padding-bottom: 20px; }
    #services-page #service-list .service-list__content {
      font-family: 'Montserrat', sans-serif;
      font-weight: 400;
      font-size: 30px;
      line-height: 140%; }
    #services-page #service-list .service-list__button {
      display: none;
      margin-top: 40px; }
    #services-page #service-list .service-list__button a {
      zoom: 0.6;
      display: block; }
    #services-page #service-list .service-list__starburst {
      width: 290px;
      height: 290px;
      position: absolute;
      margin: 0 auto;
      z-index: 9;
      transform: translate(200%, -75%); }
    #services-page #service-list .service-list__starburst span {
      font-weight: 900;
      font-size: 32px;
      text-align: center;
      text-transform: uppercase;
      width: 290px;
      height: 290px;
      display: flex;
      margin-top: -290px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      line-height: 120%;
      z-index: 9;
      position: relative; }
  #services-page #service-list .service-list__item.even {
    background-color: #fffef3;
    background-image: url(../images/grid-bg-yellow.png);
    background-repeat: repeat; }
    #services-page #service-list .service-list__item.even .service-list__wrap {
      background: #06f;
      color: #fff; }
    #services-page #service-list .service-list__item.even .service-list__starburst path {
      fill: #fffa5b !important; }
    #services-page #service-list .service-list__item.even .service-list__starburst span {
      color: #ff77d1; }
    #services-page #service-list .service-list__item.even .service-list__starburst span a {
      color: #ff77d1; }
    #services-page #service-list .service-list__item.even .service-list__starburst:hover path {
      fill: #ffe711 !important; }
    #services-page #service-list .service-list__item.even .service-list__button a.btn-primary {
      background: #fffa5b;
      color: #ff77d1; }
  #services-page #service-list .service-list__item.odd {
    background-color: #eff7ff;
    background-image: url(../images/grid-bg-blue.png);
    background-repeat: repeat; }
    #services-page #service-list .service-list__item.odd .service-list__wrap {
      background: #ff77d1;
      color: #fff; }
    #services-page #service-list .service-list__item.odd .service-list__starburst path {
      fill: #06f !important; }
    #services-page #service-list .service-list__item.odd .service-list__starburst span {
      color: #fffa5b; }
    #services-page #service-list .service-list__item.odd .service-list__starburst span a {
      color: #fffa5b; }
    #services-page #service-list .service-list__item.odd .service-list__starburst:hover path {
      fill: #3ea2ff !important; }
    #services-page #service-list .service-list__item.odd .service-list__button a.btn-primary {
      background: #06f;
      color: #fffa5b; }

#gallery-page #header {
  background-color: #fffef3;
  background-image: url(../images/grid-bg-yellow.png);
  background-repeat: repeat;
  padding: 5vw; }
  #gallery-page #header .header__heading {
    font-family: 'Bungee Shade', cursive;
    font-style: normal;
    font-weight: 400;
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    line-height: 95%;
    text-align: center;
    text-transform: uppercase;
    color: #ff00a8;
    padding-bottom: 5vw; }
    #gallery-page #header .header__heading {
      font-size: 45px; }
    @media screen and (min-width: 320px) {
        #gallery-page #header .header__heading {
          font-size: calc(45px + 75 * ((100vw - 320px) / 1380)); } }
    @media screen and (min-width: 1700px) {
        #gallery-page #header .header__heading {
          font-size: 120px; } }
    #gallery-page #header .header__video {
      max-width: 960px;
      width: 100%;
      margin: 0 auto; }
  #gallery-page #masonry {
    padding: 3vw 5vw 10vw 5vw; }
  #gallery-page #masonry img {
    width: 100%; }
  #gallery-page #masonry video {
    width: 100%; }

#shop-page #header {
  background-color: #fffef3;
  background-image: url(../images/grid-bg-yellow.png);
  background-repeat: repeat;
  padding: 5vw 5vw 20px 5vw; }
  #shop-page #header .header__heading {
    font-family: 'Bungee Shade', cursive;
    font-style: normal;
    font-weight: 400;
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    line-height: 95%;
    text-align: center;
    text-transform: uppercase;
    color: #ff00a8;
    padding-bottom: 5vw; }
    #shop-page #header .header__heading {
      font-size: 45px; }
    @media screen and (min-width: 320px) {
        #shop-page #header .header__heading {
          font-size: calc(45px + 155 * ((100vw - 320px) / 1380)); } }
    @media screen and (min-width: 1700px) {
        #shop-page #header .header__heading {
          font-size: 200px; } }
    #shop-page #header .header__subheading {
      font-size: 40px;
      line-height: 49px;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase;
      color: #ff77d1;
      padding-bottom: 20px; }
    #shop-page #header .header__content {
      color: #ff77d1;
      font-size: 26px;
      text-align: center;
      width: 100%;
      max-width: 920px;
      margin: 0 auto;
      line-height: 140%; }
    #shop-page #header .header__box {
      background: #fffa5b;
      padding: 3vw;
      width: 100%;
      max-width: 1320px;
      margin: 0 auto; }
  #shop-page #header .premade__button {
    width: 205px;
    height: 205px;
    margin: 0 auto;
    padding-top: 20px; }
    #shop-page #header .premade__button__circle {
      width: 205px;
      height: 205px; }
    #shop-page #header .premade__button__circle img {
      animation: rotate 30s linear 0s infinite normal none; }
    #shop-page #header .premade__button__arrow {
      width: 205px;
      height: 205px;
      display: flex;
      margin-top: -205px;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
  #shop-page #shop {
    background: #ffeff2;
    padding: 5vw 0px; }

#blog-page #header {
  background-color: #fffef3;
  background-image: url(../images/grid-bg-yellow.png);
  background-repeat: repeat;
  padding: 5vw 5vw; }
  #blog-page #header .header__heading {
    font-family: 'Bungee Shade', cursive;
    font-style: normal;
    font-weight: 400;
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    line-height: 95%;
    text-align: center;
    text-transform: uppercase;
    color: #ff00a8;
    padding-bottom: 5vw; }
    #blog-page #header .header__heading {
      font-size: 45px; }
    @media screen and (min-width: 320px) {
        #blog-page #header .header__heading {
          font-size: calc(45px + 155 * ((100vw - 320px) / 1380)); } }
    @media screen and (min-width: 1700px) {
        #blog-page #header .header__heading {
          font-size: 200px; } }
    #blog-page #header .header__subheading {
      font-size: 40px;
      line-height: 49px;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase;
      color: #ff77d1;
      padding-bottom: 20px; }
    #blog-page #header .header__content {
      color: #ff77d1;
      font-size: 26px;
      text-align: center;
      width: 100%;
      max-width: 920px;
      margin: 0 auto;
      line-height: 140%; }
    #blog-page #header .header__box {
      background: #fffa5b;
      padding: 3vw;
      width: 100%;
      max-width: 1320px;
      margin: 0 auto; }
  #blog-page #blog-list {
    background-color: #fffef3;
    background-image: url(../images/grid-bg-yellow.png);
    background-repeat: repeat;
    padding: 5vw 5vw; }
  #blog-page #blog-list .card {
    background: #06f;
    border: 1px solid #06f !important;
    padding: 40px !important;
    margin-bottom: 25px !important;
    border-radius: 0px;
    min-height: 25vw;
    transition: all 0.5s; }
    #blog-page #blog-list .card .card-title {
      font-family: 'Bungee Inline', cursive;
      /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
      /* DEFINE VARIABLES
----------------------------------------------------------- */
      /* See variables.scss */
      /* MAIN LAYOUT
----------------------------------------------------------- */
      line-height: 115%;
      text-align: left;
      font-weight: 400;
      padding: 20px 0px;
      color: #fff !important; }
    #blog-page #blog-list .card .card-title {
      font-size: 60px; }
    @media screen and (min-width: 320px) {
        #blog-page #blog-list .card .card-title {
          font-size: calc(60px + 0 * ((100vw - 320px) / 1380)); } }
    @media screen and (min-width: 1700px) {
        #blog-page #blog-list .card .card-title {
          font-size: 60px; } }
    #blog-page #blog-list .card .card-title a {
      color: #fff !important; }
    #blog-page #blog-list .card .card-body {
      padding: 0px 0px 0px 3vw;
      max-width: 100%;
      font-size: 22px; }
    #blog-page #blog-list .card h5.card-title {
      padding: 10px 0px 15px 0px !important; }
    #blog-page #blog-list .card .card-excerpt {
      padding: 0px 0px 15px 0px; }
    #blog-page #blog-list .card .btn-primary {
      padding: 15px 4vw !important;
      font-size: 26px; }
    #blog-page #blog-list .card .card-body a, #blog-page #blog-list .card .card-body p {
      color: #fff !important; }
    #blog-page #blog-list .card .card-button .btn-primary {
      background: #fff !important;
      color: #06f !important; }
  #blog-page #blog-list .card:hover {
    color: #fff !important; }
    #blog-page #blog-list .card:hover div, #blog-page #blog-list .card:hover p, #blog-page #blog-list .card:hover h5 {
      color: #fff !important; }
    #blog-page #blog-list .card:hover .card-title a {
      color: #fff !important; }
    #blog-page #blog-list .card:hover .card-button .btn-primary {
      background: #fff !important;
      color: #06f !important; }
    #blog-page #blog-list .card:hover .card-button .btn-primary:hover {
      background: #3ea2ff !important;
      color: #fff !important; }
  #blog-page #blog-list .no-img {
    width: 100%;
    height: 100%;
    background: #06f;
    min-height: 23vw; }

#blog-single #header {
  background-color: #fffef3;
  background-image: url(../images/grid-bg-yellow.png);
  background-repeat: repeat;
  padding: 5vw 5vw;
  border-bottom: 3px solid #fffa5b; }
  #blog-single #header .header__heading {
    font-family: 'Bungee Shade', cursive;
    font-style: normal;
    font-weight: 400;
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    color: #ff00a8; }
    #blog-single #header .header__heading {
      font-size: 45px; }
    @media screen and (min-width: 320px) {
        #blog-single #header .header__heading {
          font-size: calc(45px + 55 * ((100vw - 320px) / 1380)); } }
    @media screen and (min-width: 1700px) {
        #blog-single #header .header__heading {
          font-size: 100px; } }
  #blog-single #blog-post {
    padding: 3vw 5vw;
    width: 1320px;
    margin: 0 auto; }
  #blog-single #blog-post li, #blog-single #blog-post p {
    font-size: 30px;
    line-height: 140%; }
  #blog-single #blog-post img.aligncenter {
    text-align: center;
    margin: 0 auto;
    display: flex; }

#contact-page #header {
  background-color: #fffef3;
  background-image: url(../images/grid-bg-yellow.png);
  background-repeat: repeat;
  padding: 5vw; }
  #contact-page #header .header__heading {
    font-family: 'Bungee Shade', cursive;
    font-style: normal;
    font-weight: 400;
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    line-height: 95%;
    text-align: center;
    text-transform: uppercase;
    color: #ff00a8;
    padding-bottom: 5vw; }
    #contact-page #header .header__heading {
      font-size: 45px; }
    @media screen and (min-width: 320px) {
        #contact-page #header .header__heading {
          font-size: calc(45px + 155 * ((100vw - 320px) / 1380)); } }
    @media screen and (min-width: 1700px) {
        #contact-page #header .header__heading {
          font-size: 200px; } }
    #contact-page #header .header__subheading {
      font-size: 40px;
      line-height: 49px;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase;
      color: #ff77d1;
      padding-bottom: 20px; }
    #contact-page #header .header__content {
      color: #ff77d1;
      font-size: 26px;
      text-align: center;
      width: 100%;
      max-width: 920px;
      margin: 0 auto; }
    #contact-page #header .header__box {
      background: #fffa5b;
      padding: 40px;
      width: 100%;
      max-width: 1320px;
      margin: 0 auto; }
  #contact-page label {
    font-size: 24px; }
  #contact-page input[type="text"], #contact-page input[type="email"], #contact-page select, #contact-page textarea {
    background: #fff;
    border: none;
    color: #06f;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 10px;
    height: auto; }
  #contact-page input[type="text"]::placeholder, #contact-page input[type="email"]::placeholder, #contact-page select::placeholder, #contact-page textarea::placeholder {
    color: #06f; }
  #contact-page .wpforms-field-sublabel {
    display: none; }
  #contact-page .wpforms-field-file-upload {
    border-bottom: 1px solid #fff;
    padding-bottom: 5px; }
  #contact-page .wpforms-field-file-upload label {
    position: relative;
    float: left;
    padding-right: 20px; }
  #contact-page .wpforms-field-file-upload input[type="file"] {
    margin-top: -5px; }
  #contact-page .wpforms-submit-container {
    text-align: right;
    width: 100%;
    margin: 0 auto; }
  #contact-page .wpforms-submit-container input[type="submit"], #contact-page .wpforms-submit-container button, #contact-page .wpforms-submit-container .wpforms-submit {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    text-align: right;
    text-transform: uppercase;
    border: none;
    padding: 0px;
    margin: 0px;
    background: #06f;
    color: #fff;
    padding: 10px 5vw !important; }
  #contact-page .wpforms-field .upwpforms-uploader-body {
    border: none !important;
    border-radius: 0px !important; }
  #contact-page .wpforms-field .upwpforms-uploader-body .uploader-text {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    color: #06f; }
  #contact-page .wpforms-field .upwpforms-uploader-body .uploader-buttons button {
    margin: 0 10px;
    border-radius: 50px;
    padding: 2px 15px;
    border: none;
    background-color: #fff;
    color: #06f;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    font-size: 16px !important;
    border: 2px solid #06f; }
  #contact-page .file-list {
    background: #fff !important; }
  #contact-page .file-list .upload-item-name {
    color: #06f !important; }
  #contact-page #contact-details {
    background: #eff7ff; }
  #contact-page #contact-details .contact__wrap {
    padding: 5vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%; }
    #contact-page #contact-details .contact__heading {
      font-family: 'Bungee Shade', cursive;
      font-style: normal;
      font-weight: 400;
      font-size: 60px;
      line-height: 95%;
      text-align: center;
      text-transform: uppercase;
      color: #ff00a8;
      padding-bottom: 60px; }
    #contact-page #contact-details .contact__content {
      font-weight: 500;
      font-size: 30px !important;
      line-height: 140%;
      color: #ff77d1; }

#shop .product__wrap {
  padding-bottom: 20px;
  height: 100%; }
  #shop .product__item {
    background: #06f;
    padding: 20px 20px 40px 20px;
    margin-bottom: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  #shop .product__image {
    text-align: center;
    min-height: 480px; }
    #shop .product__image img {
      width: 100%; }
  #shop .product__name {
    font-family: 'Bungee';
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    text-align: center;
    font-weight: 400;
    padding: 20px;
    text-transform: uppercase;
    color: #fff;
    line-height: 110% !important; }
  #shop .product__price {
    padding: 0px 2vw 2vw 2vw;
    text-align: center;
    font-size: 26px;
    text-transform: uppercase;
    color: #fff; }
  #shop .product__buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    #shop .product__buttons .product__btn {
      margin: 5px 0px; }
    #shop .product__buttons .btn-primary.btn-view {
      padding: 10px 5vw !important;
      font-size: 25px !important;
      color: #06f;
      background: #fff; }
    #shop .product__buttons .btn-primary.btn-view:hover {
      background: #3ea2ff;
      color: #fff !important; }
    #shop .product__buttons .btn-primary.btn-buy {
      padding: 10px 5vw !important;
      font-size: 25px !important;
      color: #06f;
      background: #fff; }
    #shop .product__buttons .btn-primary.btn-buy:hover {
      background: #3ea2ff;
      color: #fff !important; }
  #shop .pagination {
    text-align: center;
    display: block;
    padding: 5vw 0px;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
  #shop .pagination a {
    outline: none !important; }
  #shop .pagination .page-numbers {
    padding: 5px;
    color: #06f;
    opacity: 0.5;
    font-size: 30px; }
  #shop .pagination .page-numbers.current {
    opacity: 1; }
  #shop .pagination a.next, #shop .pagination a.prev {
    background: #ffeff2;
    border: 2px solid #06f;
    color: #06f;
    border-radius: 100%;
    line-height: 33px;
    text-align: center;
    width: 42px;
    height: 42px;
    position: relative;
    display: inline-block;
    opacity: 1; }
    #shop .pagination a.next i, #shop .pagination a.prev i {
      background-image: none !important;
      font-family: 'Font Awesome 5 Pro';
      font-size: 30px;
      font-weight: 100 !important;
      color: #06f;
      text-align: center; }
    #shop .pagination a.next:hover, #shop .pagination a.prev:hover {
      background: #06f !important; }
    #shop .pagination a.next:hover i, #shop .pagination a.prev:hover i {
      color: #ffeff2 !important; }

#testimonials {
  background: #fffa5b;
  padding: 0px 0px 5vw 0px; }
  #testimonials .marquee-testimonials {
    background: #ff77d1;
    color: #fffa5b !important;
    padding: 10px 0px 20px 0px; }
  #testimonials .marquee-testimonials__inner {
    animation: marquee 40s linear infinite;
    -webkit-animation: marquee 40s linear infinite; }
    #testimonials .marquee-testimonials__inner span {
      font-family: 'Bungee Shade', cursive;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      display: flex;
      align-items: center;
      text-transform: uppercase;
      color: #fffa5b !important;
      /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
      /* DEFINE VARIABLES
----------------------------------------------------------- */
      /* See variables.scss */
      /* MAIN LAYOUT
----------------------------------------------------------- */ }
    #testimonials .marquee-testimonials__inner span {
      font-size: 45px; }
    @media screen and (min-width: 320px) {
        #testimonials .marquee-testimonials__inner span {
          font-size: calc(45px + 85 * ((100vw - 320px) / 1380)); } }
    @media screen and (min-width: 1700px) {
        #testimonials .marquee-testimonials__inner span {
          font-size: 130px; } }
    #testimonials .marquee-testimonials__inner img {
      padding: 0px 60px 0px 20px; }
  #testimonials .testimonial-slider__item {
    text-align: center;
    padding: 40px 0px;
    display: block; }
  #testimonials .testimonial-slider__content {
    text-align: center;
    max-width: 1270px;
    width: 100%;
    margin: 20px auto 20px auto;
    font-size: 45px;
    line-height: 130%; }
  #testimonials .testimonial-slider__name {
    font-size: 35px;
    font-weight: 900;
    text-transform: uppercase;
    padding-top: 20px; }
  #testimonials .testimonial-slider__rating {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 40px; }
    #testimonials .testimonial-slider__rating i {
      padding: 0px 2px; }
  #testimonials .slick-prev, #testimonials .slick-next {
    background: #fffa5b;
    border: 2px solid #ff77d1;
    position: absolute;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center; }
  #testimonials .slick-prev:before, #testimonials .slick-next:before {
    background-image: none !important;
    font-family: 'Font Awesome 5 Pro';
    font-size: 45px;
    font-weight: 100 !important;
    color: #ff77d1; }
  #testimonials .slick-prev:hover, #testimonials .slick-next:hover {
    background: #ff77d1; }
  #testimonials .slick-prev:hover:before, #testimonials .slick-next:hover:before {
    color: #fffa5b; }
  #testimonials .slick-prev:before {
    content: "\f060"; }
  #testimonials .slick-next:before {
    content: "\f061"; }

#hero .hero__toggle {
  margin-left: 4vw;
  width: 60px;
  cursor: pointer; }
  #hero .hero__toggle svg, #hero .hero__toggle img {
    animation: swing ease-in-out 2s infinite alternate;
    transform-origin: top center; }
  #hero .hero__starburst {
    width: 290px;
    height: 290px;
    position: absolute;
    margin: 0 auto;
    left: 50%;
    top: 0vw;
    z-index: 8;
    transform: translate(-50%, 50%); }
  #hero .hero__starburst span {
    font-weight: 900;
    font-size: 32px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    width: 290px;
    height: 290px;
    display: flex;
    margin-top: -290px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 120%;
    z-index: 9;
    position: relative; }
  #hero .hero__starburst span a {
    color: #fff; }
  #hero .hero__starburst span a:hover {
    color: #fff; }
  #hero .hero__wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 3vw; }
  #hero .hero__heading {
    font-family: 'Bungee Shade', cursive !important;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase; }
  #hero .hero__content {
    font-weight: 700;
    font-size: 32px;
    line-height: 140%;
    text-transform: uppercase;
    padding-top: 10px; }
  #hero .hero__image img {
    width: 100%; }
  #hero .heading__xxlarge {
    font-family: 'Bungee Shade', cursive !important; }

#hero.bg2 .hero__heading {
  color: #ff00a8; }
  #hero.bg2 .hero__content {
    color: #ff00a8; }
  #hero.bg2 .hero__toggle path#Path_2 {
    fill: #06f; }
  #hero.bg2 .hero__starburst path {
    fill: #06f; }
  #hero.bg2 .hero__starburst:hover {
    cursor: pointer; }
  #hero.bg2 .hero__starburst:hover path {
    fill: #3ea2ff; }

#hero.bg1 .hero__heading {
  color: #06f; }
  #hero.bg1 .hero__content {
    color: #06f; }
  #hero.bg1 .hero__toggle path#Path_2 {
    fill: #ff77d1; }
  #hero.bg1 .hero__starburst path {
    fill: #ff77d1; }
  #hero.bg1 .hero__starburst:hover {
    cursor: pointer; }
  #hero.bg1 .hero__starburst:hover path {
    fill: #ffbcef; }

@keyframes swing {
  /* FOOTER
----------------------------------------------------------- */
  0% {
    transform: rotate(8deg); }

  100% {
    transform: rotate(-8deg); } }

#footer {
  background: #ff77d1;
  color: #fffa5b;
  padding: 20px 10vw; }
  #footer .col-xl-12 {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
  #footer .col-xl-12 > a {
    width: 10vw;
    text-align: left; }
  #footer .col-xl-12 > a i {
    font-size: 30px; }
  #footer .menu-footer-menu-container {
    width: 100%;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase; }
  #footer .menu-footer-menu-container ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between; }
  #footer .menu-footer-menu-container li {
    list-style: none;
    padding: 0px 10px;
    display: inline-block; }
  #footer a {
    color: #fffa5b; }

#copyright {
  padding: 20px 20px;
  background: #ff77d1;
  color: #fffa5b;
  font-size: 20px;
  border-top: 3px solid #fffa5b;
  /* GENERIC STYLES
----------------------------------------------------------- */ }
  #copyright .website-by {
    text-transform: uppercase; }

.show_desktop {
  display: block; }

.show_mobile {
  display: none; }

.grecaptcha-badge {
  display: none !important; }

.spin {
  animation: rotate 90s linear 0s infinite normal none !important; }

img {
  border: 0;
  max-width: 100%;
  height: auto;
  /* ie8 */
  width: auto\9; }

.clear {
  clear: both !important; }

a {
  color: unset; }

.page-title {
  color: #333 !important;
  /* 404 page */ }

.error404 .wrapper {
  padding: 5% 0px; }
  .error404 h1 {
    font-size: 50px;
    text-align: center; }
  .error404 .entry-content {
    text-align: center;
    padding-top: 3%; }

.marquee-top {
  background: #fffa5b;
  color: ;
  padding: 10px 0px; }
  .marquee-top__inner {
    animation: marquee 90s linear infinite;
    -webkit-animation: marquee 90s linear infinite; }
  .marquee-top__inner span {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    color: #ff77d1 !important;
    line-height: 100%;
    display: flex;
    align-items: center; }
  .marquee-top__inner span a {
    color: #ff77d1 !important; }

.marquee-top {
  width: 100%;
  overflow: hidden;
  pointer-events: none; }
  .marquee-top__inner {
    width: fit-content;
    display: flex;
    position: relative;
    animation-play-state: running;
    opacity: 1;
    transition-duration: 0.4s;
    transform: translate3d(calc(-25% + 20vw), 0, 0);
    -webkit-transform: translate3d(calc(-25% + 20vw), 0, 0);
    -moz-transform: translate3d(calc(-25% + 20vw), 0, 0);
    -ms-transform: translate3d(calc(-25% + 20vw), 0, 0);
    -o-transform: translate3d(calc(-25% + 20vw), 0, 0);
    transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -o-transition: opacity 0.1s; }
  .marquee-top__inner span {
    white-space: nowrap;
    padding: 0px 0px 0px 15px; }
  .marquee-top__inner span img {
    margin: 0px 5px; }

.marquee-testimonials {
  width: 100%;
  overflow: hidden;
  pointer-events: none; }
  .marquee-testimonials__inner {
    width: fit-content;
    display: flex;
    position: relative;
    animation-play-state: running;
    opacity: 1;
    transition-duration: 0.4s;
    transform: translate3d(calc(-25% + 20vw), 0, 0);
    -webkit-transform: translate3d(calc(-25% + 20vw), 0, 0);
    -moz-transform: translate3d(calc(-25% + 20vw), 0, 0);
    -ms-transform: translate3d(calc(-25% + 20vw), 0, 0);
    -o-transform: translate3d(calc(-25% + 20vw), 0, 0);
    transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -o-transition: opacity 0.1s; }
  .marquee-testimonials__inner span {
    white-space: nowrap;
    padding: 0 1vw; }

.marquee {
  width: 100%;
  overflow: hidden;
  pointer-events: none; }
  .marquee__inner {
    width: fit-content;
    display: flex;
    position: relative;
    animation-play-state: running;
    opacity: 1;
    transition-duration: 0.4s;
    transform: translate3d(calc(-25% + 20vw), 0, 0);
    -webkit-transform: translate3d(calc(-25% + 20vw), 0, 0);
    -moz-transform: translate3d(calc(-25% + 20vw), 0, 0);
    -ms-transform: translate3d(calc(-25% + 20vw), 0, 0);
    -o-transform: translate3d(calc(-25% + 20vw), 0, 0);
    transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -o-transition: opacity 0.1s; }
  .marquee__inner span {
    white-space: nowrap;
    padding: 0 1vw; }

@keyframes marquee {
  0% {
    transform: translate3d(calc(-25% + 20vw), 0, 0);
    -webkit-transform: translate3d(calc(-25% + 20vw), 0, 0);
    -moz-transform: translate3d(calc(-25% + 20vw), 0, 0);
    -ms-transform: translate3d(calc(-25% + 20vw), 0, 0);
    -o-transform: translate3d(calc(-25% + 20vw), 0, 0); }

  100% {
    transform: translate3d(calc(-50% + 20vw), 0, 0);
    -webkit-transform: translate3d(calc(-50% + 20vw), 0, 0);
    -moz-transform: translate3d(calc(-50% + 20vw), 0, 0);
    -ms-transform: translate3d(calc(-50% + 20vw), 0, 0);
    -o-transform: translate3d(calc(-50% + 20vw), 0, 0); } }

@keyframes -webkit-marquee {
  0% {
    transform: translate3d(calc(-25% + 20vw), 0, 0);
    -webkit-transform: translate3d(calc(-25% + 20vw), 0, 0);
    -moz-transform: translate3d(calc(-25% + 20vw), 0, 0);
    -ms-transform: translate3d(calc(-25% + 20vw), 0, 0);
    -o-transform: translate3d(calc(-25% + 20vw), 0, 0); }

  100% {
    transform: translate3d(calc(-50% + 20vw), 0, 0);
    -webkit-transform: translate3d(calc(-50% + 20vw), 0, 0);
    -moz-transform: translate3d(calc(-50% + 20vw), 0, 0);
    -ms-transform: translate3d(calc(-50% + 20vw), 0, 0);
    -o-transform: translate3d(calc(-50% + 20vw), 0, 0); } }

.block__link {
  position: relative;
  cursor: pointer; }

.block[data-fx="2"] a::after, a.content__text-link[data-fx="2"]::after {
  content: '';
  z-index: -1;
  width: 100%;
  bottom: 0.25rem;
  left: 0;
  position: absolute;
  height: 2px;
  background: currentColor;
  transform: scale3d(0, 1, 1);
  transform-origin: 0% 50%;
  transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.block[data-fx="2"] a:hover::after, a.content__text-link[data-fx="2"]:hover::after {
  transform: scale3d(1, 1, 1); }

.hover-reveal {
  position: fixed;
  width: 600px;
  height: 600px;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1; }

.hover-reveal__inner, .hover-reveal__img {
  width: 100%;
  height: 100%;
  position: relative; }

.hover-reveal__deco {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #181314; }

.hover-reveal__img {
  background-size: cover;
  background-position: 50% 50%; }

.reveal {
  position: relative;
  transform: translateY(0px);
  opacity: 0;
  transition: 1s all ease; }

.reveal.active {
  transform: translateY(0);
  opacity: 1; }

.reveal-top {
  animation: fadein 2s ease-in; }

.fadein {
  animation: fadein 2s ease-in; }

.fadeout {
  animation: fadeout 2s ease-out; }

.fadein-menu {
  animation: fadein 1s ease-in; }

.fadeout-menu {
  animation: fadeout 1s ease-out; }

@keyframes fadein {
  /* Firefox < 16 */
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-moz-keyframes fadein {
  /* Safari, Chrome and Opera > 12.1 */
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-webkit-keyframes fadein {
  /* Internet Explorer */
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-ms-keyframes fadein {
  /* Opera < 12.1 */
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-o-keyframes fadein {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@keyframes fadeout {
  /* Firefox < 16 */
  from {
    opacity: 1; }

  to {
    opacity: 0; } }

@-moz-keyframes fadeout {
  /* Safari, Chrome and Opera > 12.1 */
  from {
    opacity: 1; }

  to {
    opacity: 0; } }

@-webkit-keyframes fadeout {
  /* Internet Explorer */
  from {
    opacity: 1; }

  to {
    opacity: 0; } }

@-ms-keyframes fadeout {
  /* Opera < 12.1 */
  from {
    opacity: 1; }

  to {
    opacity: 0; } }

@-o-keyframes fadeout {
  from {
    opacity: 1; }

  to {
    opacity: 0; } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(-360deg); } }

@keyframes shadows {
  /* HEADINGS
----------------------------------------------------------- */
  0% {
    text-shadow: none; }

  10% {
    transform: translate(-3px, -3px);
    text-shadow: 2px 2px 0 var(--color-secondary); }

  20% {
    transform: translate(-6px, -6px);
    text-shadow: 2px 2px 0 var(--color-secondary), 4px 4px 0 var(--color-tertiary); }

  30% {
    transform: translate(-9px, -9px);
    text-shadow: 2px 2px 0 var(--color-secondary), 4px 4px 0 var(--color-tertiary), 7px 7px var(--color-quaternary); }

  40% {
    transform: translate(-12px, -12px);
    text-shadow: 2px 2px 0 var(--color-secondary), 4px 4px 0 var(--color-tertiary), 7px 7px var(--color-quaternary), 10px 10px 0 var(--color-quinary); }

  50% {
    transform: translate(-12px, -12px);
    text-shadow: 2px 2px 0 var(--color-secondary), 4px 4px 0 var(--color-tertiary), 7px 7px var(--color-quaternary), 10px 10px 0 var(--color-quinary); }

  60% {
    text-shadow: 2px 2px 0 var(--color-secondary), 4px 4px 0 var(--color-tertiary), 7px 7px var(--color-quaternary), 10px 10px 0 var(--color-quinary); }

  70% {
    text-shadow: 2px 2px 0 var(--color-secondary), 4px 4px 0 var(--color-tertiary), 7px 7px var(--color-quaternary); }

  80% {
    text-shadow: 2px 2px 0 var(--color-secondary), 4px 4px 0 var(--color-tertiary); }

  90% {
    text-shadow: 2px 2px 0 var(--color-secondary); }

  100% {
    text-shadow: none; } }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 20px;
  font-family: 'Bungee Shade', cursive, , sans-serif; }

h1 a, h1 a:hover, h2 a, h2 a:hover, h3 a, h3 a:hover, h4 a, h4 a:hover, h5 a, h5 a:hover, h6 a, h6 a:hover {
  color: #333;
  text-decoration: none; }

h1 {
  font-size: 40px;
  font-weight: 600;
  color: ; }

h2 {
  font-size: 40px;
  font-weight: 600;
  color: ; }

h3 {
  font-size: 32px;
  color: ; }

h4 {
  font-size: 30px;
  color: ; }

h5 {
  font-size: 26px;
  color: ; }

h6 {
  font-size: 22px;
  color: ; }

h1.entry-title {
  margin: 10px 0px;
  padding: 0px;
  font-weight: bold;
  margin-top: 10px; }

h3.entry-title {
  margin: 10px 0px 10px 0px;
  padding: 0px;
  text-align: center;
  font-weight: bold; }

.font-title {
  font-family: ; }

.heading {
  /* FORMS
----------------------------------------------------------- */ }
  .heading__xxlarge {
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    line-height: 100%; }
  .heading__xxlarge {
    font-size: 100px; }
  @media screen and (min-width: 320px) {
      .heading__xxlarge {
        font-size: calc(100px + 150 * ((100vw - 320px) / 1380)); } }
  @media screen and (min-width: 1700px) {
      .heading__xxlarge {
        font-size: 250px; } }
  .heading__xlarge {
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    line-height: 100%; }
  .heading__xlarge {
    font-size: 50px; }
  @media screen and (min-width: 320px) {
      .heading__xlarge {
        font-size: calc(50px + 100 * ((100vw - 320px) / 1380)); } }
  @media screen and (min-width: 1700px) {
      .heading__xlarge {
        font-size: 150px; } }
  .heading__large {
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    line-height: 100%; }
  .heading__large {
    font-size: 40px; }
  @media screen and (min-width: 320px) {
      .heading__large {
        font-size: calc(40px + 60 * ((100vw - 320px) / 1380)); } }
  @media screen and (min-width: 1700px) {
      .heading__large {
        font-size: 100px; } }
  .heading__medium {
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    line-height: 100%; }
  .heading__medium {
    font-size: 30px; }
  @media screen and (min-width: 320px) {
      .heading__medium {
        font-size: calc(30px + 20 * ((100vw - 320px) / 1380)); } }
  @media screen and (min-width: 1700px) {
      .heading__medium {
        font-size: 50px; } }
  .heading__small {
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    line-height: 100%; }
  .heading__small {
    font-size: 25px; }
  @media screen and (min-width: 320px) {
      .heading__small {
        font-size: calc(25px + 15 * ((100vw - 320px) / 1380)); } }
  @media screen and (min-width: 1700px) {
      .heading__small {
        font-size: 40px; } }

.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  background: transparent !important;
  border: none !important; }

.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full {
  color: unset !important;
  /* BUTTONS
----------------------------------------------------------- */
  /* Primary Button Style */ }

.btn-yellow {
  padding: 25px 5vw !important;
  text-align: center;
  display: inline-block;
  font-weight: 900;
  border: none !important;
  border-radius: 50px !important;
  line-height: 1.5em !important;
  font-size: 32px;
  text-transform: uppercase;
  background-image: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  padding: 25px 5vw !important;
  background-color: #fffa5b;
  border: 2px solid #fffa5b;
  color: #06f; }

.btn-yellow:hover {
  padding: 25px 5vw !important;
  text-align: center;
  display: inline-block;
  font-weight: 900;
  border: none !important;
  border-radius: 50px !important;
  line-height: 1.5em !important;
  font-size: 32px;
  text-transform: uppercase;
  background-image: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  background-color: #ffe711;
  border: 2px solid #ffe711;
  color: #06f;
  transition: 0.5s ease; }

.button, .readmore a, .btn-primary, .btn-default, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  padding: 25px 5vw !important;
  text-align: center;
  display: inline-block;
  font-weight: 900;
  border: none !important;
  border-radius: 50px !important;
  line-height: 1.5em !important;
  font-size: 32px;
  text-transform: uppercase;
  background-image: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  background-color: #ff77d1;
  border: 1px solid #ff77d1;
  color: #fff; }

.button:hover, .readmore a:hover, .btn-primary:hover, .btn-default:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  padding: 25px 5vw !important;
  text-align: center;
  display: inline-block;
  font-weight: 900;
  border: none !important;
  border-radius: 50px !important;
  line-height: 1.5em !important;
  font-size: 32px;
  text-transform: uppercase;
  background-image: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  background-color: #ffbcef;
  border: 1px solid #ffbcef;
  color: #fff;
  transition: 0.5s ease;
  /* Secondary Button Style */
  text-decoration: none;
  outline: none; }

.btn-secondary, #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .single_add_to_cart_button, .single_add_to_cart_button.disabled {
  padding: 25px 5vw !important;
  text-align: center;
  display: inline-block;
  font-weight: 900;
  border: none !important;
  border-radius: 50px !important;
  line-height: 1.5em !important;
  font-size: 32px;
  text-transform: uppercase;
  background-image: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  background-color: #06f;
  border: 2px solid #06f;
  color: #fff; }

.btn-secondary:hover, #add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .single_add_to_cart_button:hover {
  padding: 25px 5vw !important;
  text-align: center;
  display: inline-block;
  font-weight: 900;
  border: none !important;
  border-radius: 50px !important;
  line-height: 1.5em !important;
  font-size: 32px;
  text-transform: uppercase;
  background-image: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  background-color: #3ea2ff;
  border: 2px solid #3ea2ff;
  color: #fff;
  transition: 0.5s ease;
  /* LISTS
----------------------------------------------------------- */ }

.entry-content ol, .entry-content ul {
  margin-left: 20px; }

.entry-content ol li, .entry-content ul li {
  margin-bottom: 5px; }

ol, ul {
  margin-left: 20px;
  /* WOOCOMMERCE
----------------------------------------------------------- */ }

li.product a {
  color: #333; }
  li.product .product_image {
    max-height: 300px;
    overflow: hidden; }
  li.product .product_image img {
    transition: transform 0.5s ease; }
  li.product .product_image:hover img {
    transform: scale(1.2); }

.woocommerce span.onsale {
  background-color: #06f;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  font-size: 12px;
  text-align: center; }

.woocommerce-pagination {
  /* Cart */ }
  .woocommerce-pagination ul.page-numbers {
    border: none !important; }
  .woocommerce-pagination ul.page-numbers li {
    border-right: unset !important;
    color: #fff; }
  .woocommerce-pagination ul.page-numbers li span.current {
    background: none !important; }
  .woocommerce-pagination ul.page-numbers li a.page-numbers {
    border: none !important;
    color: unset; }
  .woocommerce-pagination ul.page-numbers li a:hover {
    background: unset !important;
    color: #fff !important; }

.coupon input[type="text"] {
  width: 150px !important; }

input[type="number"] {
  border: 1px solid #d3ced2;
  border-radius: 3px; }

.table-striped > tbody > tr:nth-of-type(odd) > * {
  background: #fff; }

body.woocommerce-checkout {
  /* Single Product */ }
  body.woocommerce-checkout select, body.woocommerce-checkout .select2-container--default .select2-selection--single {
    border: 1px solid #ced4da !important;
    border-radius: 5px; }
  body.woocommerce-checkout #customer_details .col-2 {
    padding-top: 40px; }
  body.woocommerce-checkout .wc_payment_method.payment_method_stripe div.payment_box .form-row {
    margin: 0px !important; }
  body.woocommerce-checkout .wc_payment_method.payment_method_stripe div.payment_box .form-row {
    padding: 10px 0px !important; }
  body.woocommerce-checkout .wc_payment_method.payment_method_stripe .woocommerce-SavedPaymentMethods-saveNewinput input {
    margin: 0 10px 0 0 !important; }
  body.woocommerce-checkout .wc_payment_method.payment_method_stripe .woocommerce-SavedPaymentMethods-saveNew label {
    line-height: 1.2; }
  body.woocommerce-checkout input[type=radio] {
    background: #ff00a8 !important;
    border-color: #ffeff2 !important;
    border-width: 2px;
    width: 25px !important;
    height: 25px !important;
    cursor: pointer !important;
    position: relative;
    top: 6px; }
  body.woocommerce-checkout input[type=radio]:after {
    content: "";
    background: #ffeff2;
    position: relative;
    display: flex;
    border-radius: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    border: 2px solid #ff00a8; }
  body.woocommerce-checkout input[type=radio]:checked {
    background: #ff00a8 !important;
    border-color: #ffbcef !important; }
  body.woocommerce-checkout input[type=radio]:checked:after {
    content: "";
    background: #ffbcef;
    position: relative;
    display: flex;
    border-radius: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    border: 2px solid #ff00a8; }
  body.woocommerce-checkout input[type=radio]:focus {
    box-shadow: none !important;
    outline: none !important; }

.woocommerce div.product form.cart .variations th {
  line-height: 3em; }

.woocommerce div.product div.images .woocommerce-product-gallery__image {
  margin: 10px 10px 10px 0px; }

.woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {
  float: none !important;
  width: 100% !important; }

body.single-product {
  background: #ffeff2 !important; }
  body.single-product #content {
    padding: 3vw 5vw !important; }
  body.single-product .product_title {
    font-family: 'Bungee Shade', cursive;
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    text-align: left;
    color: #ff00a8;
    text-transform: uppercase;
    line-height: 100%;
    font-weight: 400;
    padding: 40px 0px 0px 0px !important; }
  body.single-product .product_title {
    font-size: 85px; }
  @media screen and (min-width: 320px) {
      body.single-product .product_title {
        font-size: calc(85px + 15 * ((100vw - 320px) / 1380)); } }
  @media screen and (min-width: 1700px) {
      body.single-product .product_title {
        font-size: 100px; } }
  body.single-product h1, body.single-product h2 {
    font-family: 'Bungee Shade', cursive;
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    text-align: center;
    color: #ff00a8;
    text-transform: uppercase;
    line-height: 80%;
    font-weight: 400;
    padding: 0px !important; }
  body.single-product h1, body.single-product h2 {
    font-size: 85px; }
  @media screen and (min-width: 320px) {
      body.single-product h1, body.single-product h2 {
        font-size: calc(85px + 15 * ((100vw - 320px) / 1380)); } }
  @media screen and (min-width: 1700px) {
      body.single-product h1, body.single-product h2 {
        font-size: 100px; } }
  body.single-product p {
    line-height: 140%; }
  body.single-product #woo-page {
    padding: 5vw 0px;
    max-width: 1320px;
    margin: 0 auto !important; }
  body.single-product p.price {
    color: #ff00a8 !important;
    font-weight: 200;
    padding-top: 40px !important;
    font-size: 34px;
    margin-bottom: 0px; }
  body.single-product afterpay-placement {
    padding-bottom: 40px; }
  body.single-product .woocommerce-product-details__short-description {
    font-size: 30px;
    line-height: 150%; }
  body.single-product .product_meta {
    display: none; }
  body.single-product .product_meta a {
    color: #ff00a8 !important; }
  body.single-product ul.tabs {
    display: none; }
  body.single-product .woocommerce-Tabs-panel {
    padding-top: 1vw !important; }
  body.single-product .woocommerce-Tabs-panel h2 {
    padding-bottom: 40px !important; }
  body.single-product .woocommerce-Tabs-panel p {
    font-size: 32px; }
  body.single-product .single_add_to_cart_button, body.single-product .woocommerce input.button.alt, body.single-product .single_add_to_cart_button, body.single-product .single_add_to_cart_button.disabled {
    border: 1.5px solid #06f !important;
    color: #fff !important;
    padding: 15px 3vw !important; }
  body.single-product .single_add_to_cart_button:hover, body.single-product .woocommerce input.button.alt:hover, body.single-product .single_add_to_cart_button:hover, body.single-product .single_add_to_cart_button.disabled:hover {
    background: #3ea2ff !important;
    color: #fff !important; }
  body.single-product .woocommerce div.product form.cart .button {
    float: none;
    clear: both;
    display: block;
    vertical-align: middle;
    float: left;
    padding: 15px 3vw !important; }
  body.single-product .qty {
    width: 60% !important;
    text-align: center;
    margin-bottom: 40px;
    float: none; }
  body.single-product .quantity {
    float: none !important;
    max-width: 200px; }
  body.single-product input[type="number"] {
    border: 1px solid #ff00a8;
    background: transparent;
    color: #ff00a8;
    font-weight: 200;
    border-radius: 50px;
    padding: 15px 2vw; }
  body.single-product input[type="number"]:hover {
    background: #ff00a8 !important;
    color: #fff !important; }
  body.single-product section.related.products {
    display: none; }

.woocommerce-message, .woocommerce-info {
  background: transparent;
  color: #ff00a8;
  border-top-color: #ff00a8;
  font-size: 26px; }

.woocommerce-info::before, .woocommerce-message::before {
  color: #ff00a8;
  /* Cart */ }

body.woocommerce-cart {
  background: #ffeff2 !important;
  /* Checkout */ }
  body.woocommerce-cart .woocommerce {
    max-width: 1320px;
    margin: 0 auto; }
  body.woocommerce-cart h1 {
    font-family: 'Bungee Shade', cursive;
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    text-align: center;
    color: #ff00a8;
    text-transform: uppercase;
    line-height: 80%;
    font-weight: 400;
    padding: 5vw 0px; }
  body.woocommerce-cart h1 {
    font-size: 50px; }
  @media screen and (min-width: 320px) {
      body.woocommerce-cart h1 {
        font-size: calc(50px + 130 * ((100vw - 320px) / 1380)); } }
  @media screen and (min-width: 1700px) {
      body.woocommerce-cart h1 {
        font-size: 180px; } }
  body.woocommerce-cart h2 {
    font-family: 'Bungee Inline', cursive;
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    color: #ff00a8;
    text-transform: uppercase;
    font-weight: 400; }
  body.woocommerce-cart h2 {
    font-size: 36px; }
  @media screen and (min-width: 320px) {
      body.woocommerce-cart h2 {
        font-size: calc(36px + 14 * ((100vw - 320px) / 1380)); } }
  @media screen and (min-width: 1700px) {
      body.woocommerce-cart h2 {
        font-size: 50px; } }
  body.woocommerce-cart .woocommerce-cart-form {
    color: #ff00a8;
    background: #ffeff2 !important; }
  body.woocommerce-cart .table {
    --bs-table-striped-bg: none !important; }
  body.woocommerce-cart .shop_table {
    border: none; }
  body.woocommerce-cart .table-responsive {
    max-width: 1320px;
    margin: 0 auto; }
  body.woocommerce-cart .table > :not(:first-child) {
    border-top: 1px solid #ff00a8; }
  body.woocommerce-cart .table-striped > tbody > tr:nth-of-type(odd) > *, body.woocommerce-cart .table-striped > tbody > tr:nth-of-type(even) > * {
    color: #ff00a8;
    background: #ffeff2 !important; }
  body.woocommerce-cart .table-striped > tbody > tr:nth-of-type(odd) > * a, body.woocommerce-cart .table-striped > tbody > tr:nth-of-type(even) > * a {
    color: #ff00a8; }
  body.woocommerce-cart thead th {
    font-family: 'Montserrat', sans-serif;
    color: #ff00a8;
    text-transform: uppercase;
    font-weight: 400 !important;
    font-size: 24px !important;
    border-bottom: 1px solid #ff00a8; }
  body.woocommerce-cart .cart-subtotal th, body.woocommerce-cart .order-total th {
    font-family: 'Montserrat', sans-serif;
    color: #ff00a8;
    text-transform: uppercase;
    font-weight: 400 !important;
    font-size: 24px !important; }
  body.woocommerce-cart input[type="number"] {
    border: 1px solid #ff00a8;
    background: transparent;
    color: #ff00a8;
    font-weight: 200;
    border-radius: 50px;
    padding: 10px 2vw;
    min-width: 150px; }
  body.woocommerce-cart input[type="number"]:hover {
    background: #ff00a8 !important;
    color: #000 !important; }
  body.woocommerce-cart .qty {
    width: 5.631em !important;
    text-align: center; }
  body.woocommerce-cart .coupon .input-text {
    border-top-color: #ffeff2 !important;
    border-left-color: #ffeff2 !important;
    border-right-color: #ffeff2 !important;
    border-bottom: 1px solid #ff00a8 !important;
    background: transparent;
    color: #ff00a8 !important;
    border-radius: 0px;
    padding: 0px !important;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 24px;
    width: 16vw !important;
    margin-right: 20px;
    padding: 20px 10px 5px 10px !important; }
  body.woocommerce-cart .coupon .input-text::placeholder {
    color: #ff00a8; }
  body.woocommerce-cart .coupon .input-text:hover {
    background: #ff00a8 !important;
    color: #000 !important; }
  body.woocommerce-cart .coupon .input-text:hover::placeholder {
    color: #000; }
  body.woocommerce-cart .coupon input[type="submit"].disabled:hover {
    background: #ff00a8; }
  body.woocommerce-cart .woocommerce-cart-form__cart-item.cart_item {
    border-bottom: 1px solid #ff00a8; }
  body.woocommerce-cart .woocommerce-cart-form__cart-item.cart_item td {
    padding: 25px 0px; }
  body.woocommerce-cart td.actions {
    padding-top: 40px; }
  body.woocommerce-cart .product_name {
    color: #ff00a8; }
  body.woocommerce-cart .product_name a {
    color: #ff00a8; }
  body.woocommerce-cart .woocommerce button.button, body.woocommerce-cart .wc-proceed-to-checkout a {
    padding: 15px 3vw !important;
    font-weight: 700 !important;
    font-size: 23px !important; }
  body.woocommerce-cart .woocommerce table.cart td.actions, body.woocommerce-cart .woocommerce-page #content table.cart td.actions, body.woocommerce-cart .woocommerce-page table.cart td.actions {
    border-bottom: none; }
  body.woocommerce-cart .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    padding: 15px 3vw !important;
    font-weight: 700 !important;
    font-size: 23px !important; }
  body.woocommerce-cart .woocommerce ul#shipping_method li, body.woocommerce-cart p.woocommerce-shipping-destination, body.woocommerce-cart #page-wrap li {
    font-weight: 400 !important;
    font-size: 17px !important; }

body.woocommerce-checkout {
  background: #ffeff2 !important;
  /* BLOG
----------------------------------------------------------- */ }
  body.woocommerce-checkout #order_review .shop_table, body.woocommerce-checkout #order_review #payment {
    background: transparent !important;
    color: #ff00a8; }
  body.woocommerce-checkout #customer_details {
    background: #ff00a8 !important;
    color: #fff; }
  body.woocommerce-checkout h1 {
    font-family: 'Bungee Shade', cursive;
    /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
    /* DEFINE VARIABLES
----------------------------------------------------------- */
    /* See variables.scss */
    /* MAIN LAYOUT
----------------------------------------------------------- */
    text-align: center;
    text-transform: uppercase;
    line-height: 80%;
    font-weight: 400;
    padding: 5vw 0px; }
  body.woocommerce-checkout h1 {
    font-size: 50px; }
  @media screen and (min-width: 320px) {
      body.woocommerce-checkout h1 {
        font-size: calc(50px + 130 * ((100vw - 320px) / 1380)); } }
  @media screen and (min-width: 1700px) {
      body.woocommerce-checkout h1 {
        font-size: 180px; } }
  body.woocommerce-checkout h3 {
    font-family: 'Bungee Inline', cursive; }
  body.woocommerce-checkout #customer_details input, body.woocommerce-checkout #customer_details textarea, body.woocommerce-checkout #customer_details .form-control {
    border-top-color: #ffeff2 !important;
    border-left-color: #ffeff2 !important;
    border-right-color: #ffeff2 !important;
    border-bottom: 1px solid #ff00a8 !important;
    background: #ffeff2 !important;
    color: #ff00a8 !important;
    border-radius: 0px;
    padding: 0px !important;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 24px;
    margin-right: 20px;
    padding: 20px 10px 5px 10px !important;
    width: 100% !important; }
  body.woocommerce-checkout #customer_details input::placeholder, body.woocommerce-checkout #customer_details textarea::placeholder, body.woocommerce-checkout #customer_details .form-control::placeholder {
    color: #ff00a8 !important; }
  body.woocommerce-checkout #customer_details input:hover, body.woocommerce-checkout #customer_details textarea:hover, body.woocommerce-checkout #customer_details .form-control:hover {
    background: #ffeff2 !important;
    color: #ff00a8 !important; }
  body.woocommerce-checkout #customer_details input:hover::placeholder, body.woocommerce-checkout #customer_details textarea:hover::placeholder, body.woocommerce-checkout #customer_details .form-control:hover::placeholder {
    color: #fff; }
  body.woocommerce-checkout #customer_details label {
    font-weight: bold;
    color: #fff !important; }
  body.woocommerce-checkout #customer_details input:autofill {
    border-top-color: #ffeff2 !important;
    border-left-color: #ffeff2 !important;
    border-right-color: #ffeff2 !important;
    border-bottom: 1px solid #ff00a8 !important;
    background: #ffeff2 !important;
    color: #ff00a8 !important;
    border-radius: 0px; }
  body.woocommerce-checkout #customer_details input:-webkit-autofill {
    border-top-color: #ffeff2 !important;
    border-left-color: #ffeff2 !important;
    border-right-color: #ffeff2 !important;
    border-bottom: 1px solid #ff00a8 !important;
    background: #ffeff2 !important;
    color: #ff00a8 !important;
    border-radius: 0px; }
  body.woocommerce-checkout #customer_details .select2-selection {
    background: #ffeff2 !important;
    color: #ff00a8 !important;
    padding: 10px;
    height: 50px;
    border-top-color: #ffeff2 !important;
    border-left-color: #ffeff2 !important;
    border-right-color: #ffeff2 !important;
    border-bottom: 1px solid #ff00a8 !important; }
  body.woocommerce-checkout #customer_details .select2-selection::placeholder {
    color: #ff00a8; }
  body.woocommerce-checkout .select2-dropdown {
    background-color: #ffeff2 !important;
    border: 1px solid #ff00a8 !important;
    border-radius: 0px; }
  body.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected], body.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #ffeff2 !important;
    color: #ff00a8 !important; }
  body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ff00a8 !important;
    line-height: 28px; }
  body.woocommerce-checkout .woocommerce-error {
    border-top-color: #ff00a8;
    background-color: #ffeff2;
    color: #ff00a8 !important;
    border-top: 3px solid #ff00a8; }
  body.woocommerce-checkout .woocommerce form .form-row.woocommerce-invalid label {
    color: #ff00a8 !important; }
  body.woocommerce-checkout .woocommerce form .form-row .required {
    color: #ff00a8 !important; }
  body.woocommerce-checkout .woocommerce #payment #place_order, body.woocommerce-checkout .woocommerce-page #payment #place_order {
    float: none;
    text-align: center;
    margin: 0 auto;
    display: block; }
  body.woocommerce-checkout #add_payment_method #payment ul.payment_methods, body.woocommerce-checkout .woocommerce-cart #payment ul.payment_methods, body.woocommerce-checkout .woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 1px solid #ff00a8; }
  body.woocommerce-checkout .woocommerce ul#shipping_method li, body.woocommerce-checkout p.woocommerce-shipping-destination, body.woocommerce-checkout #page-wrap li {
    font-weight: 400 !important;
    font-size: 17px !important; }

body.blog #content {
  padding-top: 20px; }

div.row.isblog article {
  position: relative; }

div.row.isblog article .entry-footer {
  position: absolute;
  width: 90%;
  bottom: 10%; }

.post-thumb-cover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.no_sidebar .post-thumb-cover {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  display: flex;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-bottom: 40px; }

.push-sidebar .post-thumb-cover {
  width: 100vw;
  position: relative;
  left: 60.3%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  display: flex;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-bottom: 40px; }

.post-thumb-cover .inner {
  height: 400px;
  line-height: 400px;
  text-align: center;
  margin: 0 auto;
  position: relative;
  display: table; }

.post-thumb-cover .inner h1.entry-title {
  padding: 20px;
  margin: 0px;
  color: #fff !important;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  font-size: 50px; }

.post-thumb-cover::before {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.excerpt-standard .post-thumb-blog {
  padding: 10px 0px 20px 0; }

.post-thumb-blog {
  text-align: center; }

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

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

.postmeta-single, .postmeta-blog {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  font-size: 13px;
  font-style: normal;
  font-weight: light; }
  .postmeta-single ul, .postmeta-blog ul {
    margin: 0 !important;
    padding: 0 !important; }
  .postmeta-single li, .postmeta-blog li {
    display: inline-block !important;
    padding: 0;
    margin-bottom: 0;
    color: #929292; }
  .postmeta-single li:after, .postmeta-blog li:after {
    content: "";
    padding: 0px 5px; }
  .postmeta-single li:last-child:after, .postmeta-blog li:last-child:after {
    content: ""; }
  .postmeta-single li > i, .postmeta-blog li > i {
    padding-right: 4px; }
  .postmeta-single a, .postmeta-blog a {
    outline: none;
    color: #929292; }
  .postmeta-single span, .postmeta-blog span {
    padding-right: 7px; }

.postmeta-single-single-comments {
  color: #333;
  font-size: 13px; }

.postmeta-single-comments a {
  color: #333;
  font-weight: bold;
  /* Post Formats */ }

.excerpt-standard, .excerpt-quote, .excerpt-aside, .excerpt-status, .excerpt-link, .excerpt-gallery, .excerpt-audio, .excerpt-video, .excerpt-image, .excerpt-chat {
  padding-top: 40px; }

.format-quote.no_cover, .format-aside.no_cover, .format-status.no_cover, .format-link.no_cover, .format-gallery.no_cover, .format-audio.no_cover, .format-video.no_cover, .format-image.no_cover, .format-chat.no_cover {
  padding-top: 40px; }

.format-quote .entry-title {
  margin-top: 20px; }

.no_cover .format-gallery h1.entry-title, .no_cover .format-audio h1.entry-title, .no_cover .format-video h1.entry-title, .no_cover .format-standard h1.entry-title {
  padding-top: 10px; }

.post-icon-blog {
  margin-bottom: 20px; }

.post-icon-blog span {
  background-clip: padding-box;
  border: 1px solid #929292;
  color: #929292;
  display: table;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  width: 40px;
  border-radius: 50%; }

.post-format-icon {
  color: #929292;
  font-size: 14px;
  padding-top: 10px;
  font-style: normal; }

.post-format-icon i {
  padding-right: 4px; }

.entry-quote blockquote, .excerpt-quote blockquote {
  font-size: 115%;
  font-style: italic; }

.excerpt-aside .entry-content, .entry-aside .entry-content {
  background: #f7f7f7;
  padding: 20px;
  font-size: 115%;
  font-style: italic;
  border-radius: 10px; }

.excerpt-status .entry-content, .entry-status .entry-content {
  background: #f7f7f7;
  padding: 20px;
  border-top: 4px solid #ccc; }

.excerpt-status .post-time, .entry-status .post-time {
  font-weight: bold;
  font-size: 90%;
  padding-top: 5px; }

.excerpt-link .entry-content, .entry-link .entry-content {
  background: #f7f7f7;
  padding: 20px;
  border-top: 4px solid #ccc; }

.entry-video .video-embed, .entry-audio .audio-embed {
  margin-bottom: 20px; }

.isblog.islist article {
  margin-bottom: 40px; }

.isblog.islist article.format-standard {
  margin-bottom: 60px; }

.post-thumb-single {
  padding-bottom: 20px;
  text-align: center; }

.post-content {
  padding: 20px 0px;
  /* Gallery post */ }

.gallery img {
  border: none !important; }

.gallery-item {
  margin: 0px !important;
  padding: 0px !important; }

.gallery-lightbox, .gallery-slider {
  margin: 20px auto; }

.entry-image .view-larger, .excerpt-image .view-larger {
  position: relative;
  text-align: center; }

.entry-image .view-larger .enlarge, .excerpt-image .view-larger .enlarge {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.entry-image .view-larger i, .excerpt-image .view-larger i {
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  color: #fff;
  display: inline-block;
  height: 75px;
  padding: 20px;
  position: absolute;
  right: -40px;
  width: 75px;
  font-size: 200%;
  /* Utility Classes
----------------------------------------------------------- */ }

.pt-20 {
  padding-top: 20px; }

.pb-20 {
  padding-bottom: 20px; }

.pl-20 {
  padding-left: 20px; }

.pr-20 {
  padding-right: 20px; }

.pt-40 {
  padding-top: 40px; }

.pb-40 {
  padding-bottom: 40px; }

.pl-40 {
  padding-left: 40px; }

.pr-40 {
  padding-right: 40px; }

.pt-60 {
  padding-top: 60px; }

.pb-60 {
  padding-bottom: 60px; }

.pl-60 {
  padding-left: 60px; }

.pr-60 {
  padding-right: 60px; }

.pt-80 {
  padding-top: 80px; }

.pb-80 {
  padding-bottom: 80px; }

.pl-80 {
  padding-left: 80px; }

.pr-80 {
  padding-right: 80px; }

.pt-100 {
  padding-top: 100px; }

.pb-100 {
  padding-bottom: 100px; }

.pl-100 {
  padding-left: 100px; }

.pr-100 {
  padding-right: 100px; }

.breakout, .wp-block-cover {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw; }

.wp-block-image.alignfull, .wp-block-image.alignfull img {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw; }

.wp-block-image.alignwide {
  width: 75vw;
  position: relative;
  left: 25%;
  right: 25%;
  margin-left: -25vw;
  margin-right: -25vw; }

.wp-block-cover {
  margin-bottom: 50px; }

.wp-block-group.alignfull {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw; }
  .wp-block-group.alignfull .wp-block-group__inner-container {
    max-width: 1920px;
    margin: 0 auto;
    width: 100%; }

.wp-block-cover.alignfull {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw; }
  .wp-block-cover.alignfull .wp-block-cover__inner-container {
    max-width: 1920px;
    margin: 0 auto;
    width: 100%; }

.has-background-dim {
  background-color: #000;
  /*
----------------------------------------------------------- */ }

* {
  margin: 0;
  padding: 0; }

.breaker {
  clear: both; }

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

.group:after {
  clear: both; }

.group {
  /* For IE 6/7 (trigger hasLayout) */
  zoom: 1; }

address, dl, fieldset, figure, hr, ol, p, pre, table, ul {
  margin-bottom: 20px; }

p {
  margin: 0 0 25px; }

p:empty {
  display: none; }

a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  outline: none; }

a:focus {
  outline: thin dotted;
  color: #000; }

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

address {
  font-style: italic !important; }

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle; }

.entry-content {
  overflow-wrap: break-word; }

.parallax-window {
  min-height: 200px;
  background: transparent; }

.spacer {
  border-bottom: 1px solid #eee;
  margin: 20px auto 0; }

.screen-reader-text {
  position: absolute;
  left: -9999px;
  top: -9999px; }

.aligncenter {
  text-align: center; }

.alignleft {
  position: relative;
  float: left;
  padding-right: 10px; }

.alignright {
  position: relative;
  float: right;
  padding-left: 10px; }

.clear {
  clear: both; }

.videowrapper {
  position: relative;
  /* 16:9 */
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0; }

.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.cover-pad-20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.cover-pad-40 {
  margin-top: 20px;
  margin-bottom: 20px; }

.wp-block-quote, .wp-block-preformatted, .wp-block-verse, .wp-block-latest-posts, .wp-block-categories, .wp-block-gallery, .wp-block-table, .wp-block-image, .wp-block-button {
  margin-top: 40px;
  margin-bottom: 40px; }

.wp-block-pullquote {
  border-left: none; }

.wp-block-button.aligncenter {
  display: table !important;
  margin-left: auto;
  margin-right: auto; }

.wp-block-button.alignleft, .wp-block-button.alignright {
  padding-left: 20px !important;
  padding-right: 20px !important;
  display: inline-block !important;
  /* Generic Wordpress Styles
----------------------------------------------------------- */
  /* Definition List */ }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt {
  font-weight: bold; }

dd {
  margin-bottom: 30px;
  /*  Pagination
----------------------------------------------------------- */ }

#pagination {
  margin: 20px;
  text-align: center; }

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #ff77d1;
  border-color: #ff77d1;
  color: #fff;
  cursor: default;
  z-index: 2; }

.pagination > li > a, .pagination > li > span {
  background-color: #ff77d1;
  border: 1px solid #ff77d1;
  color: #fff;
  float: left;
  line-height: 1.42857;
  margin-left: -1px;
  padding: 6px 12px;
  position: relative;
  text-decoration: none; }

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  /*border-color: $btn-pri-bdr-color;*/
  background-color: transparent;
  border-color: #ff77d1; }

.pagination > li:first-child > a, .pagination > li:first-child > span {
  border-color: #ff77d1;
  /* Comments
----------------------------------------------------------- */ }

.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

.comments-area {
  max-width: 747px;
  margin: 40px 0; }

.comment-list, .comment-reply-title, .comment-respond .comment-form, .comment-respond iframe, .comments-title, .must-log-in {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%; }

.sidebar .comment-list, .sidebar .comment-navigation, .sidebar .comment-reply-title, .sidebar .comment-respond .comment-form, .sidebar .comments-title, .sidebar .must-log-in {
  max-width: 1040px;
  padding-left: 60px;
  padding-right: 376px; }

.comments-title {
  margin: 20px 0; }

.comment-list, .comment-list .children {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.comment-list .children {
  margin: 0 0 0 40px; }

.comment-list .children > li:before, .comment-list > li:after {
  background: url("images/dotted-line.png") repeat left top;
  background-size: 4px 4px;
  content: "";
  display: block;
  height: 1px;
  width: 100%; }

.comment-list > li:last-child:after {
  display: none; }

.comment-body {
  padding: 24px 0;
  position: relative;
  clear: both;
  overflow: hidden;
  border-bottom: 1px solid #e7e7e7; }

.comment-author .avatar {
  display: block;
  float: left;
  margin: 0 20px 20px 0; }

.comment-author .fn {
  word-wrap: break-word; }

.comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login {
  color: #06f;
  font-size: 16px;
  font-style: normal;
  font-weight: bold; }

.says {
  display: none; }

.no-avatars .comment-author {
  margin: 0 0 5px;
  max-width: 100%;
  position: relative; }

.no-avatars .comment-content, .no-avatars .comment-list .reply, .no-avatars .comment-metadata {
  width: 100%; }

.comment-list .edit-link {
  margin-left: 20px; }

.comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata {
  margin: 10px 0; }

.comment-meta, .comment-meta a {
  color: #a2a2a2;
  font-size: 13px; }

.comment-meta a:hover {
  color: #555; }

.comment-metadata {
  margin-bottom: 20px; }

.ping-meta {
  color: #a2a2a2;
  font-size: 13px;
  line-height: 2; }

.comment-awaiting-moderation {
  color: #a2a2a2; }

.comment-awaiting-moderation:before {
  content: "\f021";
  margin-right: 10px;
  display: inline-block;
  font-family: FontAwesome;
  font-weight: normal; }

.comment-reply-link:before, .comment-reply-login:before {
  content: "\f122";
  margin-right: 10px;
  display: inline-block;
  font-family: FontAwesome;
  font-weight: normal;
  /* Comment Form
----------------------------------------------------------- */ }

.comment-respond {
  background-color: #f5f5f5;
  padding: 40px;
  margin: 30px 0;
  max-width: 747px; }

.comment .comment-respond {
  margin-bottom: 20px;
  padding: 20px; }

.comment-reply-title small a {
  color: #131310;
  display: inline-block;
  float: right;
  height: 20px;
  overflow: hidden;
  width: 20px; }

.comment-reply-title small a:hover {
  color: #ed331c;
  text-decoration: none; }

.comment-reply-title small a:before {
  content: "\f05c";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 20px;
  font-weight: normal; }

.sidebar .comment-list .comment-reply-title, .sidebar .comment-list .comment-respond .comment-form {
  padding: 0; }

.comment-form .comment-notes {
  margin-bottom: 15px; }

.comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url {
  margin-bottom: 30px; }

.comment-form [for="author"], .comment-form [for="comment"], .comment-form [for="email"], .comment-form [for="url"] {
  float: left;
  padding: 10px 0;
  width: 100px; }

.comment-form .required {
  color: #ff8778; }

.comment-form input[type="email"], .comment-form input[type="text"], .comment-form input[type="url"] {
  max-width: 300px;
  width: 60%; }

.comment-form textarea {
  width: 100%; }

.form-allowed-tags, .form-allowed-tags code {
  color: #686758;
  font-size: 14px; }

.form-allowed-tags code {
  font-size: 10px;
  margin-left: 3px;
  white-space: pre-wrap; }

.comment-list .pingback, .comment-list .trackback {
  padding-top: 24px; }

.comment-navigation {
  border-bottom: 1px solid #e7e7e7;
  font-size: 20px;
  font-style: italic;
  font-weight: 300;
  margin: 0 auto;
  max-width: 747px;
  padding: 20px 0;
  width: 100%; }

.no-comments {
  background-color: #eee;
  font-size: 20px;
  font-style: italic;
  font-weight: 300;
  margin: 0;
  padding: 10px 0;
  text-align: center; }

.sidebar .no-comments {
  padding-left: 60px;
  padding-right: 376px; }

.comment-reply-title {
  margin-top: 0;
  /* Woocommerce Checkout
----------------------------------------------------------- */ }

body.woocommerce-page #content {
  padding: 20px 0px 40px 0px; }

.woocommerce #customer_details .col-1, .woocommerce #customer_details .col-2 {
  width: 100% !important; }

.woocommerce #customer_details, .woocommerce #order_review {
  width: 47%;
  position: relative;
  float: left; }

.woocommerce #customer_details {
  margin-right: 40px; }

h3#order_review_heading {
  display: none; }

@media (max-width: 800px) {
  /* Styles/Colours */
    .woocommerce #customer_details, .woocommerce #order_review {
      width: 100% !important; } }

#customer_details, #order_review .shop_table, #order_review #payment {
  background: #f4f4f4;
  padding: 20px;
  border-radius: 0px;
  border: none; }

#order_review {
  background: transparent !important; }

#customer_details h3, .woocommerce-billing-fields h3, .woocommerce-shipping-fields h3 {
  font-size: 26px !important;
  /* Bootstrap 5column fix
----------------------------------------------------------- */
  /* class="col-md-5ths col-xs-6" */ }

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-5ths {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left; } }

@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left; } }

@media (min-width: 1200px) {
  /* WIDGETS
----------------------------------------------------------- */
    .col-lg-5ths {
      width: 20%;
      float: left; } }

.widget {
  margin: 0px 0px 30px 0px; }
  .widget h3 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 5px;
    text-transform: uppercase; }
  .widget ul {
    margin: 0px;
    padding: 0; }
  .widget ul li {
    font-size: 15px;
    line-height: 1.3em;
    margin-bottom: 10px;
    display: block; }
  .widget a {
    color: #ff77d1; }

main .widget, main .widget a {
  color: #ff77d1;
  /* calendar widget */ }

.widget_calendar {
  float: left; }

#wp-calendar {
  width: 100%; }

#wp-calendar thead {
  font-size: 14px; }

#wp-calendar thead th {
  padding-bottom: 10px; }

#wp-calendar tbody td {
  text-align: center;
  padding: 8px; }

#wp-calendar tbody .pad {
  background: none; }

#wp-calendar tfoot #next {
  font-size: 14px;
  text-transform: uppercase;
  text-align: right; }

#wp-calendar tfoot #prev {
  font-size: 14px;
  text-transform: uppercase;
  padding-top: 10px; }

@media (max-width: 1899.98px) {
  body {
    zoom: 0.9; } }

@media (max-width: 1699.98px) {
  body {
    zoom: 0.8; } }

@media (max-width: 1499.98px) {
  body {
    zoom: 0.7; } }

@media (max-width: 1299.98px) {
  body {
    zoom: 1; } }

@media only screen and (max-width: 2800px) and (min-width: 1920px) {
  #home-page #services .services__button {
    zoom: 0.8; }

  #home-page #brands .brands__wrap {
    margin: 0 auto; }

  #blog .col-xl-2 {
    background: #06f; }

  #shop .product__buttons .btn-primary.btn-view {
    padding: 10px 3vw !important; }

  #gallery-page {
    padding-bottom: 5vw; } }

@media (max-width: 1899.98px) {
  #home-page #services .services__button {
    zoom: 0.9; } }

@media (max-width: 1599.98px) {
  #home-page #gallery .gallery__images {
    left: 50vw; }
    #home-page #gallery .gallery__starburst {
      left: 36vw; } }

@media (max-width: 1499.98px) {
  #home-page #gallery .gallery__images {
    left: 50vw; }
    #home-page #gallery .gallery__starburst {
      left: 36vw; } }

@media (max-width: 1299.98px) {
  #home-page #gallery .gallery__images {
    left: 25vw; }
    #home-page #gallery .gallery__starburst {
      left: 10vw; } }

@media (max-width: 1599.98px) {
  #shop .product__image {
    min-height: auto !important; } }

@media (max-width: 1599.98px) {
  #home-page #hero .hero__toggle {
    zoom: 1;
    margin-top: -11vw;
    position: relative;
    display: none !important; }
    #home-page #hero .hero__wrap {
      padding-top: 5vw;
      width: 100%;
      height: auto;
      display: flex;
      flex-direction: column;
      padding-bottom: 3vw;
      justify-content: flex-start;
      height: 100%; }
    #brands .brands__bulbs img {
      max-width: 70% !important; }
    #brands .brands__heading .heading__large {
      font-size: 6vw; } }

@media (max-width: 1399.98px) {
  #shop {
    padding: 0px; }
    #shop .product__name {
      font-size: 30px;
      line-height: 130%; }
      #shop .product__btn {
        zoom: 0.9; } }

@media (max-width: 1299.98px) {
  #home-page #hero .hero__starburst {
    zoom: 0.7; }

  #brands .brands__bulbs img {
    max-width: 56% !important; }
    #brands .brands__heading .heading__large {
      font-size: 6vw; }

  #about-page .header__image {
    display: none; }
    #about-page .content__section__circle {
      display: none !important; }
    #about-page .content__section__arrow {
      display: none !important; }
    #services-page #service-list .service-list__wrap {
      margin: 3vw 3vw; }
      #services-page #service-list .service-list__content {
        font-size: 22px; }
      #services-page #service-list .service-list__heading {
        font-size: 48px; }
      #services-page #service-list .service-list__starburst {
        transform: translate(218%, -75%);
        zoom: 0.6; }

  #testimonials .testimonial-slider__content {
    max-width: 80% !important; }

  .services__button {
    zoom: 0.7; } }

@media (max-width: 1199.98px) {
  .gm-navigation-drawer--mobile .gm-menu-btn-close-mobile-drawer {
    padding: 25px 25px 12px 0px !important; }

  .gm-navigation-drawer--mobile .gm-navbar-nav > .gm-menu-item > .gm-anchor {
    font-size: 26px; }

  .gm-logo img {
    max-width: 200px !important; }

  .gm-menu-item__txt {
    font-size: 1.5vw; }

  .gm-navigation-drawer .gm-menu-item__txt {
    font-size: 26px; }

  .gm-minicart {
    display: none !important; }

  .gm-navbar .gm-logo > a img {
    height: 60px; }

  #loader {
    padding: 5vw; }

  .marquee-top {
    position: relative;
    z-index: 1; }

  .btn-primary, .btn-secondary {
    zoom: 0.8; }

  .starburst {
    zoom: 0.9; }
    .starburst span {
      font-size: 28px; }

  #home-page #hero .hero__toggle {
    zoom: 0.8;
    margin-top: -11vw;
    position: relative; }
    #home-page #hero .hero__wrap {
      padding-bottom: 0px; }
    #home-page #hero .hero__content {
      padding-top: 20px;
      font-size: 2.5vw; }
    #home-page #hero .heading__xxlarge {
      font-size: 12vw; }
    #home-page #services .services__heading {
      margin-left: 3vw; }
    #home-page #services .services__content {
      margin-left: 3vw; }
    #home-page #services .services__button {
      zoom: 0.6;
      padding-top: 7vw; }
    #home-page #services .services-list__heading {
      font-size: 6.5vw;
      line-height: 130%; }
    #home-page #services .services-list li {
      padding: 0px 3vw; }
    #home-page #brands .brands__bulbs img {
      max-width: 50% !important; }
    #home-page #brands .brands__heading .heading__large {
      font-size: 5.5vw; }
    #home-page #newsletter .klaviyo-form {
      max-width: 80% !important;
      margin: 0 auto; }
    #home-page #process {
      padding: 10vw 0px; }
    #home-page #range {
      padding: 10vw 3vw; }
    #home-page #range .range__content {
      padding: 80px 0px 40px 0px; }
    #home-page #range .range__button {
      padding-bottom: 40px; }
    #home-page #gallery video {
      max-width: 80% !important; }
    #home-page #blog .blog__title {
      font-size: 14vw !important;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center; }

  #shop {
    padding: 0px; }
    #shop .product__name {
      font-size: 30px;
      line-height: 130%; }
    #shop .product__btn {
      zoom: 0.9; }

  #testimonials .testimonial-slider__content {
    max-width: 75%;
    font-size: 3vw; }
    #testimonials .testimonial-slider__name {
      font-size: 2.5vw; }
    #testimonials .testimonial-slider__rating {
      font-size: 2.2vw; }

  #about-page #header .header__starburst {
    display: none; }
    #about-page #header .header__image {
      right: 3vw;
      margin-top: 1vw;
      zoom: 0.7; }
    #about-page #content-section .content__section__circle {
      display: none; }
    #about-page #content-section .content__section__arrow {
      display: none; }

  #services-page #service-list .service-list__wrap {
    margin: 3vw 3vw; }
    #services-page #service-list .service-list__content {
      font-size: 22px; }
    #services-page #service-list .service-list__heading {
      font-size: 48px; }
    #services-page #service-list .service-list__starburst {
      display: none !important; }
    #services-page #service-list .service-list__button {
      display: block !important; }

  #footer {
    padding: 20px 3vw; }
    #footer li {
      font-size: 20px; }

  #copyright a {
    font-size: 20px; } }

@media (max-width: 1023px) {
  #mobile-navigation {
    display: block;
    position: relative;
    z-index: 9; }

  #header-navigation {
    display: none; }

  #page-navigation {
    display: none; }

  #container {
    overflow-x: hidden; }

  #wpadminbar {
    display: none; }

  #mobile-navigation {
    position: fixed;
    width: 100%;
    margin-top: -5px;
    z-index: 9; }

  .marquee-top {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 9; }

  #wrap {
    padding-top: 60px; }

  .btn-primary, .btn-secondary {
    zoom: 0.8; }

  .starburst {
    zoom: 0.87; }
    .starburst span {
      font-size: 28px; }

  #home-page #hero .hero__starburst {
    top: 60px;
    zoom: 0.7; }

  #home-page #hero .hero__toggle {
    zoom: 0.8;
    margin-top: -11vw;
    position: relative; }
    #home-page #hero .hero__content {
      font-size: 2.1vw; }
    #home-page #hero .heading__xxlarge {
      font-size: 11vw; }
    #home-page #brands .brands__bulbs img {
      max-width: 45% !important; }
    #home-page #brands .brands__heading .heading__large {
      font-size: 5vw; }
    #home-page #newsletter .klaviyo-form {
      max-width: 80% !important;
      margin: 0 auto; }

  #about-page #header .header__starburst {
    display: none; }
    #about-page #header .header__image {
      display: none; }
    #about-page #content-section .content__section__circle {
      display: none; }
    #about-page #content-section .content__section__arrow {
      display: none; }
    #about-page #intro .intro__wrap {
      zoom: 0.8; }

  #shop .product__buttons {
    flex-direction: column; }
    #shop .product__btn {
      zoom: 0.85; }
    #shop .product__btn a {
      display: block; } }

@media only screen and (max-width: 990px) and (min-width: 766px) {
 }

@media (max-width: 767.98px) {
  .show_desktop {
    display: none !important; }

  .show_mobile {
    display: block !important; }

  #home-page #hero .hero__starburst {
    left: 109vw;
    top: 10vw; }
    #home-page #hero .hero__content {
      font-size: 4vw; }
    #home-page #hero .hero__wrap {
      padding: 3vw; }
    #home-page #hero .heading__xxlarge {
      font-size: 19vw; }
    #home-page .nomargin {
      margin: 0px;
      padding: 0px; }
    #home-page #services .services__heading, #home-page #services .services__content {
      padding-left: 3vw;
      padding-right: 3vw;
      margin-left: 0px;
      font-size: 4vw; }
    #home-page #services .services__button {
      display: none; }
    #home-page #services .services-list li {
      padding: 0px 5vw; }
    #home-page #services .bdr-r {
      border-right: none; }
    #home-page #brands .brands__bulbs img {
      max-width: 90% !important; }
    #home-page #brands .brands__heading .heading__large {
      font-size: 9.5vw;
      line-height: 140%;
      padding: 20px; }
    #home-page #brands .brands .drag {
      padding: 5vw 0px; }
    #home-page #newsletter .newsletter__content {
      font-size: 3.5vw; }
    #home-page #newsletter .klaviyo-form {
      max-width: 90% !important;
      margin: 0 auto; }
    #home-page #newsletter .klaviyo-form button {
      max-width: 400px;
      font-weight: 900 !important;
      padding: 10px 1vw; }
    #home-page #newsletter .klaviyo-form .kl-private-reset-css-Xuajs1 {
      width: 100% !important; }
    #home-page #process .process__heading {
      line-height: 120%; }
    #home-page #process .process__content {
      font-size: 3.5vw;
      padding-left: 40px; }
    #home-page #range .range__heading {
      line-height: 120%; }
    #home-page #range .range__content {
      font-size: 3.5vw; }
    #home-page #blog .blog__heading {
      font-size: 40px; }

  #about-page #header .header__starburst {
    display: none; }
    #about-page #header .header__image {
      display: none; }
    #about-page #content-section .content__section__circle {
      display: none; }
    #about-page #content-section .content__section__arrow {
      display: none; }
    #about-page #content-section .content__buttons {
      zoom: 1;
      flex-direction: column; }
      #about-page #content-section .content__buttons a {
        margin-bottom: 20px; }

  #services-page #service-list .service-list__wrap {
    margin: 7vw; }
    #services-page #service-list .service-list__content {
      font-size: 22px; }
    #services-page #service-list .service-list__heading {
      font-size: 48px; }
    #services-page #service-list .service-list__item.odd {
      margin: 0px;
      padding: 0px; }
    #services-page #service-list .service-list__item.odd .service-list__starburst {
      display: none; }
    #services-page #service-list .service-list__item.even {
      margin: 0px;
      padding: 0px; }
    #services-page #service-list .service-list__item.even .service-list__starburst {
      display: none; }

  #testimonials .testimonial-slider__content {
    max-width: 60%;
    font-size: 3.5vw; }
    #testimonials .testimonial-slider__name {
      font-size: 3.5vw; }
    #testimonials .testimonial-slider__rating {
      font-size: 3.5vw; }
    #testimonials .marquee-testimonials__inner img {
      width: 100%;
      max-width: 125px;
      padding: 5px 55px 0px 20px; }
    #testimonials .slick-prev, #testimonials .slick-next {
      width: 50px;
      height: 50px;
      line-height: 50px; }
    #testimonials .slick-prev:before, #testimonials .slick-next:before {
      font-size: 30px; }

  body.single-product .woocommerce-Tabs-panel h2 {
    font-size: 10vw !important; }
    body.single-product .woocommerce-Tabs-panel p {
      font-size: 26px; }

  body.blog .card-title {
    font-size: 8vw !important; }

  #contact-page .wpforms-container .wpforms-one-half {
    width: 100% !important;
    margin-left: 0px !important; }
    #contact-page .wpforms-container .wpforms-field-name-last, #contact-page .wpforms-container .wpforms-field-large {
      margin-bottom: 0px; }
    #contact-page .wpforms-container .wpforms-field-name-first {
      margin-bottom: 20px; }
    #contact-page .wpforms-field .upwpforms-uploader-body {
      flex-direction: column !important; }
    #contact-page .wpforms-field .upwpforms-uploader-body .uploader-text {
      font-family: 'Montserrat', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 26px;
      color: #06f; }
    #contact-page .wpforms-field .upwpforms-uploader-body .uploader-buttons button {
      margin: 20px 0px; }

  #contact-details .contact__heading {
    font-size: 9vw !important; }
    #contact-details .nomargin {
      margin: 0px;
      padding: 0px; }

  #footer .col-xl-12 {
    display: block !important;
    text-align: center; }
    #footer .col-xl-12 > a {
      width: auto;
      display: inline-block;
      text-align: center;
      padding: 10px 10px; }
    #footer .menu-footer-menu-container ul {
      flex-direction: column;
      justify-content: center;
      align-items: center; }
    #footer .menu-footer-menu-container li {
      list-style: none;
      padding: 10px 10px;
      display: block; }

  #copyright .text-start, #copyright .text-end {
    text-align: center !important; }

  #page-wrap p, #page-wrap li {
    font-size: 3.5vw;
    margin-bottom: 10px !important; }
    #page-wrap h1 {
      font-size: 6vw; }
    #page-wrap h2 {
      font-size: 6vw; }
    #page-wrap h3 {
      font-size: 5vw; } }

@media (max-width: 575.98px) {
  .btn-primary, .btn-secondary {
    padding: 25px 15vw !important; }
    .btn-yellow {
      padding: 25px 12vw !important; }
    #wpadminbar {
      display: none; }
    #mobile-navigation {
      position: fixed;
      width: 100%;
      margin-top: -5px; }
    .marquee-top {
      position: fixed;
      width: 100%;
      top: 0px;
      z-index: 9; }
    #wrap {
      padding-top: 60px; }
    #home-page #hero .hero__starburst {
      left: 102vw;
      top: 43vw;
      zoom: 0.6;
      display: none; }
      #home-page #hero .hero__toggle {
        zoom: 0.8;
        margin-top: -22vw;
        position: relative;
        display: none; }
      #home-page #hero .hero__content {
        font-size: 4.8vw; }
      #home-page #hero .hero__wrap {
        padding: 6vw; }
      #home-page #hero .heading__xxlarge {
        font-size: 29vw; }
      #home-page #services .services__content {
        font-size: 3.5vw;
        line-height: 135%; }
      #home-page #services .services__heading .heading__xlarge {
        font-size: 13vw; }
      #home-page #services .services-list__heading {
        font-size: 9vw; }
      #home-page #services .services-list li {
        padding: 2vw 5vw; }
      #home-page #services .services-list .hover-reveal {
        display: none !important; }
      #home-page #brands .brands__heading .heading__large {
        margin-top: -18vw; }
      #home-page #brands .brands__wrap {
        margin-bottom: -18vw; }
      #home-page #brands #drag-section img {
        zoom: 0.6;
        padding: 40px 0px; }
      #home-page #newsletter .newsletter__content {
        font-size: 3.5vw;
        padding: 20px; }
        #home-page #newsletter .newsletter__content br {
          display: none; }
      #home-page #newsletter form {
        text-align: center; }
      #home-page #newsletter .klaviyo-form {
        max-width: 100% !important;
        margin: 0 auto; }
      #home-page #newsletter .klaviyo-form button {
        max-width: 400px;
        font-weight: 900 !important;
        padding: 10px 1vw;
        font-size: 5vw !important; }
      #home-page #newsletter .klaviyo-form .kl-private-reset-css-Xuajs1 {
        width: 100% !important;
        padding: 0px 6px !important; }
      #home-page #process .process__content {
        font-size: 3.5vw;
        padding-left: 0px; }
      #home-page #process .process__heading, #home-page #process .process__subheading {
        padding-left: 3vw;
        padding-right: 3vw; }
      #home-page #process .process__wrap {
        padding: 10vw 20px; }
      #home-page #range .range__content {
        font-size: 3.5vw;
        padding: 20px 0px; }
      #home-page #range .range__button {
        padding-top: 0px;
        padding-bottom: 20px; }
      #home-page #shop .product__item {
        padding: 20px; }
      #home-page #shop .product__price {
        padding-bottom: 18px; }
      #home-page #shop .product__btn {
        margin-bottom: 20px; }
      #home-page #shop .container-fluid {
        padding: 0px; }
      #home-page #gallery .gallery__starburst {
        zoom: 0.6;
        left: 4vw;
        margin-top: 40vw;
        display: none; }
      #home-page #gallery .gallery__images {
        left: 20vw;
        margin-top: 24vw; }
      #home-page #blog .blog__title {
        display: none; }
      #home-page #blog .blog__mobile {
        display: flex;
        padding: 5vw;
        text-align: center;
        flex-direction: column;
        background: #06f;
        font-family: 'Bungee Shade', cursive;
        font-style: normal;
        font-weight: 400;
        /*
DEFINE VARIABLES
MAIN LAYOUT
HEADER
MENUS
CONTENT
FOOTER
GENERIC STYLES
ANIMATION
HEADINGS
FORMS
BUTTONS
LISTS
WOOCOMMERCE
BLOG
*/
        /* DEFINE VARIABLES
----------------------------------------------------------- */
        /* See variables.scss */
        /* MAIN LAYOUT
----------------------------------------------------------- */
        line-height: 95%;
        text-align: center;
        text-transform: uppercase;
        color: #fffa5b;
        border-right: 3px solid #fffa5b; }
        #home-page #blog .blog__mobile {
          font-size: 45px; }
    #about-page #header .header__starburst {
      display: none; }
      #about-page #header .header__image {
        display: none; }
      #about-page #header .header__content {
        font-size: 3.5vw; }
      #about-page #intro .intro__wrap {
        zoom: 1;
        width: 90%; }
      #about-page #intro .intro__content {
        font-size: 3.5vw; }
      #about-page #content-section .content__section {
        width: auto;
        height: auto;
        position: relative;
        right: 0px;
        margin-top: 0px; }
      #about-page #content-section .content__section__circle {
        display: none; }
      #about-page #content-section .content__section__arrow {
        display: none; }
      #about-page #content-section .content__buttons {
        zoom: 1;
        flex-direction: column; }
        #about-page #content-section .content__buttons a {
          margin-bottom: 20px; }
      #about-page #content-section .content__content {
        font-size: 3.5vw; }
      #about-page #content-section .content__buttons {
        padding-top: 20px; }
    #services-page #header .header__heading {
      font-size: 13vw !important; }
      #services-page #header .header__subheading {
        font-size: 6.5vw;
        line-height: 125%; }
      #services-page #header .header__content {
        font-size: 3.5vw; }
      #services-page #service-list .service-list__heading {
        font-size: 9vw;
        line-height: 100%; }
      #services-page #service-list .service-list__content {
        font-size: 3.5vw; }
    #shop-page #header .header__subheading {
      font-size: 6.5vw;
      line-height: 125%;
      padding-bottom: 0px; }
      #shop-page #shop {
        padding: 5vw !important; }
      #shop-page #shop .product__item {
        padding: 20px; }
      #shop-page #shop .product__price {
        padding-bottom: 18px; }
      #shop-page #shop .product__btn {
        margin-bottom: 20px; }
    #blog-page #header .header__heading {
      font-size: 13vw !important; }
      #blog-page #header .header__subheading {
        font-size: 6.5vw;
        line-height: 125%; }
      #blog-page #header .header__content {
        font-size: 3.5vw; }
      #blog-page #blog-list .card {
        padding: 20px !important; }
      #blog-page #blog-list .card-body {
        font-size: 3.5vw !important;
        padding: 0px !important; }
      #blog-page #blog-list .card-button {
        text-align: center; }
      #blog-page #blog-list .card-excerpt {
        padding: 0px; }
      #blog-page #blog-list .card .btn-primary {
        padding: 8px 8vw !important;
        font-size: 3.5vw; }
    #blog-single #header .header__heading {
      font-size: 7.5vw !important; }
      #blog-single p, #blog-single li {
        font-size: 3.5vw !important;
        line-height: 140%; }
    #contact-page #header .header__subheading {
      font-size: 6.5vw;
      line-height: 125%; }
      #contact-page #contact-details .contact__content {
        font-size: 22px !important; }
      #contact-page .wpforms-submit-container {
        text-align: center !important; }
    #gallery-page #masonry .col-sm-6 {
      position: relative !important;
      top: unset !important; }
    body.single-product .product_title {
      font-size: 16vw !important;
      line-height: 120%;
      padding-top: 0px !important; }
      body.single-product .price {
        padding-top: 0px !important; }
      body.single-product .woocommerce div.product form.cart .button, body.single-product .single_add_to_cart_button, body.single-product .woocommerce button.button.alt, body.single-product .woocommerce button.button, body.single-product button, body.single-product #content .single_add_to_cart_button {
        padding: 10px 10vw !important;
        font-size: 6vw !important; }
      body.single-product .woocommerce-Tabs-panel h2 {
        padding-bottom: 0px !important; }
    .woocommerce-message a.button {
      font-size: 5vw !important;
      padding: 10px 6vw !important;
      float: none !important;
      margin-bottom: 20px !important; }
    body.woocommerce-cart .woocommerce {
      padding: 7vw; }
      body.woocommerce-cart #coupon_code {
        width: 100% !important;
        display: block;
        float: none; }
      body.woocommerce-cart .coupon .button {
        width: 100% !important;
        margin-top: 20px; }
      body.woocommerce-cart h2 {
        font-size: 10vw !important; }
      body.woocommerce-cart .woocommerce-cart .wc-proceed-to-checkout {
        padding: 10px 10vw !important; }
    body.woocommerce-checkout label {
      font-size: 5vw; }
      body.woocommerce-checkout #customer_details .form-control {
        width: 100% !important;
        font-size: 5vw !important;
        padding: 10px 10px 5px 10px !important; }
      body.woocommerce-checkout #customer_details .select2-selection {
        font-size: 5vw !important; }
      body.woocommerce-checkout .woocommerce form .form-row-first, body.woocommerce-checkout .woocommerce form .form-row-last, body.woocommerce-checkout .woocommerce-page form .form-row-first, body.woocommerce-checkout .woocommerce-page form .form-row-last {
        width: 100% !important;
        font-size: 5vw !important; }
      body.woocommerce-checkout .woocommerce-info {
        font-size: 4vw; }
      body.woocommerce-checkout .woocommerce-privacy-policy-text p {
        font-size: 4vw !important; }
      body.woocommerce-checkout #payment #place_order, body.woocommerce-checkout body.woocommerce-checkout .woocommerce-page #payment #place_order {
        padding: 10px 10vw !important;
        font-size: 7vw; }
    #header .header__heading {
      font-size: 13vw !important;
      line-height: 120% !important; }
    #hero .hero__starburst {
      display: none; }
      #hero .hero__content {
        font-size: 3.5vw; }
    #testimonials .testimonial-slider__content {
      max-width: 90%;
      font-size: 3.5vw; }
      #testimonials .testimonial-slider__name {
        font-size: 3.5vw; }
      #testimonials .testimonial-slider__rating {
        font-size: 3.5vw; }
      #testimonials .marquee-testimonials__inner img {
        max-width: 113px;
        padding: 5px 49px 0px 20px; }
      #testimonials .slick-prev, #testimonials .slick-next {
        display: none !important; }
    .btn-primary, .btn-secondary, .btn-yellow, .single_add_to_cart_button {
      padding: 12px 10vw !important;
      font-size: 5vw;
      zoom: 1; }
      .btn-primary:hover, .btn-secondary:hover, .btn-yellow:hover, .single_add_to_cart_button:hover {
        padding: 12px 10vw !important;
        font-size: 5vw;
        zoom: 1; }
    #copyright .website-by img {
      max-width: 70px; } }
  @media screen and (max-width: 575.98px) and (min-width: 320px) {
              #home-page #blog .blog__mobile {
                font-size: calc(45px + 255 * ((100vw - 320px) / 1380)); } }
  @media screen and (max-width: 575.98px) and (min-width: 1700px) {
              #home-page #blog .blog__mobile {
                font-size: 300px; } }